PageSourceSearch

https://operadepot.com/products/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel

html operadepot.com collected 2026-10-02 13:23:14 UTC 778,020 bytes, 19,466 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      Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maaze
24 &ndash; Opera Depot</title>
25
26    
27      <meta name="description" content="Fidelio Ludwig van Beethoven (1770 - 1827) DESCRIPTION The combination of musical exactitude and stylistic taste made Beethoven a particularly good fit for conductor Lorin Maazel. He brings both qualities to this performance of Fidelio, while investing the score with the infectious optimism that allows the opera to com">
28    
29
30    
31
32<meta property="og:site_name" content="Opera Depot">
33<meta property="og:url" content="https://operadepot.com/products/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel">
34<meta property="og:title" content="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maaze">
35<meta property="og:type" content="product">
36<meta property="og:description" content="Fidelio Ludwig van Beethoven (1770 - 1827) DESCRIPTION The combination of musical exactitude and stylistic taste made Beethoven a particularly good fit for conductor Lorin Maazel. He brings both qualities to this performance of Fidelio, while investing the score with the infectious optimism that allows the opera to com"><meta property="og:image" content="http://operadepot.com/cdn/shop/files/12413-2front.jpg?v=1790530114">
37  <meta property="og:image:secure_url" content="https://operadepot.com/cdn/shop/files/12413-2front.jpg?v=1790530114">
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="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maaze">
42<meta name="twitter:description" content="Fidelio Ludwig van Beethoven (1770 - 1827) DESCRIPTION The combination of musical exactitude and stylistic taste made Beethoven a particularly good fit for conductor Lorin Maazel. He brings both qualities to this performance of Fidelio, while investing the score with the infectious optimism that allows the opera to com">
43
44
45    <link rel="canonical" href="https://operadepot.com/products/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel">
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/67585691091265: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/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel.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":"10-2-26","id":190111744321,"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":"d0d4f354-b4d4-4573-9953-a574ca80017a-1790947392","pageurl":"operadepot.com\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","u":"7a84dbeb1377","p":"product","rtyp":"product","rid":15395233333569};</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/188/assets/app.css?v=6713547956183441001790940894">
740<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/188/assets/streaming-card.css?v=126424648571866117531790940894">
741<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/188/assets/opera-depot-player.css?v=87241603384686723011790940894&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/188/assets/od-critical-pdp.css?v=39951047174763743211790940894">
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/188/assets/app.js?v=29719832494942380221790943631"></script>
825
826    
826<script defer src="//operadepot.com/cdn/shop/t/188/assets/streaming-card.js?v=111026663650901324141790940894"></script>
vendor: 1 bytes, line 826
826
827<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-downloads-portal.js?v=89749497934167928451790940894"></script>
827
828    
828<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-upgrade-hub.js?v=19164098159210858271790940894"></script>
828<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/188/assets/od-sale-display.css?v=158224281075708351001790940894">
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/188/assets/od-sale-display.js?v=37239819466362482421790940894"></script>
834<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/188/assets/od-coming-soon-gate.css?v=172908361493982052151790940894">
835    
835<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-coming-soon-gate.js?v=29367033505083749121790940894"></script>
835
836    
836<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-patron-offer.js?v=131629535061832923551790940894"></script>
836<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-sale.js?v=105361423693700997121790940894"></script>
836
837    
837<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-portal.js?v=52528396931697827041790940894"></script>
837
838    
838<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-cart-guard.js?v=49138628708591814701790940894"></script>
838
839    
839<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-plans.js?v=39116060392359924881790940894"></script>
839
840    
840<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-manage.js?v=37224752672144078751790940894"></script>
840<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-streaming-section.js?v=161835396823274565631790940894"></script>
840
841    
841<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-page-reveal.js?v=182016275695917165181790940894"></script>
841
842    
842<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-money.js?v=129519936867711548261790940894"></script>
842
843    
843<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-membership-done.js?v=151547514515963588701790940894"></script>
843<style>
844      .opera-depot-player-message:not(.opera-depot-player-message--error) {
845        display: none !important;
846      }
847    </style><link rel="stylesheet" href="//operadepot.com/cdn/shop/t/188/assets/od-wishlist.css?v=10699062734351513421790940894">
848    
848<script defer src="//operadepot.com/cdn/shop/t/188/assets/od-wishlist.js?v=79435642937584951401790940894"></script>
848
849    
849<script defer src="//operadepot.com/cdn/shop/t/188/assets/alpine.3.14.0.min.js?v=117952194533155082741790940894"></script>
vendor: 1 bytes, line 849
849
850<script>
851(function(){
852  function ensureStore(){
853    try {
854      if (!Alpine.store('wishlist')) Alpine.store('wishlist', { count: 0 });
855    } catch (e) {
856      // If Alpine isn't defined yet, set it when Alpine boots
857      document.addEventListener('alpine:init', function(){
858        if (!Alpine.store('wishlist')) Alpine.store('wishlist', { count: 0 });
859      }, { once:true });
860    }
861  }
862  // Run now if Alpine is present, also attach for init
863  if (window.Alpine) ensureStore();
864  document.addEventListener('alpine:init', ensureStore, { once:true });
865})();
866</script>
866
867      <link rel="preload" as="font" href="//operadepot.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2" type="font/woff2" crossorigin>
868      
869<script>
870      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
871      if (Shopify.designMode) {
872        document.documentElement.classList.add('shopify-design-mode');
873      }
874    </script>
874
875
876    
876<script>
877  const computeRatio = () => {
878    const smallestViewportHeightElem = document.createElement('div');
879    smallestViewportHeightElem.style.position = 'fixed';
880    smallestViewportHeightElem.style.top = '0';
881    smallestViewportHeightElem.style.left = '0';
882    smallestViewportHeightElem.style.width = '100vw';
883    smallestViewportHeightElem.style.height = '100svh';
884    smallestViewportHeightElem.style.visibility = 'hidden';
885    smallestViewportHeightElem.style.pointerEvents = 'none';
886    document.documentElement.appendChild(smallestViewportHeightElem);
887
888    // measure once
889    const screenHeight = smallestViewportHeightElem.offsetHeight;
890    const screenWidth = smallestViewportHeightElem.offsetWidth;
891
892    smallestViewportHeightElem.remove();
893
894    document.documentElement.style.setProperty(
895      '--product-aspect-ratio',
896      (screenWidth / (screenHeight - 155)).toString(),
897    );
898  };
899
900  window.addEventListener('resize', computeRatio);
901  computeRatio();
902</script>
902
903
904
905    
906
907    
907<script>
908      window.ODMembershipAccess = window.ODMembershipAccess || {};
909      window.ODMembershipAccess.state = {
910        customerId: null,
911        customerTier: "non_member",
912        loggedIn: false,
913        acceptsMarketing: false,
914        membershipStatus: "",
915        memberStreamingEligible: false,
916        discountEligible: false,
917        globalCatalogueOverride: false,
918        globalAccessPolicy: null,
919        globalAccessPolicySource: null,
920        globalAccessPolicyFallbackReason: null,
921        playbackPolicy: null,
922        playbackPolicySource: null,
923        playbackPolicyFallbackReason: null,
924        customerPlaybackPolicy: {
925          catalogueAccess: 'samples',
926          comingSoonAccess: 'none',
927          purchaseDiscountPercent: 0
928        }
929      };
930      window.ODMembershipAccess.config = Object.assign(
931        {
932          endpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/membership",
933          playbackTokenEndpoint: "\/apps\/library\/playback-token",
934          purchasedPlaybackTokenEndpoint: "\/apps\/library\/purchased-playback-token",
935          globalAccessPolicyEndpoint: "\/apps\/library\/global-access-policy",
936          legacyStreamingPolicyEndpoint: "\/apps\/library\/streaming-policy",
937          customerLibraryEndpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/library",
938          marketingOptInEndpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/marketing-opt-in",
939          unlockFlowUrl: "\/collections\/free-streaming-titles#free-streaming-unlock-flow"
940        },
941        window.ODMembershipAccess.config || {}
942      );
943    </script>
943
944
945    
946    
947        
948        
949          <link href="//operadepot.com/cdn/shop/files/12413-2front.jpg?v=1790530114" as="image" rel="preload">
950        
951
952      
953
954    
955    
956
957
958<!-- CUSTOM CSS: Adjust mobile login button spacing to avoid overlap with persistent player -->
959<style>
960  @media only screen and (max-width: 767px) {
961    .button--filled-primary.w-full {
962      margin-bottom: 100px !important;
963    }
964  }
965</style>
966
967  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
968<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 968
968
969<script>
970  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
971</script>
vendor: 1 bytes, line 971
971
972<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}
972).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: ["4c64608a","16072cab","8450a54b","7ee89bf1"],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"}
972,"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":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","vendor":"Opera Depot","id":"15395233333569","untranslatedTitle":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","url":"\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","type":"2 CD Set"},"id":"67585691091265","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"sku":"12413-2","title":"CD","untranslatedTitle":"CD"},{"price":{"amount":9.95,"currencyCode":"USD"},"product":{"title":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","vendor":"Opera Depot","id":"15395233333569","untranslatedTitle":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","url":"\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","type":"2 CD Set"},"id":"67585691124033","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"sku":"MP3 12413-2","title":"MP3","untranslatedTitle":"MP3"},{"price":{"amount":11.95,"currencyCode":"USD"},"product":{"title":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","vendor":"Opera Depot","id":"15395233333569","untranslatedTitle":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","url":"\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","type":"2 CD Set"},"id":"67585691156801","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"sku":"FLAC 12413-2","title":"FLAC","untranslatedTitle":"FLAC"}],"products":[{"id":"15395233333569","handle":"beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","isCollective":null,"title":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","type":"2 CD Set","untranslatedTitle":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964","url":"\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","vendor":"Opera Depot","remoteShopId":null,"variants":[{"id":"67585691091265","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"price":{"amount":17.95,"currencyCode":"USD"},"sku":"12413-2","title":"CD","untranslatedTitle":"CD"},{"id":"67585691124033","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"MP3 12413-2","title":"MP3","untranslatedTitle":"MP3"},{"id":"67585691156801","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114"},"price":{"amount":11.95,"currencyCode":"USD"},"sku":"FLAC 12413-2","title":"FLAC","untranslatedTitle":"FLAC"}]}],"purchasingCompany":null},},"https://operadepot.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"190111744321","themePublished":"true","eventMetadataId":"e00ad905-3e82-431d-b1e2-c41332f177eb","pageType":"product","resourceId":"15395233333569","shopId":"2389583","storefrontBaseUrl":"https:\/\/operadepot.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":17.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964\",\"vendor\":\"Opera Depot\",\"id\":\"15395233333569\",\"untranslatedTitle\":\"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutt
972i; Maazel. Roma, 1964\",\"url\":\"\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel\",\"type\":\"2 CD Set\"},\"id\":\"67585691091265\",\"image\":{\"src\":\"\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114\"},\"sku\":\"12413-2\",\"title\":\"CD\",\"untranslatedTitle\":\"CD\"}}]]"});})();</script>
972<script>
973  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
974  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
975  window.ShopifyAnalytics.meta.currency = 'USD';
976  var meta = {"product":{"id":15395233333569,"gid":"gid:\/\/shopify\/Product\/15395233333569","vendor":"Opera Depot","type":"2 CD Set","handle":"beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel","variants":[{"id":67585691091265,"price":1795,"name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - CD","public_title":"CD","sku":"12413-2"},{"id":67585691124033,"price":995,"name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - MP3","public_title":"MP3","sku":"MP3 12413-2"},{"id":67585691156801,"price":1195,"name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - FLAC","public_title":"FLAC","sku":"FLAC 12413-2"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":15395233333569,"requestId":"d0d4f354-b4d4-4573-9953-a574ca80017a-1790947392"}};
977  for (var attr in meta) {
978    window.ShopifyAnalytics.meta[attr] = meta[attr];
979  }
980</script>
vendor: 1 bytes, line 980
980
981<script class="analytics">
982  (function () {
983    var customDocumentWrite = function(content) {
984      var jquery = null;
985
986      if (window.jQuery) {
987        jquery = window.jQuery;
988      } else if (window.Checkout && window.Checkout.$) {
989        jquery = window.Checkout.$;
990      }
991
992      if (jquery) {
993        jquery('body').append(content);
994      }
995    };
996
997    var hasLoggedConversion = function(token) {
998      if (token) {
999        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1000      }
1001      return false;
1002    }
1003
1004    var setCookieIfConversion = function(token) {
1005      if (token) {
1006        var twoMonthsFromNow = new Date(Date.now());
1007        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1008
1009        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1010      }
1011    }
1012
1013    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1014    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1015    if (trekkie.integrations) {
1016      return;
1017    }
1018    trekkie.methods = [
1019      'identify',
1020      'page',
1021      'ready',
1022      'track',
1023      'trackForm',
1024      'trackLink'
1025    ];
1026    trekkie.factory = function(method) {
1027      return function() {
1028        var args = Array.prototype.slice.call(arguments);
1029        args.unshift(method);
1030        trekkie.push(args);
1031        if (method == 'track' || method == 'page') {
1032          var pageUrl;
1033          try {
1034            pageUrl = window.location.href;
1035          } catch (e) {}
1036          var pageReferrer;
1037          try {
1038            pageReferrer = document.referrer;
1039          } catch (e) {}
1040          try {
1041            if (window.__TREKKIE_SHIM_QUEUE == null) {
1042              window.__TREKKIE_SHIM_QUEUE = [];
1043            }
1044            window.__TREKKIE_SHIM_QUEUE.push({
1045              from: 'trekkie-stub',
1046              method: method,
1047              args: args.slice(1),
1048              pageContext: {
1049                url: pageUrl,
1050                referrer: pageReferrer
1051              }
1052            });
1053          } catch (e) {
1054            // no-op
1055          }
1056        }
1057        return trekkie;
1058      };
1059    };
1060    for (var i = 0; i < trekkie.methods.length; i++) {
1061      var key = trekkie.methods[i];
1062      trekkie[key] = trekkie.factory(key);
1063    }
1064    trekkie.load = function(config) {
1065      trekkie.config = config || {};
1066      trekkie.config.initialDocumentCookie = document.cookie;
1067      var first = document.getElementsByTagName('script')[0];
1068var script = document.createElement('script');
1069script.type = 'text/javascript';
1070script.onerror = function(e) {
1071  var scriptFallback = document.createElement('script');
1072  scriptFallback.type = 'text/javascript';
1073  scriptFallback.onerror = function(error) {
1074          var Monorail = {
1075      produce: function produce(monorailDomain, schemaId, payload) {
1076        var currentMs = new Date().getTime();
1077        var event = {
1078          schema_id: schemaId,
1079          payload: payload,
1080          metadata: {
1081            event_created_at_ms: currentMs,
1082            event_sent_at_ms: currentMs
1083          }
1084        };
1085        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1086      },
1087      sendRequest: function sendRequest(endpointUrl, payload) {
1088        // Try the sendBeacon API
1089        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1090          var blobData = new window.Blob([payload], {
1091            type: 'text/plain'
1092          });
1093
1094          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1095            return true;
1096          } // sendBeacon was not successful
1097
1098        } // XHR beacon
1099
1100        var xhr = new XMLHttpRequest();
1101
1102        try {
1103          xhr.open('POST', endpointUrl);
1104          xhr.setRequestHeader('Content-Type', 'text/plain');
1105          xhr.send(payload);
1106        } catch (e) {
1107          console.log(e);
1108        }
1109
1110        return false;
1111      },
1112      isIos12: function isIos12() {
1113        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1114      }
1115    };
1116    Monorail.produce('monorail-edge.shopifysvc.com',
1117      'trekkie_storefront_load_errors/1.1',
1118      {shop_id: 2389583,
1119      theme_id: 190111744321,
1120      app_name: "storefront",
1121      context_url: window.location.href,
1122      source_url: "//operadepot.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1123
1124  };
1125  scriptFallback.async = true;
1126  scriptFallback.src = '//operadepot.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1127  first.parentNode.insertBefore(scriptFallback, first);
1128};
1129script.async = true;
1130script.src = '//operadepot.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1131first.parentNode.insertBefore(script, first);
1132
1133    };
1134    trekkie.load(
1135      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2389583,"isMerchantRequest":null,"themeId":190111744321,"themeCityHash":"13379833634649515701","contentLanguage":"en","currency":"USD","eventMetadataId":"e00ad905-3e82-431d-b1e2-c41332f177eb"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1136    );
1137
1138    var loaded = false;
1139    trekkie.ready(function() {
1140      if (loaded) return;
1141      loaded = true;
1142
1143      window.ShopifyAnalytics.lib = window.trekkie;
1144
1145      var originalDocumentWrite = document.write;
1146      document.write = customDocumentWrite;
1147      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1148      document.write = originalDocumentWrite;
1149
1150      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1151      var token = match? match[1]: undefined;
1152      if (!hasLoggedConversion(token)) {
1153        setCookieIfConversion(token);
1154        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":67585691091265,"productId":15395233333569,"productGid":"gid:\/\/shopify\/Product\/15395233333569","name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - CD","price":"17.95","sku":"12413-2","brand":"Opera Depot","variant":"CD","category":"2 CD Set","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1155      }
1156    });
1157
1158    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":15395233333569,"requestId":"d0d4f354-b4d4-4573-9953-a574ca80017a-1790947392","shopifyEmitted":true});
1159
1160    var eventsListenerScript = document.createElement('script');
1161    eventsListenerScript.async = true;
1162    eventsListenerScript.src = "//operadepot.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1163    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1164})();</script>
vendor: 1 bytes, line 1164
1164
1165<script
1166  defer
1167  src="https://operadepot.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1168  data-application="storefront-renderer"
1169  data-shop-id="2389583"
1170  data-render-region="gcp-us-central1"
1171  data-page-type="product"
1172  data-theme-instance-id="190111744321"
1173  data-theme-name="Satoshi"
1174  data-theme-version="4.1.2"
1175  data-monorail-region="shop_domain"
1176  data-resource-timing-sampling-rate="10"
1177  data-shs="true"
1178  data-shs-beacon="true"
1179  data-shs-export-with-fetch="true"
1180  data-shs-logs-sample-rate="1"
1181  data-shs-beacon-endpoint="https://operadepot.com/api/collect"
1182></script>
1182
1183<meta name="shopify-y" content="42d04516-8af7-4b79-a057-0755e9e4cf86" data-expiration="1822504993000"><meta name="shopify-s" content="a4ac86e0-136c-4cdc-9bc7-8d6195f19310" data-expiration="1790949193000"><meta name="new-cookie-storage-activated" content="t">
1184</head>
1185
1186<body
1187  class="
1188    gradient bg-primary-500 od-h1-test
1189    
1190      [&_.no-fade]:opacity-100
1191    
1192  "
1193  x-data
1194  x-init="
1195    () => {
1196      $store.main.totalCartQty = 0
1197      $store.main.showCurrency = !!false
1198      $store.cart.cartType = 'page'
1199      $store.cart.cartUrl = '/cart'
1200    }
1201  "
1202>
1203
1204
1205    
1206<svg
1207  xmlns="http://www.w3.org/2000/svg"
1208  preserveAspectRatio="xMinYMin meet"
1209  role="img"
1210  class="sr-only"
1211>
1212  <defs>
1213    <filter id="border" x="-50%" y="-50%" width="200%" height="200%">
1214      <!-- Apply the color from the CSS variable -->
1215      <feFlood flood-color="var(--color-background-500)" result="color" />
1216
1217      <!-- Use feMorphology to create a sharper outline -->
1218      <feMorphology in="SourceAlpha" operator="dilate" radius="1.5" result="dilated" />
1219
1220      <!-- Composite the color with the dilated result -->
1221      <feComposite in="color" in2="dilated" operator="in" result="coloredDilated" />
1222
1223      <!-- Merge the original graphic with the colored dilated result -->
1224      <feMerge>
1225        <feMergeNode in="coloredDilated" />
1226        <feMergeNode in="SourceGraphic" />
1227      </feMerge>
1228    </filter>
1229  </defs>
1230</svg>
1231
1232
1233    <div class="page-wrapper flex min-h-screen max-w-screen flex-col bg-bg-500">
1234      <a
1235        class="skip-to-content-link button sr-only"
1236        href="#MainContent"
1237        tabindex="1"
1238      >
1239        Skip to content
1240      </a>
1241
1242      <!-- BEGIN sections: header-group -->
1243<div id="shopify-section-sections--27874879701313__header" class="shopify-section shopify-section-group-header-group">
1244<header id="od-header"
1245  class="od-sticky-mobile relative z-50"
1246  :class="[
1247  'shadow-md',
1248  mobileMenuOpen ? 'od-header-fixed od-shadow-anim' : '',
1249  desktopMenuOpen ? 'od-desktop-menu-open' : ''
1250]"
1251
1252x-data="{
1253    mobileMenuOpen:false,
1254    mobileSearchOpen:false,
1255    desktopMenuOpen:false,
1256    isLoggedIn:false,
1257cartCount: 0,
1258
1259    menuMax:0,
1260    searchMax:0,
1261    scrolled:false,
1262    recalc(){
1263      this.$nextTick(() => {
1264        this.menuMax   = (this.$refs.mobileMenuInner?.scrollHeight || 0) + 24;
1265        this.searchMax = (this.$refs.mobileSearchInner?.scrollHeight || 0) + 24;
1266
1267        // NEW: compute the true top offset for overlays (header + announcement bar height)
1268        const r = this.$root.getBoundingClientRect();
1269        const offsetPx = Math.max(0, Math.round(r.bottom)); // viewport px from top to bottom of header
1270        const heightPx = Math.max(0, Math.round(r.height));
1271        document.documentElement.style.setProperty('--od-mobile-offset', offsetPx + 'px');
1272        document.documentElement.style.setProperty('--od-mobile-top', Math.max(0, Math.round(r.top)) + 'px');
1273        document.documentElement.style.setProperty('--od-mobile-header-height', heightPx + 'px');
1274      });
1275    },
1276    onScroll(){
1277      this.scrolled = window.scrollY > 2;
1278      // keep offset fresh while sticky header compresses/expands
1279      this.recalc();
1280    }
1281  }"
1282x-init="
1283  (() => {
1284    if (window.__odMobileHeaderCleanup) window.__odMobileHeaderCleanup();
1285
1286    const mobileHeaderQuery = window.matchMedia('(max-width: 767.98px), (hover: none) and (pointer: coarse)');
1287    const handleMobileHeaderScroll = () => {
1288      if (mobileHeaderQuery.matches) onScroll();
1289    };
1290    const handleMobileHeaderResize = () => {
1291      if (mobileHeaderQuery.matches) recalc();
1292    };
1293    const handleMobileHeaderModeChange = () => {
1294      if (mobileHeaderQuery.matches) {
1295        recalc();
1296        onScroll();
1297      } else {
1298        scrolled = false;
1299      }
1300    };
1301    const handleCartCount = e => { $data.cartCount = e.detail.count || 0 };
1302
1303    recalc();
1304    handleMobileHeaderModeChange();
1305
1306    window.addEventListener('scroll', handleMobileHeaderScroll, { passive:true });
1307    window.addEventListener('resize', handleMobileHeaderResize, { passive:true });
1308    window.addEventListener('od:cart-count', handleCartCount);
1309    if (mobileHeaderQuery.addEventListener) {
1310      mobileHeaderQuery.addEventListener('change', handleMobileHeaderModeChange);
1311    } else if (mobileHeaderQuery.addListener) {
1312      mobileHeaderQuery.addListener(handleMobileHeaderModeChange);
1313    }
1314
1315    window.__odMobileHeaderCleanup = () => {
1316      window.removeEventListener('scroll', handleMobileHeaderScroll);
1317      window.removeEventListener('resize', handleMobileHeaderResize);
1318      window.removeEventListener('od:cart-count', handleCartCount);
1319      if (mobileHeaderQuery.removeEventListener) {
1320        mobileHeaderQuery.removeEventListener('change', handleMobileHeaderModeChange);
1321      } else if (mobileHeaderQuery.removeListener) {
1322        mobileHeaderQuery.removeListener(handleMobileHeaderModeChange);
1323      }
1324      window.__odMobileHeaderCleanup = null;
1325    };
1326  })()
1327"
1328x-effect="(mobileMenuOpen || mobileSearchOpen) && recalc(); document.body.classList.toggle('od-no-scroll', mobileMenuOpen)">
1329
1330<div class="max-w-7xl mx-auto px-4 py-3">
1331
1332
1333<!-- ===== DESKTOP: TOP UTILITY BAR (radio launch + right-aligned country/currency) ===== -->
1334<div class="hidden md:flex w-full justify-between items-center gap-4 mb-2 od-topbar"
1335     data-od-topbar
1336     style="position:relative;">
1337  <button
1338    type="button"
1339    class="od-radio-launch"
1340    data-opera-depot-radio-launch
1341    aria-label="Launch Opera Depot Radio"
1342    @click.prevent="
1343      if (window.OperaDepotPlayer && window.OperaDepotPlayer.startRadio) {
1344        window.OperaDepotPlayer.startRadio();
1345      } else {
1346        document.dispatchEvent(new CustomEvent('opera-depot-player:start-radio'));
1347      }
1348    ">
1349    <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">
1350      <line x1="28" y1="8" x2="40" y2="16"/>
1351      <rect x="10" y="16" width="44" height="32" rx="4"/>
1352      <circle cx="24" cy="32" r="8"/>
1353      <circle cx="24" cy="32" r="4"/>
1354      <rect x="36" y="22" width="12" height="6" rx="1"/>
1355      <line x1="36" y1="32" x2="48" y2="32"/>
1356      <line x1="36" y1="36" x2="48" y2="36"/>
1357      <circle cx="40" cy="42" r="3"/>
1358      <circle cx="48" cy="42" r="3"/>
1359    </svg>
1360    <span>Opera Depot Radio</span>
1361  </button>
1362
1363  <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/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel" />
1364    <div class="od-cp" x-data="{ open:false }" @keydown.escape.window="open=false" @click.outside="open=false">
1365      <input type="hidden" name="country_code" x-ref="cc" value="US" />
1366
1367      <!-- Trigger -->
1368      <button type="button" class="od-cp__btn" @click="open = !open" :aria-expanded="open.toString()">
1369        <img class="od-cp__flag"
1370             src="https://flagcdn.com/24x18/us.png"
1371             alt="United States flag" />
1372        <span class="od-cp__text">
1373          United States
1374          <span class="od-cp__curr">(USD $)</span>
1375        </span>
1376        <svg class="od-cp__chev" viewBox="0 0 24 24" aria-hidden="true">
1377          <path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1378        </svg>
1379      </button>
1380
1381      <!-- Popup -->
1382      <div class="od-cp__menu"
1383           x-show="open"
1384           x-transition.origin.top.right
1385           x-cloak
1386           role="listbox">
1387        <ul class="od-cp__list">
1388          
1389            <li>
1390              <button type="button"
1391                      class="od-cp__item "
1392                      role="option"
1393                      aria-selected="false"
1394                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AF');">
1395                <img class="od-cp__flag"
1396                     src="https://flagcdn.com/24x18/af.png"
1397                     alt="Afghanistan flag"
1398                     loading="lazy" />
1399                <span class="od-cp__label">
1400                  Afghanistan
1401                  <span class="od-cp__curr">(AFN ؋)</span>
1402                </span>
1403                
1404              </button>
1405            </li>
1406          
1407            <li>
1408              <button type="button"
1409                      class="od-cp__item "
1410                      role="option"
1411                      aria-selected="false"
1412                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AX');">
1413                <img class="od-cp__flag"
1414                     src="https://flagcdn.com/24x18/ax.png"
1415                     alt="Åland Islands flag"
1416                     loading="lazy" />
1417                <span class="od-cp__label">
1418                  Åland Islands
1419                  <span class="od-cp__curr">(EUR €)</span>
1420                </span>
1421                
1422              </button>
1423            </li>
1424          
1425            <li>
1426              <button type="button"
1427                      class="od-cp__item "
1428                      role="option"
1429                      aria-selected="false"
1430                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AL');">
1431                <img class="od-cp__flag"
1432                     src="https://flagcdn.com/24x18/al.png"
1433                     alt="Albania flag"
1434                     loading="lazy" />
1435                <span class="od-cp__label">
1436                  Albania
1437                  <span class="od-cp__curr">(ALL L)</span>
1438                </span>
1439                
1440              </button>
1441            </li>
1442          
1443            <li>
1444              <button type="button"
1445                      class="od-cp__item "
1446                      role="option"
1447                      aria-selected="false"
1448                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DZ');">
1449                <img class="od-cp__flag"
1450                     src="https://flagcdn.com/24x18/dz.png"
1451                     alt="Algeria flag"
1452                     loading="lazy" />
1453                <span class="od-cp__label">
1454                  Algeria
1455                  <span class="od-cp__curr">(DZD د.ج)</span>
1456                </span>
1457                
1458              </button>
1459            </li>
1460          
1461            <li>
1462              <button type="button"
1463                      class="od-cp__item "
1464                      role="option"
1465                      aria-selected="false"
1466                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AD');">
1467                <img class="od-cp__flag"
1468                     src="https://flagcdn.com/24x18/ad.png"
1469                     alt="Andorra flag"
1470                     loading="lazy" />
1471                <span class="od-cp__label">
1472                  Andorra
1473                  <span class="od-cp__curr">(EUR €)</span>
1474                </span>
1475                
1476              </button>
1477            </li>
1478          
1479            <li>
1480              <button type="button"
1481                      class="od-cp__item "
1482                      role="option"
1483                      aria-selected="false"
1484                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AO');">
1485                <img class="od-cp__flag"
1486                     src="https://flagcdn.com/24x18/ao.png"
1487                     alt="Angola flag"
1488                     loading="lazy" />
1489                <span class="od-cp__label">
1490                  Angola
1491                  <span class="od-cp__curr">(USD $)</span>
1492                </span>
1493                
1494              </button>
1495            </li>
1496          
1497            <li>
1498              <button type="button"
1499                      class="od-cp__item "
1500                      role="option"
1501                      aria-selected="false"
1502                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AI');">
1503                <img class="od-cp__flag"
1504                     src="https://flagcdn.com/24x18/ai.png"
1505                     alt="Anguilla flag"
1506                     loading="lazy" />
1507                <span class="od-cp__label">
1508                  Anguilla
1509                  <span class="od-cp__curr">(XCD $)</span>
1510                </span>
1511                
1512              </button>
1513            </li>
1514          
1515            <li>
1516              <button type="button"
1517                      class="od-cp__item "
1518                      role="option"
1519                      aria-selected="false"
1520                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AG');">
1521                <img class="od-cp__flag"
1522                     src="https://flagcdn.com/24x18/ag.png"
1523                     alt="Antigua &amp; Barbuda flag"
1524                     loading="lazy" />
1525                <span class="od-cp__label">
1526                  Antigua &amp; Barbuda
1527                  <span class="od-cp__curr">(XCD $)</span>
1528                </span>
1529                
1530              </button>
1531            </li>
1532          
1533            <li>
1534              <button type="button"
1535                      class="od-cp__item "
1536                      role="option"
1537                      aria-selected="false"
1538                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AR');">
1539                <img class="od-cp__flag"
1540                     src="https://flagcdn.com/24x18/ar.png"
1541                     alt="Argentina flag"
1542                     loading="lazy" />
1543                <span class="od-cp__label">
1544                  Argentina
1545                  <span class="od-cp__curr">(USD $)</span>
1546                </span>
1547                
1548              </button>
1549            </li>
1550          
1551            <li>
1552              <button type="button"
1553                      class="od-cp__item "
1554                      role="option"
1555                      aria-selected="false"
1556                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AM');">
1557                <img class="od-cp__flag"
1558                     src="https://flagcdn.com/24x18/am.png"
1559                     alt="Armenia flag"
1560                     loading="lazy" />
1561                <span class="od-cp__label">
1562                  Armenia
1563                  <span class="od-cp__curr">(AMD դր.)</span>
1564                </span>
1565                
1566              </button>
1567            </li>
1568          
1569            <li>
1570              <button type="button"
1571                      class="od-cp__item "
1572                      role="option"
1573                      aria-selected="false"
1574                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AW');">
1575                <img class="od-cp__flag"
1576                     src="https://flagcdn.com/24x18/aw.png"
1577                     alt="Aruba flag"
1578                     loading="lazy" />
1579                <span class="od-cp__label">
1580                  Aruba
1581                  <span class="od-cp__curr">(AWG ƒ)</span>
1582                </span>
1583                
1584              </button>
1585            </li>
1586          
1587            <li>
1588              <button type="button"
1589                      class="od-cp__item "
1590                      role="option"
1591                      aria-selected="false"
1592                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AC');">
1593                <img class="od-cp__flag"
1594                     src="https://flagcdn.com/24x18/ac.png"
1595                     alt="Ascension Island flag"
1596                     loading="lazy" />
1597                <span class="od-cp__label">
1598                  Ascension Island
1599                  <span class="od-cp__curr">(SHP £)</span>
1600                </span>
1601                
1602              </button>
1603            </li>
1604          
1605            <li>
1606              <button type="button"
1607                      class="od-cp__item "
1608                      role="option"
1609                      aria-selected="false"
1610                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AU');">
1611                <img class="od-cp__flag"
1612                     src="https://flagcdn.com/24x18/au.png"
1613                     alt="Australia flag"
1614                     loading="lazy" />
1615                <span class="od-cp__label">
1616                  Australia
1617                  <span class="od-cp__curr">(AUD $)</span>
1618                </span>
1619                
1620              </button>
1621            </li>
1622          
1623            <li>
1624              <button type="button"
1625                      class="od-cp__item "
1626                      role="option"
1627                      aria-selected="false"
1628                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AT');">
1629                <img class="od-cp__flag"
1630                     src="https://flagcdn.com/24x18/at.png"
1631                     alt="Austria flag"
1632                     loading="lazy" />
1633                <span class="od-cp__label">
1634                  Austria
1635                  <span class="od-cp__curr">(EUR €)</span>
1636                </span>
1637                
1638              </button>
1639            </li>
1640          
1641            <li>
1642              <button type="button"
1643                      class="od-cp__item "
1644                      role="option"
1645                      aria-selected="false"
1646                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AZ');">
1647                <img class="od-cp__flag"
1648                     src="https://flagcdn.com/24x18/az.png"
1649                     alt="Azerbaijan flag"
1650                     loading="lazy" />
1651                <span class="od-cp__label">
1652                  Azerbaijan
1653                  <span class="od-cp__curr">(AZN ₼)</span>
1654                </span>
1655                
1656              </button>
1657            </li>
1658          
1659            <li>
1660              <button type="button"
1661                      class="od-cp__item "
1662                      role="option"
1663                      aria-selected="false"
1664                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BS');">
1665                <img class="od-cp__flag"
1666                     src="https://flagcdn.com/24x18/bs.png"
1667                     alt="Bahamas flag"
1668                     loading="lazy" />
1669                <span class="od-cp__label">
1670                  Bahamas
1671                  <span class="od-cp__curr">(BSD $)</span>
1672                </span>
1673                
1674              </button>
1675            </li>
1676          
1677            <li>
1678              <button type="button"
1679                      class="od-cp__item "
1680                      role="option"
1681                      aria-selected="false"
1682                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BH');">
1683                <img class="od-cp__flag"
1684                     src="https://flagcdn.com/24x18/bh.png"
1685                     alt="Bahrain flag"
1686                     loading="lazy" />
1687                <span class="od-cp__label">
1688                  Bahrain
1689                  <span class="od-cp__curr">(USD $)</span>
1690                </span>
1691                
1692              </button>
1693            </li>
1694          
1695            <li>
1696              <button type="button"
1697                      class="od-cp__item "
1698                      role="option"
1699                      aria-selected="false"
1700                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BD');">
1701                <img class="od-cp__flag"
1702                     src="https://flagcdn.com/24x18/bd.png"
1703                     alt="Bangladesh flag"
1704                     loading="lazy" />
1705                <span class="od-cp__label">
1706                  Bangladesh
1707                  <span class="od-cp__curr">(BDT à§³)</span>
1708                </span>
1709                
1710              </button>
1711            </li>
1712          
1713            <li>
1714              <button type="button"
1715                      class="od-cp__item "
1716                      role="option"
1717                      aria-selected="false"
1718                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BB');">
1719                <img class="od-cp__flag"
1720                     src="https://flagcdn.com/24x18/bb.png"
1721                     alt="Barbados flag"
1722                     loading="lazy" />
1723                <span class="od-cp__label">
1724                  Barbados
1725                  <span class="od-cp__curr">(BBD $)</span>
1726                </span>
1727                
1728              </button>
1729            </li>
1730          
1731            <li>
1732              <button type="button"
1733                      class="od-cp__item "
1734                      role="option"
1735                      aria-selected="false"
1736                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BY');">
1737                <img class="od-cp__flag"
1738                     src="https://flagcdn.com/24x18/by.png"
1739                     alt="Belarus flag"
1740                     loading="lazy" />
1741                <span class="od-cp__label">
1742                  Belarus
1743                  <span class="od-cp__curr">(USD $)</span>
1744                </span>
1745                
1746              </button>
1747            </li>
1748          
1749            <li>
1750              <button type="button"
1751                      class="od-cp__item "
1752                      role="option"
1753                      aria-selected="false"
1754                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BE');">
1755                <img class="od-cp__flag"
1756                     src="https://flagcdn.com/24x18/be.png"
1757                     alt="Belgium flag"
1758                     loading="lazy" />
1759                <span class="od-cp__label">
1760                  Belgium
1761                  <span class="od-cp__curr">(EUR €)</span>
1762                </span>
1763                
1764              </button>
1765            </li>
1766          
1767            <li>
1768              <button type="button"
1769                      class="od-cp__item "
1770                      role="option"
1771                      aria-selected="false"
1772                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BZ');">
1773                <img class="od-cp__flag"
1774                     src="https://flagcdn.com/24x18/bz.png"
1775                     alt="Belize flag"
1776                     loading="lazy" />
1777                <span class="od-cp__label">
1778                  Belize
1779                  <span class="od-cp__curr">(BZD $)</span>
1780                </span>
1781                
1782              </button>
1783            </li>
1784          
1785            <li>
1786              <button type="button"
1787                      class="od-cp__item "
1788                      role="option"
1789                      aria-selected="false"
1790                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BJ');">
1791                <img class="od-cp__flag"
1792                     src="https://flagcdn.com/24x18/bj.png"
1793                     alt="Benin flag"
1794                     loading="lazy" />
1795                <span class="od-cp__label">
1796                  Benin
1797                  <span class="od-cp__curr">(XOF Fr)</span>
1798                </span>
1799                
1800              </button>
1801            </li>
1802          
1803            <li>
1804              <button type="button"
1805                      class="od-cp__item "
1806                      role="option"
1807                      aria-selected="false"
1808                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BM');">
1809                <img class="od-cp__flag"
1810                     src="https://flagcdn.com/24x18/bm.png"
1811                     alt="Bermuda flag"
1812                     loading="lazy" />
1813                <span class="od-cp__label">
1814                  Bermuda
1815                  <span class="od-cp__curr">(USD $)</span>
1816                </span>
1817                
1818              </button>
1819            </li>
1820          
1821            <li>
1822              <button type="button"
1823                      class="od-cp__item "
1824                      role="option"
1825                      aria-selected="false"
1826                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BT');">
1827                <img class="od-cp__flag"
1828                     src="https://flagcdn.com/24x18/bt.png"
1829                     alt="Bhutan flag"
1830                     loading="lazy" />
1831                <span class="od-cp__label">
1832                  Bhutan
1833                  <span class="od-cp__curr">(USD $)</span>
1834                </span>
1835                
1836              </button>
1837            </li>
1838          
1839            <li>
1840              <button type="button"
1841                      class="od-cp__item "
1842                      role="option"
1843                      aria-selected="false"
1844                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BO');">
1845                <img class="od-cp__flag"
1846                     src="https://flagcdn.com/24x18/bo.png"
1847                     alt="Bolivia flag"
1848                     loading="lazy" />
1849                <span class="od-cp__label">
1850                  Bolivia
1851                  <span class="od-cp__curr">(BOB Bs.)</span>
1852                </span>
1853                
1854              </button>
1855            </li>
1856          
1857            <li>
1858              <button type="button"
1859                      class="od-cp__item "
1860                      role="option"
1861                      aria-selected="false"
1862                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BA');">
1863                <img class="od-cp__flag"
1864                     src="https://flagcdn.com/24x18/ba.png"
1865                     alt="Bosnia &amp; Herzegovina flag"
1866                     loading="lazy" />
1867                <span class="od-cp__label">
1868                  Bosnia &amp; Herzegovina
1869                  <span class="od-cp__curr">(BAM КМ)</span>
1870                </span>
1871                
1872              </button>
1873            </li>
1874          
1875            <li>
1876              <button type="button"
1877                      class="od-cp__item "
1878                      role="option"
1879                      aria-selected="false"
1880                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BW');">
1881                <img class="od-cp__flag"
1882                     src="https://flagcdn.com/24x18/bw.png"
1883                     alt="Botswana flag"
1884                     loading="lazy" />
1885                <span class="od-cp__label">
1886                  Botswana
1887                  <span class="od-cp__curr">(BWP P)</span>
1888                </span>
1889                
1890              </button>
1891            </li>
1892          
1893            <li>
1894              <button type="button"
1895                      class="od-cp__item "
1896                      role="option"
1897                      aria-selected="false"
1898                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BR');">
1899                <img class="od-cp__flag"
1900                     src="https://flagcdn.com/24x18/br.png"
1901                     alt="Brazil flag"
1902                     loading="lazy" />
1903                <span class="od-cp__label">
1904                  Brazil
1905                  <span class="od-cp__curr">(USD $)</span>
1906                </span>
1907                
1908              </button>
1909            </li>
1910          
1911            <li>
1912              <button type="button"
1913                      class="od-cp__item "
1914                      role="option"
1915                      aria-selected="false"
1916                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IO');">
1917                <img class="od-cp__flag"
1918                     src="https://flagcdn.com/24x18/io.png"
1919                     alt="British Indian Ocean Territory flag"
1920                     loading="lazy" />
1921                <span class="od-cp__label">
1922                  British Indian Ocean Territory
1923                  <span class="od-cp__curr">(USD $)</span>
1924                </span>
1925                
1926              </button>
1927            </li>
1928          
1929            <li>
1930              <button type="button"
1931                      class="od-cp__item "
1932                      role="option"
1933                      aria-selected="false"
1934                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VG');">
1935                <img class="od-cp__flag"
1936                     src="https://flagcdn.com/24x18/vg.png"
1937                     alt="British Virgin Islands flag"
1938                     loading="lazy" />
1939                <span class="od-cp__label">
1940                  British Virgin Islands
1941                  <span class="od-cp__curr">(USD $)</span>
1942                </span>
1943                
1944              </button>
1945            </li>
1946          
1947            <li>
1948              <button type="button"
1949                      class="od-cp__item "
1950                      role="option"
1951                      aria-selected="false"
1952                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BN');">
1953                <img class="od-cp__flag"
1954                     src="https://flagcdn.com/24x18/bn.png"
1955                     alt="Brunei flag"
1956                     loading="lazy" />
1957                <span class="od-cp__label">
1958                  Brunei
1959                  <span class="od-cp__curr">(BND $)</span>
1960                </span>
1961                
1962              </button>
1963            </li>
1964          
1965            <li>
1966              <button type="button"
1967                      class="od-cp__item "
1968                      role="option"
1969                      aria-selected="false"
1970                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BG');">
1971                <img class="od-cp__flag"
1972                     src="https://flagcdn.com/24x18/bg.png"
1973                     alt="Bulgaria flag"
1974                     loading="lazy" />
1975                <span class="od-cp__label">
1976                  Bulgaria
1977                  <span class="od-cp__curr">(EUR €)</span>
1978                </span>
1979                
1980              </button>
1981            </li>
1982          
1983            <li>
1984              <button type="button"
1985                      class="od-cp__item "
1986                      role="option"
1987                      aria-selected="false"
1988                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BF');">
1989                <img class="od-cp__flag"
1990                     src="https://flagcdn.com/24x18/bf.png"
1991                     alt="Burkina Faso flag"
1992                     loading="lazy" />
1993                <span class="od-cp__label">
1994                  Burkina Faso
1995                  <span class="od-cp__curr">(XOF Fr)</span>
1996                </span>
1997                
1998              </button>
1999            </li>
2000          
2001            <li>
2002              <button type="button"
2003                      class="od-cp__item "
2004                      role="option"
2005                      aria-selected="false"
2006                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BI');">
2007                <img class="od-cp__flag"
2008                     src="https://flagcdn.com/24x18/bi.png"
2009                     alt="Burundi flag"
2010                     loading="lazy" />
2011                <span class="od-cp__label">
2012                  Burundi
2013                  <span class="od-cp__curr">(BIF Fr)</span>
2014                </span>
2015                
2016              </button>
2017            </li>
2018          
2019            <li>
2020              <button type="button"
2021                      class="od-cp__item "
2022                      role="option"
2023                      aria-selected="false"
2024                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KH');">
2025                <img class="od-cp__flag"
2026                     src="https://flagcdn.com/24x18/kh.png"
2027                     alt="Cambodia flag"
2028                     loading="lazy" />
2029                <span class="od-cp__label">
2030                  Cambodia
2031                  <span class="od-cp__curr">(KHR ៛)</span>
2032                </span>
2033                
2034              </button>
2035            </li>
2036          
2037            <li>
2038              <button type="button"
2039                      class="od-cp__item "
2040                      role="option"
2041                      aria-selected="false"
2042                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CM');">
2043                <img class="od-cp__flag"
2044                     src="https://flagcdn.com/24x18/cm.png"
2045                     alt="Cameroon flag"
2046                     loading="lazy" />
2047                <span class="od-cp__label">
2048                  Cameroon
2049                  <span class="od-cp__curr">(XAF CFA)</span>
2050                </span>
2051                
2052              </button>
2053            </li>
2054          
2055            <li>
2056              <button type="button"
2057                      class="od-cp__item "
2058                      role="option"
2059                      aria-selected="false"
2060                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CA');">
2061                <img class="od-cp__flag"
2062                     src="https://flagcdn.com/24x18/ca.png"
2063                     alt="Canada flag"
2064                     loading="lazy" />
2065                <span class="od-cp__label">
2066                  Canada
2067                  <span class="od-cp__curr">(CAD $)</span>
2068                </span>
2069                
2070              </button>
2071            </li>
2072          
2073            <li>
2074              <button type="button"
2075                      class="od-cp__item "
2076                      role="option"
2077                      aria-selected="false"
2078                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CV');">
2079                <img class="od-cp__flag"
2080                     src="https://flagcdn.com/24x18/cv.png"
2081                     alt="Cape Verde flag"
2082                     loading="lazy" />
2083                <span class="od-cp__label">
2084                  Cape Verde
2085                  <span class="od-cp__curr">(CVE $)</span>
2086                </span>
2087                
2088              </button>
2089            </li>
2090          
2091            <li>
2092              <button type="button"
2093                      class="od-cp__item "
2094                      role="option"
2095                      aria-selected="false"
2096                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BQ');">
2097                <img class="od-cp__flag"
2098                     src="https://flagcdn.com/24x18/bq.png"
2099                     alt="Caribbean Netherlands flag"
2100                     loading="lazy" />
2101                <span class="od-cp__label">
2102                  Caribbean Netherlands
2103                  <span class="od-cp__curr">(USD $)</span>
2104                </span>
2105                
2106              </button>
2107            </li>
2108          
2109            <li>
2110              <button type="button"
2111                      class="od-cp__item "
2112                      role="option"
2113                      aria-selected="false"
2114                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KY');">
2115                <img class="od-cp__flag"
2116                     src="https://flagcdn.com/24x18/ky.png"
2117                     alt="Cayman Islands flag"
2118                     loading="lazy" />
2119                <span class="od-cp__label">
2120                  Cayman Islands
2121                  <span class="od-cp__curr">(KYD $)</span>
2122                </span>
2123                
2124              </button>
2125            </li>
2126          
2127            <li>
2128              <button type="button"
2129                      class="od-cp__item "
2130                      role="option"
2131                      aria-selected="false"
2132                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CF');">
2133                <img class="od-cp__flag"
2134                     src="https://flagcdn.com/24x18/cf.png"
2135                     alt="Central African Republic flag"
2136                     loading="lazy" />
2137                <span class="od-cp__label">
2138                  Central African Republic
2139                  <span class="od-cp__curr">(XAF CFA)</span>
2140                </span>
2141                
2142              </button>
2143            </li>
2144          
2145            <li>
2146              <button type="button"
2147                      class="od-cp__item "
2148                      role="option"
2149                      aria-selected="false"
2150                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TD');">
2151                <img class="od-cp__flag"
2152                     src="https://flagcdn.com/24x18/td.png"
2153                     alt="Chad flag"
2154                     loading="lazy" />
2155                <span class="od-cp__label">
2156                  Chad
2157                  <span class="od-cp__curr">(XAF CFA)</span>
2158                </span>
2159                
2160              </button>
2161            </li>
2162          
2163            <li>
2164              <button type="button"
2165                      class="od-cp__item "
2166                      role="option"
2167                      aria-selected="false"
2168                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CL');">
2169                <img class="od-cp__flag"
2170                     src="https://flagcdn.com/24x18/cl.png"
2171                     alt="Chile flag"
2172                     loading="lazy" />
2173                <span class="od-cp__label">
2174                  Chile
2175                  <span class="od-cp__curr">(USD $)</span>
2176                </span>
2177                
2178              </button>
2179            </li>
2180          
2181            <li>
2182              <button type="button"
2183                      class="od-cp__item "
2184                      role="option"
2185                      aria-selected="false"
2186                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CN');">
2187                <img class="od-cp__flag"
2188                     src="https://flagcdn.com/24x18/cn.png"
2189                     alt="China flag"
2190                     loading="lazy" />
2191                <span class="od-cp__label">
2192                  China
2193                  <span class="od-cp__curr">(CNY ¥)</span>
2194                </span>
2195                
2196              </button>
2197            </li>
2198          
2199            <li>
2200              <button type="button"
2201                      class="od-cp__item "
2202                      role="option"
2203                      aria-selected="false"
2204                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CX');">
2205                <img class="od-cp__flag"
2206                     src="https://flagcdn.com/24x18/cx.png"
2207                     alt="Christmas Island flag"
2208                     loading="lazy" />
2209                <span class="od-cp__label">
2210                  Christmas Island
2211                  <span class="od-cp__curr">(AUD $)</span>
2212                </span>
2213                
2214              </button>
2215            </li>
2216          
2217            <li>
2218              <button type="button"
2219                      class="od-cp__item "
2220                      role="option"
2221                      aria-selected="false"
2222                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CC');">
2223                <img class="od-cp__flag"
2224                     src="https://flagcdn.com/24x18/cc.png"
2225                     alt="Cocos (Keeling) Islands flag"
2226                     loading="lazy" />
2227                <span class="od-cp__label">
2228                  Cocos (Keeling) Islands
2229                  <span class="od-cp__curr">(AUD $)</span>
2230                </span>
2231                
2232              </button>
2233            </li>
2234          
2235            <li>
2236              <button type="button"
2237                      class="od-cp__item "
2238                      role="option"
2239                      aria-selected="false"
2240                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CO');">
2241                <img class="od-cp__flag"
2242                     src="https://flagcdn.com/24x18/co.png"
2243                     alt="Colombia flag"
2244                     loading="lazy" />
2245                <span class="od-cp__label">
2246                  Colombia
2247                  <span class="od-cp__curr">(USD $)</span>
2248                </span>
2249                
2250              </button>
2251            </li>
2252          
2253            <li>
2254              <button type="button"
2255                      class="od-cp__item "
2256                      role="option"
2257                      aria-selected="false"
2258                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KM');">
2259                <img class="od-cp__flag"
2260                     src="https://flagcdn.com/24x18/km.png"
2261                     alt="Comoros flag"
2262                     loading="lazy" />
2263                <span class="od-cp__label">
2264                  Comoros
2265                  <span class="od-cp__curr">(KMF Fr)</span>
2266                </span>
2267                
2268              </button>
2269            </li>
2270          
2271            <li>
2272              <button type="button"
2273                      class="od-cp__item "
2274                      role="option"
2275                      aria-selected="false"
2276                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CG');">
2277                <img class="od-cp__flag"
2278                     src="https://flagcdn.com/24x18/cg.png"
2279                     alt="Congo - Brazzaville flag"
2280                     loading="lazy" />
2281                <span class="od-cp__label">
2282                  Congo - Brazzaville
2283                  <span class="od-cp__curr">(XAF CFA)</span>
2284                </span>
2285                
2286              </button>
2287            </li>
2288          
2289            <li>
2290              <button type="button"
2291                      class="od-cp__item "
2292                      role="option"
2293                      aria-selected="false"
2294                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CD');">
2295                <img class="od-cp__flag"
2296                     src="https://flagcdn.com/24x18/cd.png"
2297                     alt="Congo - Kinshasa flag"
2298                     loading="lazy" />
2299                <span class="od-cp__label">
2300                  Congo - Kinshasa
2301                  <span class="od-cp__curr">(CDF Fr)</span>
2302                </span>
2303                
2304              </button>
2305            </li>
2306          
2307            <li>
2308              <button type="button"
2309                      class="od-cp__item "
2310                      role="option"
2311                      aria-selected="false"
2312                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CK');">
2313                <img class="od-cp__flag"
2314                     src="https://flagcdn.com/24x18/ck.png"
2315                     alt="Cook Islands flag"
2316                     loading="lazy" />
2317                <span class="od-cp__label">
2318                  Cook Islands
2319                  <span class="od-cp__curr">(NZD $)</span>
2320                </span>
2321                
2322              </button>
2323            </li>
2324          
2325            <li>
2326              <button type="button"
2327                      class="od-cp__item "
2328                      role="option"
2329                      aria-selected="false"
2330                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CR');">
2331                <img class="od-cp__flag"
2332                     src="https://flagcdn.com/24x18/cr.png"
2333                     alt="Costa Rica flag"
2334                     loading="lazy" />
2335                <span class="od-cp__label">
2336                  Costa Rica
2337                  <span class="od-cp__curr">(CRC ₡)</span>
2338                </span>
2339                
2340              </button>
2341            </li>
2342          
2343            <li>
2344              <button type="button"
2345                      class="od-cp__item "
2346                      role="option"
2347                      aria-selected="false"
2348                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CI');">
2349                <img class="od-cp__flag"
2350                     src="https://flagcdn.com/24x18/ci.png"
2351                     alt="Côte d’Ivoire flag"
2352                     loading="lazy" />
2353                <span class="od-cp__label">
2354                  Côte d’Ivoire
2355                  <span class="od-cp__curr">(XOF Fr)</span>
2356                </span>
2357                
2358              </button>
2359            </li>
2360          
2361            <li>
2362              <button type="button"
2363                      class="od-cp__item "
2364                      role="option"
2365                      aria-selected="false"
2366                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HR');">
2367                <img class="od-cp__flag"
2368                     src="https://flagcdn.com/24x18/hr.png"
2369                     alt="Croatia flag"
2370                     loading="lazy" />
2371                <span class="od-cp__label">
2372                  Croatia
2373                  <span class="od-cp__curr">(EUR €)</span>
2374                </span>
2375                
2376              </button>
2377            </li>
2378          
2379            <li>
2380              <button type="button"
2381                      class="od-cp__item "
2382                      role="option"
2383                      aria-selected="false"
2384                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CW');">
2385                <img class="od-cp__flag"
2386                     src="https://flagcdn.com/24x18/cw.png"
2387                     alt="Curaçao flag"
2388                     loading="lazy" />
2389                <span class="od-cp__label">
2390                  Curaçao
2391                  <span class="od-cp__curr">(ANG ƒ)</span>
2392                </span>
2393                
2394              </button>
2395            </li>
2396          
2397            <li>
2398              <button type="button"
2399                      class="od-cp__item "
2400                      role="option"
2401                      aria-selected="false"
2402                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CY');">
2403                <img class="od-cp__flag"
2404                     src="https://flagcdn.com/24x18/cy.png"
2405                     alt="Cyprus flag"
2406                     loading="lazy" />
2407                <span class="od-cp__label">
2408                  Cyprus
2409                  <span class="od-cp__curr">(EUR €)</span>
2410                </span>
2411                
2412              </button>
2413            </li>
2414          
2415            <li>
2416              <button type="button"
2417                      class="od-cp__item "
2418                      role="option"
2419                      aria-selected="false"
2420                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CZ');">
2421                <img class="od-cp__flag"
2422                     src="https://flagcdn.com/24x18/cz.png"
2423                     alt="Czechia flag"
2424                     loading="lazy" />
2425                <span class="od-cp__label">
2426                  Czechia
2427                  <span class="od-cp__curr">(CZK Kč)</span>
2428                </span>
2429                
2430              </button>
2431            </li>
2432          
2433            <li>
2434              <button type="button"
2435                      class="od-cp__item "
2436                      role="option"
2437                      aria-selected="false"
2438                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DK');">
2439                <img class="od-cp__flag"
2440                     src="https://flagcdn.com/24x18/dk.png"
2441                     alt="Denmark flag"
2442                     loading="lazy" />
2443                <span class="od-cp__label">
2444                  Denmark
2445                  <span class="od-cp__curr">(DKK kr.)</span>
2446                </span>
2447                
2448              </button>
2449            </li>
2450          
2451            <li>
2452              <button type="button"
2453                      class="od-cp__item "
2454                      role="option"
2455                      aria-selected="false"
2456                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DJ');">
2457                <img class="od-cp__flag"
2458                     src="https://flagcdn.com/24x18/dj.png"
2459                     alt="Djibouti flag"
2460                     loading="lazy" />
2461                <span class="od-cp__label">
2462                  Djibouti
2463                  <span class="od-cp__curr">(DJF Fdj)</span>
2464                </span>
2465                
2466              </button>
2467            </li>
2468          
2469            <li>
2470              <button type="button"
2471                      class="od-cp__item "
2472                      role="option"
2473                      aria-selected="false"
2474                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DM');">
2475                <img class="od-cp__flag"
2476                     src="https://flagcdn.com/24x18/dm.png"
2477                     alt="Dominica flag"
2478                     loading="lazy" />
2479                <span class="od-cp__label">
2480                  Dominica
2481                  <span class="od-cp__curr">(XCD $)</span>
2482                </span>
2483                
2484              </button>
2485            </li>
2486          
2487            <li>
2488              <button type="button"
2489                      class="od-cp__item "
2490                      role="option"
2491                      aria-selected="false"
2492                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DO');">
2493                <img class="od-cp__flag"
2494                     src="https://flagcdn.com/24x18/do.png"
2495                     alt="Dominican Republic flag"
2496                     loading="lazy" />
2497                <span class="od-cp__label">
2498                  Dominican Republic
2499                  <span class="od-cp__curr">(DOP $)</span>
2500                </span>
2501                
2502              </button>
2503            </li>
2504          
2505            <li>
2506              <button type="button"
2507                      class="od-cp__item "
2508                      role="option"
2509                      aria-selected="false"
2510                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EC');">
2511                <img class="od-cp__flag"
2512                     src="https://flagcdn.com/24x18/ec.png"
2513                     alt="Ecuador flag"
2514                     loading="lazy" />
2515                <span class="od-cp__label">
2516                  Ecuador
2517                  <span class="od-cp__curr">(USD $)</span>
2518                </span>
2519                
2520              </button>
2521            </li>
2522          
2523            <li>
2524              <button type="button"
2525                      class="od-cp__item "
2526                      role="option"
2527                      aria-selected="false"
2528                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EG');">
2529                <img class="od-cp__flag"
2530                     src="https://flagcdn.com/24x18/eg.png"
2531                     alt="Egypt flag"
2532                     loading="lazy" />
2533                <span class="od-cp__label">
2534                  Egypt
2535                  <span class="od-cp__curr">(EGP ج.م)</span>
2536                </span>
2537                
2538              </button>
2539            </li>
2540          
2541            <li>
2542              <button type="button"
2543                      class="od-cp__item "
2544                      role="option"
2545                      aria-selected="false"
2546                      @click="open=false;
2546 OD.changeMarketViaIframeFromForm($el, 'SV');">
2547                <img class="od-cp__flag"
2548                     src="https://flagcdn.com/24x18/sv.png"
2549                     alt="El Salvador flag"
2550                     loading="lazy" />
2551                <span class="od-cp__label">
2552                  El Salvador
2553                  <span class="od-cp__curr">(USD $)</span>
2554                </span>
2555                
2556              </button>
2557            </li>
2558          
2559            <li>
2560              <button type="button"
2561                      class="od-cp__item "
2562                      role="option"
2563                      aria-selected="false"
2564                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GQ');">
2565                <img class="od-cp__flag"
2566                     src="https://flagcdn.com/24x18/gq.png"
2567                     alt="Equatorial Guinea flag"
2568                     loading="lazy" />
2569                <span class="od-cp__label">
2570                  Equatorial Guinea
2571                  <span class="od-cp__curr">(XAF CFA)</span>
2572                </span>
2573                
2574              </button>
2575            </li>
2576          
2577            <li>
2578              <button type="button"
2579                      class="od-cp__item "
2580                      role="option"
2581                      aria-selected="false"
2582                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ER');">
2583                <img class="od-cp__flag"
2584                     src="https://flagcdn.com/24x18/er.png"
2585                     alt="Eritrea flag"
2586                     loading="lazy" />
2587                <span class="od-cp__label">
2588                  Eritrea
2589                  <span class="od-cp__curr">(USD $)</span>
2590                </span>
2591                
2592              </button>
2593            </li>
2594          
2595            <li>
2596              <button type="button"
2597                      class="od-cp__item "
2598                      role="option"
2599                      aria-selected="false"
2600                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EE');">
2601                <img class="od-cp__flag"
2602                     src="https://flagcdn.com/24x18/ee.png"
2603                     alt="Estonia flag"
2604                     loading="lazy" />
2605                <span class="od-cp__label">
2606                  Estonia
2607                  <span class="od-cp__curr">(EUR €)</span>
2608                </span>
2609                
2610              </button>
2611            </li>
2612          
2613            <li>
2614              <button type="button"
2615                      class="od-cp__item "
2616                      role="option"
2617                      aria-selected="false"
2618                      @click="open=false;
2618 OD.changeMarketViaIframeFromForm($el, 'SZ');">
2619                <img class="od-cp__flag"
2620                     src="https://flagcdn.com/24x18/sz.png"
2621                     alt="Eswatini flag"
2622                     loading="lazy" />
2623                <span class="od-cp__label">
2624                  Eswatini
2625                  <span class="od-cp__curr">(USD $)</span>
2626                </span>
2627                
2628              </button>
2629            </li>
2630          
2631            <li>
2632              <button type="button"
2633                      class="od-cp__item "
2634                      role="option"
2635                      aria-selected="false"
2636                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ET');">
2637                <img class="od-cp__flag"
2638                     src="https://flagcdn.com/24x18/et.png"
2639                     alt="Ethiopia flag"
2640                     loading="lazy" />
2641                <span class="od-cp__label">
2642                  Ethiopia
2643                  <span class="od-cp__curr">(ETB Br)</span>
2644                </span>
2645                
2646              </button>
2647            </li>
2648          
2649            <li>
2650              <button type="button"
2651                      class="od-cp__item "
2652                      role="option"
2653                      aria-selected="false"
2654                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FK');">
2655                <img class="od-cp__flag"
2656                     src="https://flagcdn.com/24x18/fk.png"
2657                     alt="Falkland Islands flag"
2658                     loading="lazy" />
2659                <span class="od-cp__label">
2660                  Falkland Islands
2661                  <span class="od-cp__curr">(FKP £)</span>
2662                </span>
2663                
2664              </button>
2665            </li>
2666          
2667            <li>
2668              <button type="button"
2669                      class="od-cp__item "
2670                      role="option"
2671                      aria-selected="false"
2672                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FO');">
2673                <img class="od-cp__flag"
2674                     src="https://flagcdn.com/24x18/fo.png"
2675                     alt="Faroe Islands flag"
2676                     loading="lazy" />
2677                <span class="od-cp__label">
2678                  Faroe Islands
2679                  <span class="od-cp__curr">(DKK kr.)</span>
2680                </span>
2681                
2682              </button>
2683            </li>
2684          
2685            <li>
2686              <button type="button"
2687                      class="od-cp__item "
2688                      role="option"
2689                      aria-selected="false"
2690                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FJ');">
2691                <img class="od-cp__flag"
2692                     src="https://flagcdn.com/24x18/fj.png"
2693                     alt="Fiji flag"
2694                     loading="lazy" />
2695                <span class="od-cp__label">
2696                  Fiji
2697                  <span class="od-cp__curr">(FJD $)</span>
2698                </span>
2699                
2700              </button>
2701            </li>
2702          
2703            <li>
2704              <button type="button"
2705                      class="od-cp__item "
2706                      role="option"
2707                      aria-selected="false"
2708                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FI');">
2709                <img class="od-cp__flag"
2710                     src="https://flagcdn.com/24x18/fi.png"
2711                     alt="Finland flag"
2712                     loading="lazy" />
2713                <span class="od-cp__label">
2714                  Finland
2715                  <span class="od-cp__curr">(EUR €)</span>
2716                </span>
2717                
2718              </button>
2719            </li>
2720          
2721            <li>
2722              <button type="button"
2723                      class="od-cp__item "
2724                      role="option"
2725                      aria-selected="false"
2726                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FR');">
2727                <img class="od-cp__flag"
2728                     src="https://flagcdn.com/24x18/fr.png"
2729                     alt="France flag"
2730                     loading="lazy" />
2731                <span class="od-cp__label">
2732                  France
2733                  <span class="od-cp__curr">(EUR €)</span>
2734                </span>
2735                
2736              </button>
2737            </li>
2738          
2739            <li>
2740              <button type="button"
2741                      class="od-cp__item "
2742                      role="option"
2743                      aria-selected="false"
2744                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GF');">
2745                <img class="od-cp__flag"
2746                     src="https://flagcdn.com/24x18/gf.png"
2747                     alt="French Guiana flag"
2748                     loading="lazy" />
2749                <span class="od-cp__label">
2750                  French Guiana
2751                  <span class="od-cp__curr">(EUR €)</span>
2752                </span>
2753                
2754              </button>
2755            </li>
2756          
2757            <li>
2758              <button type="button"
2759                      class="od-cp__item "
2760                      role="option"
2761                      aria-selected="false"
2762                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PF');">
2763                <img class="od-cp__flag"
2764                     src="https://flagcdn.com/24x18/pf.png"
2765                     alt="French Polynesia flag"
2766                     loading="lazy" />
2767                <span class="od-cp__label">
2768                  French Polynesia
2769                  <span class="od-cp__curr">(XPF Fr)</span>
2770                </span>
2771                
2772              </button>
2773            </li>
2774          
2775            <li>
2776              <button type="button"
2777                      class="od-cp__item "
2778                      role="option"
2779                      aria-selected="false"
2780                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TF');">
2781                <img class="od-cp__flag"
2782                     src="https://flagcdn.com/24x18/tf.png"
2783                     alt="French Southern Territories flag"
2784                     loading="lazy" />
2785                <span class="od-cp__label">
2786                  French Southern Territories
2787                  <span class="od-cp__curr">(EUR €)</span>
2788                </span>
2789                
2790              </button>
2791            </li>
2792          
2793            <li>
2794              <button type="button"
2795                      class="od-cp__item "
2796                      role="option"
2797                      aria-selected="false"
2798                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GA');">
2799                <img class="od-cp__flag"
2800                     src="https://flagcdn.com/24x18/ga.png"
2801                     alt="Gabon flag"
2802                     loading="lazy" />
2803                <span class="od-cp__label">
2804                  Gabon
2805                  <span class="od-cp__curr">(XOF Fr)</span>
2806                </span>
2807                
2808              </button>
2809            </li>
2810          
2811            <li>
2812              <button type="button"
2813                      class="od-cp__item "
2814                      role="option"
2815                      aria-selected="false"
2816                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GM');">
2817                <img class="od-cp__flag"
2818                     src="https://flagcdn.com/24x18/gm.png"
2819                     alt="Gambia flag"
2820                     loading="lazy" />
2821                <span class="od-cp__label">
2822                  Gambia
2823                  <span class="od-cp__curr">(GMD D)</span>
2824                </span>
2825                
2826              </button>
2827            </li>
2828          
2829            <li>
2830              <button type="button"
2831                      class="od-cp__item "
2832                      role="option"
2833                      aria-selected="false"
2834                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GE');">
2835                <img class="od-cp__flag"
2836                     src="https://flagcdn.com/24x18/ge.png"
2837                     alt="Georgia flag"
2838                     loading="lazy" />
2839                <span class="od-cp__label">
2840                  Georgia
2841                  <span class="od-cp__curr">(USD $)</span>
2842                </span>
2843                
2844              </button>
2845            </li>
2846          
2847            <li>
2848              <button type="button"
2849                      class="od-cp__item "
2850                      role="option"
2851                      aria-selected="false"
2852                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DE');">
2853                <img class="od-cp__flag"
2854                     src="https://flagcdn.com/24x18/de.png"
2855                     alt="Germany flag"
2856                     loading="lazy" />
2857                <span class="od-cp__label">
2858                  Germany
2859                  <span class="od-cp__curr">(EUR €)</span>
2860                </span>
2861                
2862              </button>
2863            </li>
2864          
2865            <li>
2866              <button type="button"
2867                      class="od-cp__item "
2868                      role="option"
2869                      aria-selected="false"
2870                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GH');">
2871                <img class="od-cp__flag"
2872                     src="https://flagcdn.com/24x18/gh.png"
2873                     alt="Ghana flag"
2874                     loading="lazy" />
2875                <span class="od-cp__label">
2876                  Ghana
2877                  <span class="od-cp__curr">(USD $)</span>
2878                </span>
2879                
2880              </button>
2881            </li>
2882          
2883            <li>
2884              <button type="button"
2885                      class="od-cp__item "
2886                      role="option"
2887                      aria-selected="false"
2888                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GI');">
2889                <img class="od-cp__flag"
2890                     src="https://flagcdn.com/24x18/gi.png"
2891                     alt="Gibraltar flag"
2892                     loading="lazy" />
2893                <span class="od-cp__label">
2894                  Gibraltar
2895                  <span class="od-cp__curr">(GBP £)</span>
2896                </span>
2897                
2898              </button>
2899            </li>
2900          
2901            <li>
2902              <button type="button"
2903                      class="od-cp__item "
2904                      role="option"
2905                      aria-selected="false"
2906                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GR');">
2907                <img class="od-cp__flag"
2908                     src="https://flagcdn.com/24x18/gr.png"
2909                     alt="Greece flag"
2910                     loading="lazy" />
2911                <span class="od-cp__label">
2912                  Greece
2913                  <span class="od-cp__curr">(EUR €)</span>
2914                </span>
2915                
2916              </button>
2917            </li>
2918          
2919            <li>
2920              <button type="button"
2921                      class="od-cp__item "
2922                      role="option"
2923                      aria-selected="false"
2924                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GL');">
2925                <img class="od-cp__flag"
2926                     src="https://flagcdn.com/24x18/gl.png"
2927                     alt="Greenland flag"
2928                     loading="lazy" />
2929                <span class="od-cp__label">
2930                  Greenland
2931                  <span class="od-cp__curr">(DKK kr.)</span>
2932                </span>
2933                
2934              </button>
2935            </li>
2936          
2937            <li>
2938              <button type="button"
2939                      class="od-cp__item "
2940                      role="option"
2941                      aria-selected="false"
2942                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GD');">
2943                <img class="od-cp__flag"
2944                     src="https://flagcdn.com/24x18/gd.png"
2945                     alt="Grenada flag"
2946                     loading="lazy" />
2947                <span class="od-cp__label">
2948                  Grenada
2949                  <span class="od-cp__curr">(XCD $)</span>
2950                </span>
2951                
2952              </button>
2953            </li>
2954          
2955            <li>
2956              <button type="button"
2957                      class="od-cp__item "
2958                      role="option"
2959                      aria-selected="false"
2960                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GP');">
2961                <img class="od-cp__flag"
2962                     src="https://flagcdn.com/24x18/gp.png"
2963                     alt="Guadeloupe flag"
2964                     loading="lazy" />
2965                <span class="od-cp__label">
2966                  Guadeloupe
2967                  <span class="od-cp__curr">(EUR €)</span>
2968                </span>
2969                
2970              </button>
2971            </li>
2972          
2973            <li>
2974              <button type="button"
2975                      class="od-cp__item "
2976                      role="option"
2977                      aria-selected="false"
2978                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GT');">
2979                <img class="od-cp__flag"
2980                     src="https://flagcdn.com/24x18/gt.png"
2981                     alt="Guatemala flag"
2982                     loading="lazy" />
2983                <span class="od-cp__label">
2984                  Guatemala
2985                  <span class="od-cp__curr">(GTQ Q)</span>
2986                </span>
2987                
2988              </button>
2989            </li>
2990          
2991            <li>
2992              <button type="button"
2993                      class="od-cp__item "
2994                      role="option"
2995                      aria-selected="false"
2996                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GG');">
2997                <img class="od-cp__flag"
2998                     src="https://flagcdn.com/24x18/gg.png"
2999                     alt="Guernsey flag"
3000                     loading="lazy" />
3001                <span class="od-cp__label">
3002                  Guernsey
3003                  <span class="od-cp__curr">(GBP £)</span>
3004                </span>
3005                
3006              </button>
3007            </li>
3008          
3009            <li>
3010              <button type="button"
3011                      class="od-cp__item "
3012                      role="option"
3013                      aria-selected="false"
3014                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GN');">
3015                <img class="od-cp__flag"
3016                     src="https://flagcdn.com/24x18/gn.png"
3017                     alt="Guinea flag"
3018                     loading="lazy" />
3019                <span class="od-cp__label">
3020                  Guinea
3021                  <span class="od-cp__curr">(GNF Fr)</span>
3022                </span>
3023                
3024              </button>
3025            </li>
3026          
3027            <li>
3028              <button type="button"
3029                      class="od-cp__item "
3030                      role="option"
3031                      aria-selected="false"
3032                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GW');">
3033                <img class="od-cp__flag"
3034                     src="https://flagcdn.com/24x18/gw.png"
3035                     alt="Guinea-Bissau flag"
3036                     loading="lazy" />
3037                <span class="od-cp__label">
3038                  Guinea-Bissau
3039                  <span class="od-cp__curr">(XOF Fr)</span>
3040                </span>
3041                
3042              </button>
3043            </li>
3044          
3045            <li>
3046              <button type="button"
3047                      class="od-cp__item "
3048                      role="option"
3049                      aria-selected="false"
3050                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GY');">
3051                <img class="od-cp__flag"
3052                     src="https://flagcdn.com/24x18/gy.png"
3053                     alt="Guyana flag"
3054                     loading="lazy" />
3055                <span class="od-cp__label">
3056                  Guyana
3057                  <span class="od-cp__curr">(GYD $)</span>
3058                </span>
3059                
3060              </button>
3061            </li>
3062          
3063            <li>
3064              <button type="button"
3065                      class="od-cp__item "
3066                      role="option"
3067                      aria-selected="false"
3068                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HT');">
3069                <img class="od-cp__flag"
3070                     src="https://flagcdn.com/24x18/ht.png"
3071                     alt="Haiti flag"
3072                     loading="lazy" />
3073                <span class="od-cp__label">
3074                  Haiti
3075                  <span class="od-cp__curr">(USD $)</span>
3076                </span>
3077                
3078              </button>
3079            </li>
3080          
3081            <li>
3082              <button type="button"
3083                      class="od-cp__item "
3084                      role="option"
3085                      aria-selected="false"
3086                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HN');">
3087                <img class="od-cp__flag"
3088                     src="https://flagcdn.com/24x18/hn.png"
3089                     alt="Honduras flag"
3090                     loading="lazy" />
3091                <span class="od-cp__label">
3092                  Honduras
3093                  <span class="od-cp__curr">(HNL L)</span>
3094                </span>
3095                
3096              </button>
3097            </li>
3098          
3099            <li>
3100              <button type="button"
3101                      class="od-cp__item "
3102                      role="option"
3103                      aria-selected="false"
3104                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HK');">
3105                <img class="od-cp__flag"
3106                     src="https://flagcdn.com/24x18/hk.png"
3107                     alt="Hong Kong SAR flag"
3108                     loading="lazy" />
3109                <span class="od-cp__label">
3110                  Hong Kong SAR
3111                  <span class="od-cp__curr">(HKD $)</span>
3112                </span>
3113                
3114              </button>
3115            </li>
3116          
3117            <li>
3118              <button type="button"
3119                      class="od-cp__item "
3120                      role="option"
3121                      aria-selected="false"
3122                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HU');">
3123                <img class="od-cp__flag"
3124                     src="https://flagcdn.com/24x18/hu.png"
3125                     alt="Hungary flag"
3126                     loading="lazy" />
3127                <span class="od-cp__label">
3128                  Hungary
3129                  <span class="od-cp__curr">(HUF Ft)</span>
3130                </span>
3131                
3132              </button>
3133            </li>
3134          
3135            <li>
3136              <button type="button"
3137                      class="od-cp__item "
3138                      role="option"
3139                      aria-selected="false"
3140                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IS');">
3141                <img class="od-cp__flag"
3142                     src="https://flagcdn.com/24x18/is.png"
3143                     alt="Iceland flag"
3144                     loading="lazy" />
3145                <span class="od-cp__label">
3146                  Iceland
3147                  <span class="od-cp__curr">(ISK kr)</span>
3148                </span>
3149                
3150              </button>
3151            </li>
3152          
3153            <li>
3154              <button type="button"
3155                      class="od-cp__item "
3156                      role="option"
3157                      aria-selected="false"
3158                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IN');">
3159                <img class="od-cp__flag"
3160                     src="https://flagcdn.com/24x18/in.png"
3161                     alt="India flag"
3162                     loading="lazy" />
3163                <span class="od-cp__label">
3164                  India
3165                  <span class="od-cp__curr">(INR ₹)</span>
3166                </span>
3167                
3168              </button>
3169            </li>
3170          
3171            <li>
3172              <button type="button"
3173                      class="od-cp__item "
3174                      role="option"
3175                      aria-selected="false"
3176                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ID');">
3177                <img class="od-cp__flag"
3178                     src="https://flagcdn.com/24x18/id.png"
3179                     alt="Indonesia flag"
3180                     loading="lazy" />
3181                <span class="od-cp__label">
3182                  Indonesia
3183                  <span class="od-cp__curr">(IDR Rp)</span>
3184                </span>
3185                
3186              </button>
3187            </li>
3188          
3189            <li>
3190              <button type="button"
3191                      class="od-cp__item "
3192                      role="option"
3193                      aria-selected="false"
3194                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IQ');">
3195                <img class="od-cp__flag"
3196                     src="https://flagcdn.com/24x18/iq.png"
3197                     alt="Iraq flag"
3198                     loading="lazy" />
3199                <span class="od-cp__label">
3200                  Iraq
3201                  <span class="od-cp__curr">(USD $)</span>
3202                </span>
3203                
3204              </button>
3205            </li>
3206          
3207            <li>
3208              <button type="button"
3209                      class="od-cp__item "
3210                      role="option"
3211                      aria-selected="false"
3212                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IE');">
3213                <img class="od-cp__flag"
3214                     src="https://flagcdn.com/24x18/ie.png"
3215                     alt="Ireland flag"
3216                     loading="lazy" />
3217                <span class="od-cp__label">
3218                  Ireland
3219                  <span class="od-cp__curr">(EUR €)</span>
3220                </span>
3221                
3222              </button>
3223            </li>
3224          
3225            <li>
3226              <button type="button"
3227                      class="od-cp__item "
3228                      role="option"
3229                      aria-selected="false"
3230                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IM');">
3231                <img class="od-cp__flag"
3232                     src="https://flagcdn.com/24x18/im.png"
3233                     alt="Isle of Man flag"
3234                     loading="lazy" />
3235                <span class="od-cp__label">
3236                  Isle of Man
3237                  <span class="od-cp__curr">(GBP £)</span>
3238                </span>
3239                
3240              </button>
3241            </li>
3242          
3243            <li>
3244              <button type="button"
3245                      class="od-cp__item "
3246                      role="option"
3247                      aria-selected="false"
3248                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IL');">
3249                <img class="od-cp__flag"
3250                     src="https://flagcdn.com/24x18/il.png"
3251                     alt="Israel flag"
3252                     loading="lazy" />
3253                <span class="od-cp__label">
3254                  Israel
3255                  <span class="od-cp__curr">(ILS ₪)</span>
3256                </span>
3257                
3258              </button>
3259            </li>
3260          
3261            <li>
3262              <button type="button"
3263                      class="od-cp__item "
3264                      role="option"
3265                      aria-selected="false"
3266                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IT');">
3267                <img class="od-cp__flag"
3268                     src="https://flagcdn.com/24x18/it.png"
3269                     alt="Italy flag"
3270                     loading="lazy" />
3271                <span class="od-cp__label">
3272                  Italy
3273                  <span class="od-cp__curr">(EUR €)</span>
3274                </span>
3275                
3276              </button>
3277            </li>
3278          
3279            <li>
3280              <button type="button"
3281                      class="od-cp__item "
3282                      role="option"
3283                      aria-selected="false"
3284                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JM');">
3285                <img class="od-cp__flag"
3286                     src="https://flagcdn.com/24x18/jm.png"
3287                     alt="Jamaica flag"
3288                     loading="lazy" />
3289                <span class="od-cp__label">
3290                  Jamaica
3291                  <span class="od-cp__curr">(JMD $)</span>
3292                </span>
3293                
3294              </button>
3295            </li>
3296          
3297            <li>
3298              <button type="button"
3299                      class="od-cp__item "
3300                      role="option"
3301                      aria-selected="false"
3302                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JP');">
3303                <img class="od-cp__flag"
3304                     src="https://flagcdn.com/24x18/jp.png"
3305                     alt="Japan flag"
3306                     loading="lazy" />
3307                <span class="od-cp__label">
3308                  Japan
3309                  <span class="od-cp__curr">(JPY ¥)</span>
3310                </span>
3311                
3312              </button>
3313            </li>
3314          
3315            <li>
3316              <button type="button"
3317                      class="od-cp__item "
3318                      role="option"
3319                      aria-selected="false"
3320                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JE');">
3321                <img class="od-cp__flag"
3322                     src="https://flagcdn.com/24x18/je.png"
3323                     alt="Jersey flag"
3324                     loading="lazy" />
3325                <span class="od-cp__label">
3326                  Jersey
3327                  <span class="od-cp__curr">(USD $)</span>
3328                </span>
3329                
3330              </button>
3331            </li>
3332          
3333            <li>
3334              <button type="button"
3335                      class="od-cp__item "
3336                      role="option"
3337                      aria-selected="false"
3338                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JO');">
3339                <img class="od-cp__flag"
3340                     src="https://flagcdn.com/24x18/jo.png"
3341                     alt="Jordan flag"
3342                     loading="lazy" />
3343                <span class="od-cp__label">
3344                  Jordan
3345                  <span class="od-cp__curr">(USD $)</span>
3346                </span>
3347                
3348              </button>
3349            </li>
3350          
3351            <li>
3352              <button type="button"
3353                      class="od-cp__item "
3354                      role="option"
3355                      aria-selected="false"
3356                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KZ');">
3357                <img class="od-cp__flag"
3358                     src="https://flagcdn.com/24x18/kz.png"
3359                     alt="Kazakhstan flag"
3360                     loading="lazy" />
3361                <span class="od-cp__label">
3362                  Kazakhstan
3363                  <span class="od-cp__curr">(KZT ₸)</span>
3364                </span>
3365                
3366              </button>
3367            </li>
3368          
3369            <li>
3370              <button type="button"
3371                      class="od-cp__item "
3372                      role="option"
3373                      aria-selected="false"
3374                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KE');">
3375                <img class="od-cp__flag"
3376                     src="https://flagcdn.com/24x18/ke.png"
3377                     alt="Kenya flag"
3378                     loading="lazy" />
3379                <span class="od-cp__label">
3380                  Kenya
3381                  <span class="od-cp__curr">(KES KSh)</span>
3382                </span>
3383                
3384              </button>
3385            </li>
3386          
3387            <li>
3388              <button type="button"
3389                      class="od-cp__item "
3390                      role="option"
3391                      aria-selected="false"
3392                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KI');">
3393                <img class="od-cp__flag"
3394                     src="https://flagcdn.com/24x18/ki.png"
3395                     alt="Kiribati flag"
3396                     loading="lazy" />
3397                <span class="od-cp__label">
3398                  Kiribati
3399                  <span class="od-cp__curr">(USD $)</span>
3400                </span>
3401                
3402              </button>
3403            </li>
3404          
3405            <li>
3406              <button type="button"
3407                      class="od-cp__item "
3408                      role="option"
3409                      aria-selected="false"
3410                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'XK');">
3411                <img class="od-cp__flag"
3412                     src="https://flagcdn.com/24x18/xk.png"
3413                     alt="Kosovo flag"
3414                     loading="lazy" />
3415                <span class="od-cp__label">
3416                  Kosovo
3417                  <span class="od-cp__curr">(EUR €)</span>
3418                </span>
3419                
3420              </button>
3421            </li>
3422          
3423            <li>
3424              <button type="button"
3425                      class="od-cp__item "
3426                      role="option"
3427                      aria-selected="false"
3428                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KW');">
3429                <img class="od-cp__flag"
3430                     src="https://flagcdn.com/24x18/kw.png"
3431                     alt="Kuwait flag"
3432                     loading="lazy" />
3433                <span class="od-cp__label">
3434                  Kuwait
3435                  <span class="od-cp__curr">(USD $)</span>
3436                </span>
3437                
3438              </button>
3439            </li>
3440          
3441            <li>
3442              <button type="button"
3443                      class="od-cp__item "
3444                      role="option"
3445                      aria-selected="false"
3446                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KG');">
3447                <img class="od-cp__flag"
3448                     src="https://flagcdn.com/24x18/kg.png"
3449                     alt="Kyrgyzstan flag"
3450                     loading="lazy" />
3451                <span class="od-cp__label">
3452                  Kyrgyzstan
3453                  <span class="od-cp__curr">(KGS som)</span>
3454                </span>
3455                
3456              </button>
3457            </li>
3458          
3459            <li>
3460              <button type="button"
3461                      class="od-cp__item "
3462                      role="option"
3463                      aria-selected="false"
3464                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LA');">
3465                <img class="od-cp__flag"
3466                     src="https://flagcdn.com/24x18/la.png"
3467                     alt="Laos flag"
3468                     loading="lazy" />
3469                <span class="od-cp__label">
3470                  Laos
3471                  <span class="od-cp__curr">(LAK ₭)</span>
3472                </span>
3473                
3474              </button>
3475            </li>
3476          
3477            <li>
3478              <button type="button"
3479                      class="od-cp__item "
3480                      role="option"
3481                      aria-selected="false"
3482                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LV');">
3483                <img class="od-cp__flag"
3484                     src="https://flagcdn.com/24x18/lv.png"
3485                     alt="Latvia flag"
3486                     loading="lazy" />
3487                <span class="od-cp__label">
3488                  Latvia
3489                  <span class="od-cp__curr">(EUR €)</span>
3490                </span>
3491                
3492              </button>
3493            </li>
3494          
3495            <li>
3496              <button type="button"
3497                      class="od-cp__item "
3498                      role="option"
3499                      aria-selected="false"
3500                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LB');">
3501                <img class="od-cp__flag"
3502                     src="https://flagcdn.com/24x18/lb.png"
3503                     alt="Lebanon flag"
3504                     loading="lazy" />
3505                <span class="od-cp__label">
3506                  Lebanon
3507                  <span class="od-cp__curr">(LBP ل.ل)</span>
3508                </span>
3509                
3510              </button>
3511            </li>
3512          
3513            <li>
3514              <button type="button"
3515                      class="od-cp__item "
3516                      role="option"
3517                      aria-selected="false"
3518                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LS');">
3519                <img class="od-cp__flag"
3520                     src="https://flagcdn.com/24x18/ls.png"
3521                     alt="Lesotho flag"
3522                     loading="lazy" />
3523                <span class="od-cp__label">
3524                  Lesotho
3525                  <span class="od-cp__curr">(USD $)</span>
3526                </span>
3527                
3528              </button>
3529            </li>
3530          
3531            <li>
3532              <button type="button"
3533                      class="od-cp__item "
3534                      role="option"
3535                      aria-selected="false"
3536                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LR');">
3537                <img class="od-cp__flag"
3538                     src="https://flagcdn.com/24x18/lr.png"
3539                     alt="Liberia flag"
3540                     loading="lazy" />
3541                <span class="od-cp__label">
3542                  Liberia
3543                  <span class="od-cp__curr">(USD $)</span>
3544                </span>
3545                
3546              </button>
3547            </li>
3548          
3549            <li>
3550              <button type="button"
3551                      class="od-cp__item "
3552                      role="option"
3553                      aria-selected="false"
3554                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LY');">
3555                <img class="od-cp__flag"
3556                     src="https://flagcdn.com/24x18/ly.png"
3557                     alt="Libya flag"
3558                     loading="lazy" />
3559                <span class="od-cp__label">
3560                  Libya
3561                  <span class="od-cp__curr">(USD $)</span>
3562                </span>
3563                
3564              </button>
3565            </li>
3566          
3567            <li>
3568              <button type="button"
3569                      class="od-cp__item "
3570                      role="option"
3571                      aria-selected="false"
3572                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LI');">
3573                <img class="od-cp__flag"
3574                     src="https://flagcdn.com/24x18/li.png"
3575                     alt="Liechtenstein flag"
3576                     loading="lazy" />
3577                <span class="od-cp__label">
3578                  Liechtenstein
3579                  <span class="od-cp__curr">(CHF CHF)</span>
3580                </span>
3581                
3582              </button>
3583            </li>
3584          
3585            <li>
3586              <button type="button"
3587                      class="od-cp__item "
3588                      role="option"
3589                      aria-selected="false"
3590                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LT');">
3591                <img class="od-cp__flag"
3592                     src="https://flagcdn.com/24x18/lt.png"
3593                     alt="Lithuania flag"
3594                     loading="lazy" />
3595                <span class="od-cp__label">
3596                  Lithuania
3597                  <span class="od-cp__curr">(EUR €)</span>
3598                </span>
3599                
3600              </button>
3601            </li>
3602          
3603            <li>
3604              <button type="button"
3605                      class="od-cp__item "
3606                      role="option"
3607                      aria-selected="false"
3608                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LU');">
3609                <img class="od-cp__flag"
3610                     src="https://flagcdn.com/24x18/lu.png"
3611                     alt="Luxembourg flag"
3612                     loading="lazy" />
3613                <span class="od-cp__label">
3614                  Luxembourg
3615                  <span class="od-cp__curr">(EUR €)</span>
3616                </span>
3617                
3618              </button>
3619            </li>
3620          
3621            <li>
3622              <button type="button"
3623                      class="od-cp__item "
3624                      role="option"
3625                      aria-selected="false"
3626                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MO');">
3627                <img class="od-cp__flag"
3628                     src="https://flagcdn.com/24x18/mo.png"
3629                     alt="Macao SAR flag"
3630                     loading="lazy" />
3631                <span class="od-cp__label">
3632                  Macao SAR
3633                  <span class="od-cp__curr">(MOP P)</span>
3634                </span>
3635                
3636              </button>
3637            </li>
3638          
3639            <li>
3640              <button type="button"
3641                      class="od-cp__item "
3642                      role="option"
3643                      aria-selected="false"
3644                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MG');">
3645                <img class="od-cp__flag"
3646                     src="https://flagcdn.com/24x18/mg.png"
3647                     alt="Madagascar flag"
3648                     loading="lazy" />
3649                <span class="od-cp__label">
3650                  Madagascar
3651                  <span class="od-cp__curr">(USD $)</span>
3652                </span>
3653                
3654              </button>
3655            </li>
3656          
3657            <li>
3658              <button type="button"
3659                      class="od-cp__item "
3660                      role="option"
3661                      aria-selected="false"
3662                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MW');">
3663                <img class="od-cp__flag"
3664                     src="https://flagcdn.com/24x18/mw.png"
3665                     alt="Malawi flag"
3666                     loading="lazy" />
3667                <span class="od-cp__label">
3668                  Malawi
3669                  <span class="od-cp__curr">(MWK MK)</span>
3670                </span>
3671                
3672              </button>
3673            </li>
3674          
3675            <li>
3676              <button type="button"
3677                      class="od-cp__item "
3678                      role="option"
3679                      aria-selected="false"
3680                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MY');">
3681                <img class="od-cp__flag"
3682                     src="https://flagcdn.com/24x18/my.png"
3683                     alt="Malaysia flag"
3684                     loading="lazy" />
3685                <span class="od-cp__label">
3686                  Malaysia
3687                  <span class="od-cp__curr">(MYR RM)</span>
3688                </span>
3689                
3690              </button>
3691            </li>
3692          
3693            <li>
3694              <button type="button"
3695                      class="od-cp__item "
3696                      role="option"
3697                      aria-selected="false"
3698                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MV');">
3699                <img class="od-cp__flag"
3700                     src="https://flagcdn.com/24x18/mv.png"
3701                     alt="Maldives flag"
3702                     loading="lazy" />
3703                <span class="od-cp__label">
3704                  Maldives
3705                  <span class="od-cp__curr">(MVR MVR)</span>
3706                </span>
3707                
3708              </button>
3709            </li>
3710          
3711            <li>
3712              <button type="button"
3713                      class="od-cp__item "
3714                      role="option"
3715                      aria-selected="false"
3716                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ML');">
3717                <img class="od-cp__flag"
3718                     src="https://flagcdn.com/24x18/ml.png"
3719                     alt="Mali flag"
3720                     loading="lazy" />
3721                <span class="od-cp__label">
3722                  Mali
3723                  <span class="od-cp__curr">(XOF Fr)</span>
3724                </span>
3725                
3726              </button>
3727            </li>
3728          
3729            <li>
3730              <button type="button"
3731                      class="od-cp__item "
3732                      role="option"
3733                      aria-selected="false"
3734                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MT');">
3735                <img class="od-cp__flag"
3736                     src="https://flagcdn.com/24x18/mt.png"
3737                     alt="Malta flag"
3738                     loading="lazy" />
3739                <span class="od-cp__label">
3740                  Malta
3741                  <span class="od-cp__curr">(EUR €)</span>
3742                </span>
3743                
3744              </button>
3745            </li>
3746          
3747            <li>
3748              <button type="button"
3749                      class="od-cp__item "
3750                      role="option"
3751                      aria-selected="false"
3752                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MQ');">
3753                <img class="od-cp__flag"
3754                     src="https://flagcdn.com/24x18/mq.png"
3755                     alt="Martinique flag"
3756                     loading="lazy" />
3757                <span class="od-cp__label">
3758                  Martinique
3759                  <span class="od-cp__curr">(EUR €)</span>
3760                </span>
3761                
3762              </button>
3763            </li>
3764          
3765            <li>
3766              <button type="button"
3767                      class="od-cp__item "
3768                      role="option"
3769                      aria-selected="false"
3770                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MR');">
3771                <img class="od-cp__flag"
3772                     src="https://flagcdn.com/24x18/mr.png"
3773                     alt="Mauritania flag"
3774                     loading="lazy" />
3775                <span class="od-cp__label">
3776                  Mauritania
3777                  <span class="od-cp__curr">(USD $)</span>
3778                </span>
3779                
3780              </button>
3781            </li>
3782          
3783            <li>
3784              <button type="button"
3785                      class="od-cp__item "
3786                      role="option"
3787                      aria-selected="false"
3788                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MU');">
3789                <img class="od-cp__flag"
3790                     src="https://flagcdn.com/24x18/mu.png"
3791                     alt="Mauritius flag"
3792                     loading="lazy" />
3793                <span class="od-cp__label">
3794                  Mauritius
3795                  <span class="od-cp__curr">(MUR ₨)</span>
3796                </span>
3797                
3798              </button>
3799            </li>
3800          
3801            <li>
3802              <button type="button"
3803                      class="od-cp__item "
3804                      role="option"
3805                      aria-selected="false"
3806                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'YT');">
3807                <img class="od-cp__flag"
3808                     src="https://flagcdn.com/24x18/yt.png"
3809                     alt="Mayotte flag"
3810                     loading="lazy" />
3811                <span class="od-cp__label">
3812                  Mayotte
3813                  <span class="od-cp__curr">(EUR €)</span>
3814                </span>
3815                
3816              </button>
3817            </li>
3818          
3819            <li>
3820              <button type="button"
3821                      class="od-cp__item "
3822                      role="option"
3823                      aria-selected="false"
3824                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MX');">
3825                <img class="od-cp__flag"
3826                     src="https://flagcdn.com/24x18/mx.png"
3827                     alt="Mexico flag"
3828                     loading="lazy" />
3829                <span class="od-cp__label">
3830                  Mexico
3831                  <span class="od-cp__curr">(USD $)</span>
3832                </span>
3833                
3834              </button>
3835            </li>
3836          
3837            <li>
3838              <button type="button"
3839                      class="od-cp__item "
3840                      role="option"
3841                      aria-selected="false"
3842                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MD');">
3843                <img class="od-cp__flag"
3844                     src="https://flagcdn.com/24x18/md.png"
3845                     alt="Moldova flag"
3846                     loading="lazy" />
3847                <span class="od-cp__label">
3848                  Moldova
3849                  <span class="od-cp__curr">(MDL L)</span>
3850                </span>
3851                
3852              </button>
3853            </li>
3854          
3855            <li>
3856              <button type="button"
3857                      class="od-cp__item "
3858                      role="option"
3859                      aria-selected="false"
3860                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MC');">
3861                <img class="od-cp__flag"
3862                     src="https://flagcdn.com/24x18/mc.png"
3863                     alt="Monaco flag"
3864                     loading="lazy" />
3865                <span class="od-cp__label">
3866                  Monaco
3867                  <span class="od-cp__curr">(EUR €)</span>
3868                </span>
3869                
3870              </button>
3871            </li>
3872          
3873            <li>
3874              <button type="button"
3875                      class="od-cp__item "
3876                      role="option"
3877                      aria-selected="false"
3878                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MN');">
3879                <img class="od-cp__flag"
3880                     src="https://flagcdn.com/24x18/mn.png"
3881                     alt="Mongolia flag"
3882                     loading="lazy" />
3883                <span class="od-cp__label">
3884                  Mongolia
3885                  <span class="od-cp__curr">(MNT ₮)</span>
3886                </span>
3887                
3888              </button>
3889            </li>
3890          
3891            <li>
3892              <button type="button"
3893                      class="od-cp__item "
3894                      role="option"
3895                      aria-selected="false"
3896                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ME');">
3897                <img class="od-cp__flag"
3898                     src="https://flagcdn.com/24x18/me.png"
3899                     alt="Montenegro flag"
3900                     loading="lazy" />
3901                <span class="od-cp__label">
3902                  Montenegro
3903                  <span class="od-cp__curr">(EUR €)</span>
3904                </span>
3905                
3906              </button>
3907            </li>
3908          
3909            <li>
3910              <button type="button"
3911                      class="od-cp__item "
3912                      role="option"
3913                      aria-selected="false"
3914                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MS');">
3915                <img class="od-cp__flag"
3916                     src="https://flagcdn.com/24x18/ms.png"
3917                     alt="Montserrat flag"
3918                     loading="lazy" />
3919                <span class="od-cp__label">
3920                  Montserrat
3921                  <span class="od-cp__curr">(XCD $)</span>
3922                </span>
3923                
3924              </button>
3925            </li>
3926          
3927            <li>
3928              <button type="button"
3929                      class="od-cp__item "
3930                      role="option"
3931                      aria-selected="false"
3932                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MA');">
3933                <img class="od-cp__flag"
3934                     src="https://flagcdn.com/24x18/ma.png"
3935                     alt="Morocco flag"
3936                     loading="lazy" />
3937                <span class="od-cp__label">
3938                  Morocco
3939                  <span class="od-cp__curr">(MAD د.م.)</span>
3940                </span>
3941                
3942              </button>
3943            </li>
3944          
3945            <li>
3946              <button type="button"
3947                      class="od-cp__item "
3948                      role="option"
3949                      aria-selected="false"
3950                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MZ');">
3951                <img class="od-cp__flag"
3952                     src="https://flagcdn.com/24x18/mz.png"
3953                     alt="Mozambique flag"
3954                     loading="lazy" />
3955                <span class="od-cp__label">
3956                  Mozambique
3957                  <span class="od-cp__curr">(USD $)</span>
3958                </span>
3959                
3960              </button>
3961            </li>
3962          
3963            <li>
3964              <button type="button"
3965                      class="od-cp__item "
3966                      role="option"
3967                      aria-selected="false"
3968                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MM');">
3969                <img class="od-cp__flag"
3970                     src="https://flagcdn.com/24x18/mm.png"
3971                     alt="Myanmar (Burma) flag"
3972                     loading="lazy" />
3973                <span class="od-cp__label">
3974                  Myanmar (Burma)
3975                  <span class="od-cp__curr">(MMK K)</span>
3976                </span>
3977                
3978              </button>
3979            </li>
3980          
3981            <li>
3982              <button type="button"
3983                      class="od-cp__item "
3984                      role="option"
3985                      aria-selected="false"
3986                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NA');">
3987                <img class="od-cp__flag"
3988                     src="https://flagcdn.com/24x18/na.png"
3989                     alt="Namibia flag"
3990                     loading="lazy" />
3991                <span class="od-cp__label">
3992                  Namibia
3993                  <span class="od-cp__curr">(USD $)</span>
3994                </span>
3995                
3996              </button>
3997            </li>
3998          
3999            <li>
4000              <button type="button"
4001                      class="od-cp__item "
4002                      role="option"
4003                      aria-selected="false"
4004                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NR');">
4005                <img class="od-cp__flag"
4006                     src="https://flagcdn.com/24x18/nr.png"
4007                     alt="Nauru flag"
4008                     loading="lazy" />
4009                <span class="od-cp__label">
4010                  Nauru
4011                  <span class="od-cp__curr">(AUD $)</span>
4012                </span>
4013                
4014              </button>
4015            </li>
4016          
4017            <li>
4018              <button type="button"
4019                      class="od-cp__item "
4020                      role="option"
4021                      aria-selected="false"
4022                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NP');">
4023                <img class="od-cp__flag"
4024                     src="https://flagcdn.com/24x18/np.png"
4025                     alt="Nepal flag"
4026                     loading="lazy" />
4027                <span class="od-cp__label">
4028                  Nepal
4029                  <span class="od-cp__curr">(NPR Rs.)</span>
4030                </span>
4031                
4032              </button>
4033            </li>
4034          
4035            <li>
4036              <button type="button"
4037                      class="od-cp__item "
4038                      role="option"
4039                      aria-selected="false"
4040                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NL');">
4041                <img class="od-cp__flag"
4042                     src="https://flagcdn.com/24x18/nl.png"
4043                     alt="Netherlands flag"
4044                     loading="lazy" />
4045                <span class="od-cp__label">
4046                  Netherlands
4047                  <span class="od-cp__curr">(EUR €)</span>
4048                </span>
4049                
4050              </button>
4051            </li>
4052          
4053            <li>
4054              <button type="button"
4055                      class="od-cp__item "
4056                      role="option"
4057                      aria-selected="false"
4058                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NC');">
4059                <img class="od-cp__flag"
4060                     src="https://flagcdn.com/24x18/nc.png"
4061                     alt="New Caledonia flag"
4062                     loading="lazy" />
4063                <span class="od-cp__label">
4064                  New Caledonia
4065                  <span class="od-cp__curr">(XPF Fr)</span>
4066                </span>
4067                
4068              </button>
4069            </li>
4070          
4071            <li>
4072              <button type="button"
4073                      class="od-cp__item "
4074                      role="option"
4075                      aria-selected="false"
4076                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NZ');">
4077                <img class="od-cp__flag"
4078                     src="https://flagcdn.com/24x18/nz.png"
4079                     alt="New Zealand flag"
4080                     loading="lazy" />
4081                <span class="od-cp__label">
4082                  New Zealand
4083                  <span class="od-cp__curr">(NZD $)</span>
4084                </span>
4085                
4086              </button>
4087            </li>
4088          
4089            <li>
4090              <button type="button"
4091                      class="od-cp__item "
4092                      role="option"
4093                      aria-selected="false"
4094                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NI');">
4095                <img class="od-cp__flag"
4096                     src="https://flagcdn.com/24x18/ni.png"
4097                     alt="Nicaragua flag"
4098                     loading="lazy" />
4099                <span class="od-cp__label">
4100                  Nicaragua
4101                  <span class="od-cp__curr">(NIO C$)</span>
4102                </span>
4103                
4104              </button>
4105            </li>
4106          
4107            <li>
4108              <button type="button"
4109                      class="od-cp__item "
4110                      role="option"
4111                      aria-selected="false"
4112                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NE');">
4113                <img class="od-cp__flag"
4114                     src="https://flagcdn.com/24x18/ne.png"
4115                     alt="Niger flag"
4116                     loading="lazy" />
4117                <span class="od-cp__label">
4118                  Niger
4119                  <span class="od-cp__curr">(XOF Fr)</span>
4120                </span>
4121                
4122              </button>
4123            </li>
4124          
4125            <li>
4126              <button type="button"
4127                      class="od-cp__item "
4128                      role="option"
4129                      aria-selected="false"
4130                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NG');">
4131                <img class="od-cp__flag"
4132                     src="https://flagcdn.com/24x18/ng.png"
4133                     alt="Nigeria flag"
4134                     loading="lazy" />
4135                <span class="od-cp__label">
4136                  Nigeria
4137                  <span class="od-cp__curr">(NGN ₦)</span>
4138                </span>
4139                
4140              </button>
4141            </li>
4142          
4143            <li>
4144              <button type="button"
4145                      class="od-cp__item "
4146                      role="option"
4147                      aria-selected="false"
4148                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NU');">
4149                <img class="od-cp__flag"
4150                     src="https://flagcdn.com/24x18/nu.png"
4151                     alt="Niue flag"
4152                     loading="lazy" />
4153                <span class="od-cp__label">
4154                  Niue
4155                  <span class="od-cp__curr">(NZD $)</span>
4156                </span>
4157                
4158              </button>
4159            </li>
4160          
4161            <li>
4162              <button type="button"
4163                      class="od-cp__item "
4164                      role="option"
4165                      aria-selected="false"
4166                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NF');">
4167                <img class="od-cp__flag"
4168                     src="https://flagcdn.com/24x18/nf.png"
4169                     alt="Norfolk Island flag"
4170                     loading="lazy" />
4171                <span class="od-cp__label">
4172                  Norfolk Island
4173                  <span class="od-cp__curr">(AUD $)</span>
4174                </span>
4175                
4176              </button>
4177            </li>
4178          
4179            <li>
4180              <button type="button"
4181                      class="od-cp__item "
4182                      role="option"
4183                      aria-selected="false"
4184                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MK');">
4185                <img class="od-cp__flag"
4186                     src="https://flagcdn.com/24x18/mk.png"
4187                     alt="North Macedonia flag"
4188                     loading="lazy" />
4189                <span class="od-cp__label">
4190                  North Macedonia
4191                  <span class="od-cp__curr">(MKD ден)</span>
4192                </span>
4193                
4194              </button>
4195            </li>
4196          
4197            <li>
4198              <button type="button"
4199                      class="od-cp__item "
4200                      role="option"
4201                      aria-selected="false"
4202                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NO');">
4203                <img class="od-cp__flag"
4204                     src="https://flagcdn.com/24x18/no.png"
4205                     alt="Norway flag"
4206                     loading="lazy" />
4207                <span class="od-cp__label">
4208                  Norway
4209                  <span class="od-cp__curr">(USD $)</span>
4210                </span>
4211                
4212              </button>
4213            </li>
4214          
4215            <li>
4216              <button type="button"
4217                      class="od-cp__item "
4218                      role="option"
4219                      aria-selected="false"
4220                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'OM');">
4221                <img class="od-cp__flag"
4222                     src="https://flagcdn.com/24x18/om.png"
4223                     alt="Oman flag"
4224                     loading="lazy" />
4225                <span class="od-cp__label">
4226                  Oman
4227                  <span class="od-cp__curr">(USD $)</span>
4228                </span>
4229                
4230              </button>
4231            </li>
4232          
4233            <li>
4234              <button type="button"
4235                      class="od-cp__item "
4236                      role="option"
4237                      aria-selected="false"
4238                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PK');">
4239                <img class="od-cp__flag"
4240                     src="https://flagcdn.com/24x18/pk.png"
4241                     alt="Pakistan flag"
4242                     loading="lazy" />
4243                <span class="od-cp__label">
4244                  Pakistan
4245                  <span class="od-cp__curr">(PKR ₨)</span>
4246                </span>
4247                
4248              </button>
4249            </li>
4250          
4251            <li>
4252              <button type="button"
4253                      class="od-cp__item "
4254                      role="option"
4255                      aria-selected="false"
4256                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PS');">
4257                <img class="od-cp__flag"
4258                     src="https://flagcdn.com/24x18/ps.png"
4259                     alt="Palestinian Territories flag"
4260                     loading="lazy" />
4261                <span class="od-cp__label">
4262                  Palestinian Territories
4263                  <span class="od-cp__curr">(ILS ₪)</span>
4264                </span>
4265                
4266              </button>
4267            </li>
4268          
4269            <li>
4270              <button type="button"
4271                      class="od-cp__item "
4272                      role="option"
4273                      aria-selected="false"
4274                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PA');">
4275                <img class="od-cp__flag"
4276                     src="https://flagcdn.com/24x18/pa.png"
4277                     alt="Panama flag"
4278                     loading="lazy" />
4279                <span class="od-cp__label">
4280                  Panama
4281                  <span class="od-cp__curr">(USD $)</span>
4282                </span>
4283                
4284              </button>
4285            </li>
4286          
4287            <li>
4288              <button type="button"
4289                      class="od-cp__item "
4290                      role="option"
4291                      aria-selected="false"
4292                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PG');">
4293                <img class="od-cp__flag"
4294                     src="https://flagcdn.com/24x18/pg.png"
4295                     alt="Papua New Guinea flag"
4296                     loading="lazy" />
4297                <span class="od-cp__label">
4298                  Papua New Guinea
4299                  <span class="od-cp__curr">(PGK K)</span>
4300                </span>
4301                
4302              </button>
4303            </li>
4304          
4305            <li>
4306              <button type="button"
4307                      class="od-cp__item "
4308                      role="option"
4309                      aria-selected="false"
4310                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PY');">
4311                <img class="od-cp__flag"
4312                     src="https://flagcdn.com/24x18/py.png"
4313                     alt="Paraguay flag"
4314                     loading="lazy" />
4315                <span class="od-cp__label">
4316                  Paraguay
4317                  <span class="od-cp__curr">(PYG ₲)</span>
4318                </span>
4319                
4320              </button>
4321            </li>
4322          
4323            <li>
4324              <button type="button"
4325                      class="od-cp__item "
4326                      role="option"
4327                      aria-selected="false"
4328                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PE');">
4329                <img class="od-cp__flag"
4330                     src="https://flagcdn.com/24x18/pe.png"
4331                     alt="Peru flag"
4332                     loading="lazy" />
4333                <span class="od-cp__label">
4334                  Peru
4335                  <span class="od-cp__curr">(PEN S/)</span>
4336                </span>
4337                
4338              </button>
4339            </li>
4340          
4341            <li>
4342              <button type="button"
4343                      class="od-cp__item "
4344                      role="option"
4345                      aria-selected="false"
4346                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PH');">
4347                <img class="od-cp__flag"
4348                     src="https://flagcdn.com/24x18/ph.png"
4349                     alt="Philippines flag"
4350                     loading="lazy" />
4351                <span class="od-cp__label">
4352                  Philippines
4353                  <span class="od-cp__curr">(PHP ₱)</span>
4354                </span>
4355                
4356              </button>
4357            </li>
4358          
4359            <li>
4360              <button type="button"
4361                      class="od-cp__item "
4362                      role="option"
4363                      aria-selected="false"
4364                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PN');">
4365                <img class="od-cp__flag"
4366                     src="https://flagcdn.com/24x18/pn.png"
4367                     alt="Pitcairn Islands flag"
4368                     loading="lazy" />
4369                <span class="od-cp__label">
4370                  Pitcairn Islands
4371                  <span class="od-cp__curr">(NZD $)</span>
4372                </span>
4373                
4374              </button>
4375            </li>
4376          
4377            <li>
4378              <button type="button"
4379                      class="od-cp__item "
4380                      role="option"
4381                      aria-selected="false"
4382                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PL');">
4383                <img class="od-cp__flag"
4384                     src="https://flagcdn.com/24x18/pl.png"
4385                     alt="Poland flag"
4386                     loading="lazy" />
4387                <span class="od-cp__label">
4388                  Poland
4389                  <span class="od-cp__curr">(PLN zł)</span>
4390                </span>
4391                
4392              </button>
4393            </li>
4394          
4395            <li>
4396              <button type="button"
4397                      class="od-cp__item "
4398                      role="option"
4399                      aria-selected="false"
4400                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PT');">
4401                <img class="od-cp__flag"
4402                     src="https://flagcdn.com/24x18/pt.png"
4403                     alt="Portugal flag"
4404                     loading="lazy" />
4405                <span class="od-cp__label">
4406                  Portugal
4407                  <span class="od-cp__curr">(EUR €)</span>
4408                </span>
4409                
4410              </button>
4411            </li>
4412          
4413            <li>
4414              <button type="button"
4415                      class="od-cp__item "
4416                      role="option"
4417                      aria-selected="false"
4418                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'QA');">
4419                <img class="od-cp__flag"
4420                     src="https://flagcdn.com/24x18/qa.png"
4421                     alt="Qatar flag"
4422                     loading="lazy" />
4423                <span class="od-cp__label">
4424                  Qatar
4425                  <span class="od-cp__curr">(QAR ر.ق)</span>
4426                </span>
4427                
4428              </button>
4429            </li>
4430          
4431            <li>
4432              <button type="button"
4433                      class="od-cp__item "
4434                      role="option"
4435                      aria-selected="false"
4436                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RE');">
4437                <img class="od-cp__flag"
4438                     src="https://flagcdn.com/24x18/re.png"
4439                     alt="Réunion flag"
4440                     loading="lazy" />
4441                <span class="od-cp__label">
4442                  Réunion
4443                  <span class="od-cp__curr">(EUR €)</span>
4444                </span>
4445                
4446              </button>
4447            </li>
4448          
4449            <li>
4450              <button type="button"
4451                      class="od-cp__item "
4452                      role="option"
4453                      aria-selected="false"
4454                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RO');">
4455                <img class="od-cp__flag"
4456                     src="https://flagcdn.com/24x18/ro.png"
4457                     alt="Romania flag"
4458                     loading="lazy" />
4459                <span class="od-cp__label">
4460                  Romania
4461                  <span class="od-cp__curr">(RON Lei)</span>
4462                </span>
4463                
4464              </button>
4465            </li>
4466          
4467            <li>
4468              <button type="button"
4469                      class="od-cp__item "
4470                      role="option"
4471                      aria-selected="false"
4472                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RU');">
4473                <img class="od-cp__flag"
4474                     src="https://flagcdn.com/24x18/ru.png"
4475                     alt="Russia flag"
4476                     loading="lazy" />
4477                <span class="od-cp__label">
4478                  Russia
4479                  <span class="od-cp__curr">(USD $)</span>
4480                </span>
4481                
4482              </button>
4483            </li>
4484          
4485            <li>
4486              <button type="button"
4487                      class="od-cp__item "
4488                      role="option"
4489                      aria-selected="false"
4490                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RW');">
4491                <img class="od-cp__flag"
4492                     src="https://flagcdn.com/24x18/rw.png"
4493                     alt="Rwanda flag"
4494                     loading="lazy" />
4495                <span class="od-cp__label">
4496                  Rwanda
4497                  <span class="od-cp__curr">(RWF FRw)</span>
4498                </span>
4499                
4500              </button>
4501            </li>
4502          
4503            <li>
4504              <button type="button"
4505                      class="od-cp__item "
4506                      role="option"
4507                      aria-selected="false"
4508                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'WS');">
4509                <img class="od-cp__flag"
4510                     src="https://flagcdn.com/24x18/ws.png"
4511                     alt="Samoa flag"
4512                     loading="lazy" />
4513                <span class="od-cp__label">
4514                  Samoa
4515                  <span class="od-cp__curr">(WST T)</span>
4516                </span>
4517                
4518              </button>
4519            </li>
4520          
4521            <li>
4522              <button type="button"
4523                      class="od-cp__item "
4524                      role="option"
4525                      aria-selected="false"
4526                      @click="open=false;
4526 OD.changeMarketViaIframeFromForm($el, 'SM');">
4527                <img class="od-cp__flag"
4528                     src="https://flagcdn.com/24x18/sm.png"
4529                     alt="San Marino flag"
4530                     loading="lazy" />
4531                <span class="od-cp__label">
4532                  San Marino
4533                  <span class="od-cp__curr">(EUR €)</span>
4534                </span>
4535                
4536              </button>
4537            </li>
4538          
4539            <li>
4540              <button type="button"
4541                      class="od-cp__item "
4542                      role="option"
4543                      aria-selected="false"
4544                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ST');">
4545                <img class="od-cp__flag"
4546                     src="https://flagcdn.com/24x18/st.png"
4547                     alt="São Tomé &amp; Príncipe flag"
4548                     loading="lazy" />
4549                <span class="od-cp__label">
4550                  São Tomé &amp; Príncipe
4551                  <span class="od-cp__curr">(STD Db)</span>
4552                </span>
4553                
4554              </button>
4555            </li>
4556          
4557            <li>
4558              <button type="button"
4559                      class="od-cp__item "
4560                      role="option"
4561                      aria-selected="false"
4562                      @click="open=false;
4562 OD.changeMarketViaIframeFromForm($el, 'SA');">
4563                <img class="od-cp__flag"
4564                     src="https://flagcdn.com/24x18/sa.png"
4565                     alt="Saudi Arabia flag"
4566                     loading="lazy" />
4567                <span class="od-cp__label">
4568                  Saudi Arabia
4569                  <span class="od-cp__curr">(SAR ر.س)</span>
4570                </span>
4571                
4572              </button>
4573            </li>
4574          
4575            <li>
4576              <button type="button"
4577                      class="od-cp__item "
4578                      role="option"
4579                      aria-selected="false"
4580                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SN');">
4581                <img class="od-cp__flag"
4582                     src="https://flagcdn.com/24x18/sn.png"
4583                     alt="Senegal flag"
4584                     loading="lazy" />
4585                <span class="od-cp__label">
4586                  Senegal
4587                  <span class="od-cp__curr">(XOF Fr)</span>
4588                </span>
4589                
4590              </button>
4591            </li>
4592          
4593            <li>
4594              <button type="button"
4595                      class="od-cp__item "
4596                      role="option"
4597                      aria-selected="false"
4598                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RS');">
4599                <img class="od-cp__flag"
4600                     src="https://flagcdn.com/24x18/rs.png"
4601                     alt="Serbia flag"
4602                     loading="lazy" />
4603                <span class="od-cp__label">
4604                  Serbia
4605                  <span class="od-cp__curr">(RSD РСД)</span>
4606                </span>
4607                
4608              </button>
4609            </li>
4610          
4611            <li>
4612              <button type="button"
4613                      class="od-cp__item "
4614                      role="option"
4615                      aria-selected="false"
4616                      @click="open=false;
4616 OD.changeMarketViaIframeFromForm($el, 'SC');">
4617                <img class="od-cp__flag"
4618                     src="https://flagcdn.com/24x18/sc.png"
4619                     alt="Seychelles flag"
4620                     loading="lazy" />
4621                <span class="od-cp__label">
4622                  Seychelles
4623                  <span class="od-cp__curr">(USD $)</span>
4624                </span>
4625                
4626              </button>
4627            </li>
4628          
4629            <li>
4630              <button type="button"
4631                      class="od-cp__item "
4632                      role="option"
4633                      aria-selected="false"
4634                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SL');">
4635                <img class="od-cp__flag"
4636                     src="https://flagcdn.com/24x18/sl.png"
4637                     alt="Sierra Leone flag"
4638                     loading="lazy" />
4639                <span class="od-cp__label">
4640                  Sierra Leone
4641                  <span class="od-cp__curr">(SLL Le)</span>
4642                </span>
4643                
4644              </button>
4645            </li>
4646          
4647            <li>
4648              <button type="button"
4649                      class="od-cp__item "
4650                      role="option"
4651                      aria-selected="false"
4652                      @click="open=false;
4652 OD.changeMarketViaIframeFromForm($el, 'SG');">
4653                <img class="od-cp__flag"
4654                     src="https://flagcdn.com/24x18/sg.png"
4655                     alt="Singapore flag"
4656                     loading="lazy" />
4657                <span class="od-cp__label">
4658                  Singapore
4659                  <span class="od-cp__curr">(SGD $)</span>
4660                </span>
4661                
4662              </button>
4663            </li>
4664          
4665            <li>
4666              <button type="button"
4667                      class="od-cp__item "
4668                      role="option"
4669                      aria-selected="false"
4670                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SX');">
4671                <img class="od-cp__flag"
4672                     src="https://flagcdn.com/24x18/sx.png"
4673                     alt="Sint Maarten flag"
4674                     loading="lazy" />
4675                <span class="od-cp__label">
4676                  Sint Maarten
4677                  <span class="od-cp__curr">(ANG ƒ)</span>
4678                </span>
4679                
4680              </button>
4681            </li>
4682          
4683            <li>
4684              <button type="button"
4685                      class="od-cp__item "
4686                      role="option"
4687                      aria-selected="false"
4688                      @click="open=false;
4688 OD.changeMarketViaIframeFromForm($el, 'SK');">
4689                <img class="od-cp__flag"
4690                     src="https://flagcdn.com/24x18/sk.png"
4691                     alt="Slovakia flag"
4692                     loading="lazy" />
4693                <span class="od-cp__label">
4694                  Slovakia
4695                  <span class="od-cp__curr">(EUR €)</span>
4696                </span>
4697                
4698              </button>
4699            </li>
4700          
4701            <li>
4702              <button type="button"
4703                      class="od-cp__item "
4704                      role="option"
4705                      aria-selected="false"
4706                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SI');">
4707                <img class="od-cp__flag"
4708                     src="https://flagcdn.com/24x18/si.png"
4709                     alt="Slovenia flag"
4710                     loading="lazy" />
4711                <span class="od-cp__label">
4712                  Slovenia
4713                  <span class="od-cp__curr">(EUR €)</span>
4714                </span>
4715                
4716              </button>
4717            </li>
4718          
4719            <li>
4720              <button type="button"
4721                      class="od-cp__item "
4722                      role="option"
4723                      aria-selected="false"
4724                      @click="open=false;
4724 OD.changeMarketViaIframeFromForm($el, 'SB');">
4725                <img class="od-cp__flag"
4726                     src="https://flagcdn.com/24x18/sb.png"
4727                     alt="Solomon Islands flag"
4728                     loading="lazy" />
4729                <span class="od-cp__label">
4730                  Solomon Islands
4731                  <span class="od-cp__curr">(SBD $)</span>
4732                </span>
4733                
4734              </button>
4735            </li>
4736          
4737            <li>
4738              <button type="button"
4739                      class="od-cp__item "
4740                      role="option"
4741                      aria-selected="false"
4742                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SO');">
4743                <img class="od-cp__flag"
4744                     src="https://flagcdn.com/24x18/so.png"
4745                     alt="Somalia flag"
4746                     loading="lazy" />
4747                <span class="od-cp__label">
4748                  Somalia
4749                  <span class="od-cp__curr">(USD $)</span>
4750                </span>
4751                
4752              </button>
4753            </li>
4754          
4755            <li>
4756              <button type="button"
4757                      class="od-cp__item "
4758                      role="option"
4759                      aria-selected="false"
4760                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZA');">
4761                <img class="od-cp__flag"
4762                     src="https://flagcdn.com/24x18/za.png"
4763                     alt="South Africa flag"
4764                     loading="lazy" />
4765                <span class="od-cp__label">
4766                  South Africa
4767                  <span class="od-cp__curr">(USD $)</span>
4768                </span>
4769                
4770              </button>
4771            </li>
4772          
4773            <li>
4774              <button type="button"
4775                      class="od-cp__item "
4776                      role="option"
4777                      aria-selected="false"
4778                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GS');">
4779                <img class="od-cp__flag"
4780                     src="https://flagcdn.com/24x18/gs.png"
4781                     alt="South Georgia &amp; South Sandwich Islands flag"
4782                     loading="lazy" />
4783                <span class="od-cp__label">
4784                  South Georgia &amp; South Sandwich Islands
4785                  <span class="od-cp__curr">(GBP £)</span>
4786                </span>
4787                
4788              </button>
4789            </li>
4790          
4791            <li>
4792              <button type="button"
4793                      class="od-cp__item "
4794                      role="option"
4795                      aria-selected="false"
4796                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KR');">
4797                <img class="od-cp__flag"
4798                     src="https://flagcdn.com/24x18/kr.png"
4799                     alt="South Korea flag"
4800                     loading="lazy" />
4801                <span class="od-cp__label">
4802                  South Korea
4803                  <span class="od-cp__curr">(KRW ₩)</span>
4804                </span>
4805                
4806              </button>
4807            </li>
4808          
4809            <li>
4810              <button type="button"
4811                      class="od-cp__item "
4812                      role="option"
4813                      aria-selected="false"
4814                      @click="open=false;
4814 OD.changeMarketViaIframeFromForm($el, 'SS');">
4815                <img class="od-cp__flag"
4816                     src="https://flagcdn.com/24x18/ss.png"
4817                     alt="South Sudan flag"
4818                     loading="lazy" />
4819                <span class="od-cp__label">
4820                  South Sudan
4821                  <span class="od-cp__curr">(USD $)</span>
4822                </span>
4823                
4824              </button>
4825            </li>
4826          
4827            <li>
4828              <button type="button"
4829                      class="od-cp__item "
4830                      role="option"
4831                      aria-selected="false"
4832                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ES');">
4833                <img class="od-cp__flag"
4834                     src="https://flagcdn.com/24x18/es.png"
4835                     alt="Spain flag"
4836                     loading="lazy" />
4837                <span class="od-cp__label">
4838                  Spain
4839                  <span class="od-cp__curr">(EUR €)</span>
4840                </span>
4841                
4842              </button>
4843            </li>
4844          
4845            <li>
4846              <button type="button"
4847                      class="od-cp__item "
4848                      role="option"
4849                      aria-selected="false"
4850                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LK');">
4851                <img class="od-cp__flag"
4852                     src="https://flagcdn.com/24x18/lk.png"
4853                     alt="Sri Lanka flag"
4854                     loading="lazy" />
4855                <span class="od-cp__label">
4856                  Sri Lanka
4857                  <span class="od-cp__curr">(LKR ₨)</span>
4858                </span>
4859                
4860              </button>
4861            </li>
4862          
4863            <li>
4864              <button type="button"
4865                      class="od-cp__item "
4866                      role="option"
4867                      aria-selected="false"
4868                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BL');">
4869                <img class="od-cp__flag"
4870                     src="https://flagcdn.com/24x18/bl.png"
4871                     alt="St. Barthélemy flag"
4872                     loading="lazy" />
4873                <span class="od-cp__label">
4874                  St. Barthélemy
4875                  <span class="od-cp__curr">(EUR €)</span>
4876                </span>
4877                
4878              </button>
4879            </li>
4880          
4881            <li>
4882              <button type="button"
4883                      class="od-cp__item "
4884                      role="option"
4885                      aria-selected="false"
4886                      @click="open=false;
4886 OD.changeMarketViaIframeFromForm($el, 'SH');">
4887                <img class="od-cp__flag"
4888                     src="https://flagcdn.com/24x18/sh.png"
4889                     alt="St. Helena flag"
4890                     loading="lazy" />
4891                <span class="od-cp__label">
4892                  St. Helena
4893                  <span class="od-cp__curr">(SHP £)</span>
4894                </span>
4895                
4896              </button>
4897            </li>
4898          
4899            <li>
4900              <button type="button"
4901                      class="od-cp__item "
4902                      role="option"
4903                      aria-selected="false"
4904                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KN');">
4905                <img class="od-cp__flag"
4906                     src="https://flagcdn.com/24x18/kn.png"
4907                     alt="St. Kitts &amp; Nevis flag"
4908                     loading="lazy" />
4909                <span class="od-cp__label">
4910                  St. Kitts &amp; Nevis
4911                  <span class="od-cp__curr">(XCD $)</span>
4912                </span>
4913                
4914              </button>
4915            </li>
4916          
4917            <li>
4918              <button type="button"
4919                      class="od-cp__item "
4920                      role="option"
4921                      aria-selected="false"
4922                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LC');">
4923                <img class="od-cp__flag"
4924                     src="https://flagcdn.com/24x18/lc.png"
4925                     alt="St. Lucia flag"
4926                     loading="lazy" />
4927                <span class="od-cp__label">
4928                  St. Lucia
4929                  <span class="od-cp__curr">(XCD $)</span>
4930                </span>
4931                
4932              </button>
4933            </li>
4934          
4935            <li>
4936              <button type="button"
4937                      class="od-cp__item "
4938                      role="option"
4939                      aria-selected="false"
4940                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MF');">
4941                <img class="od-cp__flag"
4942                     src="https://flagcdn.com/24x18/mf.png"
4943                     alt="St. Martin flag"
4944                     loading="lazy" />
4945                <span class="od-cp__label">
4946                  St. Martin
4947                  <span class="od-cp__curr">(EUR €)</span>
4948                </span>
4949                
4950              </button>
4951            </li>
4952          
4953            <li>
4954              <button type="button"
4955                      class="od-cp__item "
4956                      role="option"
4957                      aria-selected="false"
4958                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PM');">
4959                <img class="od-cp__flag"
4960                     src="https://flagcdn.com/24x18/pm.png"
4961                     alt="St. Pierre &amp; Miquelon flag"
4962                     loading="lazy" />
4963                <span class="od-cp__label">
4964                  St. Pierre &amp; Miquelon
4965                  <span class="od-cp__curr">(EUR €)</span>
4966                </span>
4967                
4968              </button>
4969            </li>
4970          
4971            <li>
4972              <button type="button"
4973                      class="od-cp__item "
4974                      role="option"
4975                      aria-selected="false"
4976                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VC');">
4977                <img class="od-cp__flag"
4978                     src="https://flagcdn.com/24x18/vc.png"
4979                     alt="St. Vincent &amp; Grenadines flag"
4980                     loading="lazy" />
4981                <span class="od-cp__label">
4982                  St. Vincent &amp; Grenadines
4983                  <span class="od-cp__curr">(XCD $)</span>
4984                </span>
4985                
4986              </button>
4987            </li>
4988          
4989            <li>
4990              <button type="button"
4991                      class="od-cp__item "
4992                      role="option"
4993                      aria-selected="false"
4994                      @click="open=false;
4994 OD.changeMarketViaIframeFromForm($el, 'SD');">
4995                <img class="od-cp__flag"
4996                     src="https://flagcdn.com/24x18/sd.png"
4997                     alt="Sudan flag"
4998                     loading="lazy" />
4999                <span class="od-cp__label">
5000                  Sudan
5001                  <span class="od-cp__curr">(USD $)</span>
5002                </span>
5003                
5004              </button>
5005            </li>
5006          
5007            <li>
5008              <button type="button"
5009                      class="od-cp__item "
5010                      role="option"
5011                      aria-selected="false"
5012                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SR');">
5013                <img class="od-cp__flag"
5014                     src="https://flagcdn.com/24x18/sr.png"
5015                     alt="Suriname flag"
5016                     loading="lazy" />
5017                <span class="od-cp__label">
5018                  Suriname
5019                  <span class="od-cp__curr">(USD $)</span>
5020                </span>
5021                
5022              </button>
5023            </li>
5024          
5025            <li>
5026              <button type="button"
5027                      class="od-cp__item "
5028                      role="option"
5029                      aria-selected="false"
5030                      @click="open=false;
5030 OD.changeMarketViaIframeFromForm($el, 'SJ');">
5031                <img class="od-cp__flag"
5032                     src="https://flagcdn.com/24x18/sj.png"
5033                     alt="Svalbard &amp; Jan Mayen flag"
5034                     loading="lazy" />
5035                <span class="od-cp__label">
5036                  Svalbard &amp; Jan Mayen
5037                  <span class="od-cp__curr">(USD $)</span>
5038                </span>
5039                
5040              </button>
5041            </li>
5042          
5043            <li>
5044              <button type="button"
5045                      class="od-cp__item "
5046                      role="option"
5047                      aria-selected="false"
5048                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SE');">
5049                <img class="od-cp__flag"
5050                     src="https://flagcdn.com/24x18/se.png"
5051                     alt="Sweden flag"
5052                     loading="lazy" />
5053                <span class="od-cp__label">
5054                  Sweden
5055                  <span class="od-cp__curr">(SEK kr)</span>
5056                </span>
5057                
5058              </button>
5059            </li>
5060          
5061            <li>
5062              <button type="button"
5063                      class="od-cp__item "
5064                      role="option"
5065                      aria-selected="false"
5066                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CH');">
5067                <img class="od-cp__flag"
5068                     src="https://flagcdn.com/24x18/ch.png"
5069                     alt="Switzerland flag"
5070                     loading="lazy" />
5071                <span class="od-cp__label">
5072                  Switzerland
5073                  <span class="od-cp__curr">(CHF CHF)</span>
5074                </span>
5075                
5076              </button>
5077            </li>
5078          
5079            <li>
5080              <button type="button"
5081                      class="od-cp__item "
5082                      role="option"
5083                      aria-selected="false"
5084                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TW');">
5085                <img class="od-cp__flag"
5086                     src="https://flagcdn.com/24x18/tw.png"
5087                     alt="Taiwan flag"
5088                     loading="lazy" />
5089                <span class="od-cp__label">
5090                  Taiwan
5091                  <span class="od-cp__curr">(TWD $)</span>
5092                </span>
5093                
5094              </button>
5095            </li>
5096          
5097            <li>
5098              <button type="button"
5099                      class="od-cp__item "
5100                      role="option"
5101                      aria-selected="false"
5102                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TJ');">
5103                <img class="od-cp__flag"
5104                     src="https://flagcdn.com/24x18/tj.png"
5105                     alt="Tajikistan flag"
5106                     loading="lazy" />
5107                <span class="od-cp__label">
5108                  Tajikistan
5109                  <span class="od-cp__curr">(TJS ЅМ)</span>
5110                </span>
5111                
5112              </button>
5113            </li>
5114          
5115            <li>
5116              <button type="button"
5117                      class="od-cp__item "
5118                      role="option"
5119                      aria-selected="false"
5120                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TZ');">
5121                <img class="od-cp__flag"
5122                     src="https://flagcdn.com/24x18/tz.png"
5123                     alt="Tanzania flag"
5124                     loading="lazy" />
5125                <span class="od-cp__label">
5126                  Tanzania
5127                  <span class="od-cp__curr">(TZS Sh)</span>
5128                </span>
5129                
5130              </button>
5131            </li>
5132          
5133            <li>
5134              <button type="button"
5135                      class="od-cp__item "
5136                      role="option"
5137                      aria-selected="false"
5138                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TH');">
5139                <img class="od-cp__flag"
5140                     src="https://flagcdn.com/24x18/th.png"
5141                     alt="Thailand flag"
5142                     loading="lazy" />
5143                <span class="od-cp__label">
5144                  Thailand
5145                  <span class="od-cp__curr">(THB ฿)</span>
5146                </span>
5147                
5148              </button>
5149            </li>
5150          
5151            <li>
5152              <button type="button"
5153                      class="od-cp__item "
5154                      role="option"
5155                      aria-selected="false"
5156                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TL');">
5157                <img class="od-cp__flag"
5158                     src="https://flagcdn.com/24x18/tl.png"
5159                     alt="Timor-Leste flag"
5160                     loading="lazy" />
5161                <span class="od-cp__label">
5162                  Timor-Leste
5163                  <span class="od-cp__curr">(USD $)</span>
5164                </span>
5165                
5166              </button>
5167            </li>
5168          
5169            <li>
5170              <button type="button"
5171                      class="od-cp__item "
5172                      role="option"
5173                      aria-selected="false"
5174                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TG');">
5175                <img class="od-cp__flag"
5176                     src="https://flagcdn.com/24x18/tg.png"
5177                     alt="Togo flag"
5178                     loading="lazy" />
5179                <span class="od-cp__label">
5180                  Togo
5181                  <span class="od-cp__curr">(XOF Fr)</span>
5182                </span>
5183                
5184              </button>
5185            </li>
5186          
5187            <li>
5188              <button type="button"
5189                      class="od-cp__item "
5190                      role="option"
5191                      aria-selected="false"
5192                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TK');">
5193                <img class="od-cp__flag"
5194                     src="https://flagcdn.com/24x18/tk.png"
5195                     alt="Tokelau flag"
5196                     loading="lazy" />
5197                <span class="od-cp__label">
5198                  Tokelau
5199                  <span class="od-cp__curr">(NZD $)</span>
5200                </span>
5201                
5202              </button>
5203            </li>
5204          
5205            <li>
5206              <button type="button"
5207                      class="od-cp__item "
5208                      role="option"
5209                      aria-selected="false"
5210                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TO');">
5211                <img class="od-cp__flag"
5212                     src="https://flagcdn.com/24x18/to.png"
5213                     alt="Tonga flag"
5214                     loading="lazy" />
5215                <span class="od-cp__label">
5216                  Tonga
5217                  <span class="od-cp__curr">(TOP T$)</span>
5218                </span>
5219                
5220              </button>
5221            </li>
5222          
5223            <li>
5224              <button type="button"
5225                      class="od-cp__item "
5226                      role="option"
5227                      aria-selected="false"
5228                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TT');">
5229                <img class="od-cp__flag"
5230                     src="https://flagcdn.com/24x18/tt.png"
5231                     alt="Trinidad &amp; Tobago flag"
5232                     loading="lazy" />
5233                <span class="od-cp__label">
5234                  Trinidad &amp; Tobago
5235                  <span class="od-cp__curr">(TTD $)</span>
5236                </span>
5237                
5238              </button>
5239            </li>
5240          
5241            <li>
5242              <button type="button"
5243                      class="od-cp__item "
5244                      role="option"
5245                      aria-selected="false"
5246                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TA');">
5247                <img class="od-cp__flag"
5248                     src="https://flagcdn.com/24x18/ta.png"
5249                     alt="Tristan da Cunha flag"
5250                     loading="lazy" />
5251                <span class="od-cp__label">
5252                  Tristan da Cunha
5253                  <span class="od-cp__curr">(GBP £)</span>
5254                </span>
5255                
5256              </button>
5257            </li>
5258          
5259            <li>
5260              <button type="button"
5261                      class="od-cp__item "
5262                      role="option"
5263                      aria-selected="false"
5264                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TN');">
5265                <img class="od-cp__flag"
5266                     src="https://flagcdn.com/24x18/tn.png"
5267                     alt="Tunisia flag"
5268                     loading="lazy" />
5269                <span class="od-cp__label">
5270                  Tunisia
5271                  <span class="od-cp__curr">(USD $)</span>
5272                </span>
5273                
5274              </button>
5275            </li>
5276          
5277            <li>
5278              <button type="button"
5279                      class="od-cp__item "
5280                      role="option"
5281                      aria-selected="false"
5282                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TR');">
5283                <img class="od-cp__flag"
5284                     src="https://flagcdn.com/24x18/tr.png"
5285                     alt="Türkiye flag"
5286                     loading="lazy" />
5287                <span class="od-cp__label">
5288                  Türkiye
5289                  <span class="od-cp__curr">(USD $)</span>
5290                </span>
5291                
5292              </button>
5293            </li>
5294          
5295            <li>
5296              <button type="button"
5297                      class="od-cp__item "
5298                      role="option"
5299                      aria-selected="false"
5300                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TM');">
5301                <img class="od-cp__flag"
5302                     src="https://flagcdn.com/24x18/tm.png"
5303                     alt="Turkmenistan flag"
5304                     loading="lazy" />
5305                <span class="od-cp__label">
5306                  Turkmenistan
5307                  <span class="od-cp__curr">(USD $)</span>
5308                </span>
5309                
5310              </button>
5311            </li>
5312          
5313            <li>
5314              <button type="button"
5315                      class="od-cp__item "
5316                      role="option"
5317                      aria-selected="false"
5318                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TC');">
5319                <img class="od-cp__flag"
5320                     src="https://flagcdn.com/24x18/tc.png"
5321                     alt="Turks &amp; Caicos Islands flag"
5322                     loading="lazy" />
5323                <span class="od-cp__label">
5324                  Turks &amp; Caicos Islands
5325                  <span class="od-cp__curr">(USD $)</span>
5326                </span>
5327                
5328              </button>
5329            </li>
5330          
5331            <li>
5332              <button type="button"
5333                      class="od-cp__item "
5334                      role="option"
5335                      aria-selected="false"
5336                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TV');">
5337                <img class="od-cp__flag"
5338                     src="https://flagcdn.com/24x18/tv.png"
5339                     alt="Tuvalu flag"
5340                     loading="lazy" />
5341                <span class="od-cp__label">
5342                  Tuvalu
5343                  <span class="od-cp__curr">(AUD $)</span>
5344                </span>
5345                
5346              </button>
5347            </li>
5348          
5349            <li>
5350              <button type="button"
5351                      class="od-cp__item "
5352                      role="option"
5353                      aria-selected="false"
5354                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UM');">
5355                <img class="od-cp__flag"
5356                     src="https://flagcdn.com/24x18/um.png"
5357                     alt="U.S. Outlying Islands flag"
5358                     loading="lazy" />
5359                <span class="od-cp__label">
5360                  U.S. Outlying Islands
5361                  <span class="od-cp__curr">(USD $)</span>
5362                </span>
5363                
5364              </button>
5365            </li>
5366          
5367            <li>
5368              <button type="button"
5369                      class="od-cp__item "
5370                      role="option"
5371                      aria-selected="false"
5372                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UG');">
5373                <img class="od-cp__flag"
5374                     src="https://flagcdn.com/24x18/ug.png"
5375                     alt="Uganda flag"
5376                     loading="lazy" />
5377                <span class="od-cp__label">
5378                  Uganda
5379                  <span class="od-cp__curr">(UGX USh)</span>
5380                </span>
5381                
5382              </button>
5383            </li>
5384          
5385            <li>
5386              <button type="button"
5387                      class="od-cp__item "
5388                      role="option"
5389                      aria-selected="false"
5390                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UA');">
5391                <img class="od-cp__flag"
5392                     src="https://flagcdn.com/24x18/ua.png"
5393                     alt="Ukraine flag"
5394                     loading="lazy" />
5395                <span class="od-cp__label">
5396                  Ukraine
5397                  <span class="od-cp__curr">(UAH ₴)</span>
5398                </span>
5399                
5400              </button>
5401            </li>
5402          
5403            <li>
5404              <button type="button"
5405                      class="od-cp__item "
5406                      role="option"
5407                      aria-selected="false"
5408                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AE');">
5409                <img class="od-cp__flag"
5410                     src="https://flagcdn.com/24x18/ae.png"
5411                     alt="United Arab Emirates flag"
5412                     loading="lazy" />
5413                <span class="od-cp__label">
5414                  United Arab Emirates
5415                  <span class="od-cp__curr">(AED د.إ)</span>
5416                </span>
5417                
5418              </button>
5419            </li>
5420          
5421            <li>
5422              <button type="button"
5423                      class="od-cp__item "
5424                      role="option"
5425                      aria-selected="false"
5426                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GB');">
5427                <img class="od-cp__flag"
5428                     src="https://flagcdn.com/24x18/gb.png"
5429                     alt="United Kingdom flag"
5430                     loading="lazy" />
5431                <span class="od-cp__label">
5432                  United Kingdom
5433                  <span class="od-cp__curr">(GBP £)</span>
5434                </span>
5435                
5436              </button>
5437            </li>
5438          
5439            <li>
5440              <button type="button"
5441                      class="od-cp__item is-active"
5442                      role="option"
5443                      aria-selected="true"
5444                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'US');">
5445                <img class="od-cp__flag"
5446                     src="https://flagcdn.com/24x18/us.png"
5447                     alt="United States flag"
5448                     loading="lazy" />
5449                <span class="od-cp__label">
5450                  United States
5451                  <span class="od-cp__curr">(USD $)</span>
5452                </span>
5453                
5454                  <svg class="od-cp__check" viewBox="0 0 24 24" aria-hidden="true">
5455                    <path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5456                  </svg>
5457                
5458              </button>
5459            </li>
5460          
5461            <li>
5462              <button type="button"
5463                      class="od-cp__item "
5464                      role="option"
5465                      aria-selected="false"
5466                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UY');">
5467                <img class="od-cp__flag"
5468                     src="https://flagcdn.com/24x18/uy.png"
5469                     alt="Uruguay flag"
5470                     loading="lazy" />
5471                <span class="od-cp__label">
5472                  Uruguay
5473                  <span class="od-cp__curr">(UYU $U)</span>
5474                </span>
5475                
5476              </button>
5477            </li>
5478          
5479            <li>
5480              <button type="button"
5481                      class="od-cp__item "
5482                      role="option"
5483                      aria-selected="false"
5484                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UZ');">
5485                <img class="od-cp__flag"
5486                     src="https://flagcdn.com/24x18/uz.png"
5487                     alt="Uzbekistan flag"
5488                     loading="lazy" />
5489                <span class="od-cp__label">
5490                  Uzbekistan
5491                  <span class="od-cp__curr">(UZS so'm)</span>
5492                </span>
5493                
5494              </button>
5495            </li>
5496          
5497            <li>
5498              <button type="button"
5499                      class="od-cp__item "
5500                      role="option"
5501                      aria-selected="false"
5502                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VU');">
5503                <img class="od-cp__flag"
5504                     src="https://flagcdn.com/24x18/vu.png"
5505                     alt="Vanuatu flag"
5506                     loading="lazy" />
5507                <span class="od-cp__label">
5508                  Vanuatu
5509                  <span class="od-cp__curr">(VUV Vt)</span>
5510                </span>
5511                
5512              </button>
5513            </li>
5514          
5515            <li>
5516              <button type="button"
5517                      class="od-cp__item "
5518                      role="option"
5519                      aria-selected="false"
5520                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VA');">
5521                <img class="od-cp__flag"
5522                     src="https://flagcdn.com/24x18/va.png"
5523                     alt="Vatican City flag"
5524                     loading="lazy" />
5525                <span class="od-cp__label">
5526                  Vatican City
5527                  <span class="od-cp__curr">(EUR €)</span>
5528                </span>
5529                
5530              </button>
5531            </li>
5532          
5533            <li>
5534              <button type="button"
5535                      class="od-cp__item "
5536                      role="option"
5537                      aria-selected="false"
5538                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VE');">
5539                <img class="od-cp__flag"
5540                     src="https://flagcdn.com/24x18/ve.png"
5541                     alt="Venezuela flag"
5542                     loading="lazy" />
5543                <span class="od-cp__label">
5544                  Venezuela
5545                  <span class="od-cp__curr">(USD $)</span>
5546                </span>
5547                
5548              </button>
5549            </li>
5550          
5551            <li>
5552              <button type="button"
5553                      class="od-cp__item "
5554                      role="option"
5555                      aria-selected="false"
5556                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VN');">
5557                <img class="od-cp__flag"
5558                     src="https://flagcdn.com/24x18/vn.png"
5559                     alt="Vietnam flag"
5560                     loading="lazy" />
5561                <span class="od-cp__label">
5562                  Vietnam
5563                  <span class="od-cp__curr">(VND ₫)</span>
5564                </span>
5565                
5566              </button>
5567            </li>
5568          
5569            <li>
5570              <button type="button"
5571                      class="od-cp__item "
5572                      role="option"
5573                      aria-selected="false"
5574                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'WF');">
5575                <img class="od-cp__flag"
5576                     src="https://flagcdn.com/24x18/wf.png"
5577                     alt="Wallis &amp; Futuna flag"
5578                     loading="lazy" />
5579                <span class="od-cp__label">
5580                  Wallis &amp; Futuna
5581                  <span class="od-cp__curr">(XPF Fr)</span>
5582                </span>
5583                
5584              </button>
5585            </li>
5586          
5587            <li>
5588              <button type="button"
5589                      class="od-cp__item "
5590                      role="option"
5591                      aria-selected="false"
5592                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EH');">
5593                <img class="od-cp__flag"
5594                     src="https://flagcdn.com/24x18/eh.png"
5595                     alt="Western Sahara flag"
5596                     loading="lazy" />
5597                <span class="od-cp__label">
5598                  Western Sahara
5599                  <span class="od-cp__curr">(MAD د.م.)</span>
5600                </span>
5601                
5602              </button>
5603            </li>
5604          
5605            <li>
5606              <button type="button"
5607                      class="od-cp__item "
5608                      role="option"
5609                      aria-selected="false"
5610                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'YE');">
5611                <img class="od-cp__flag"
5612                     src="https://flagcdn.com/24x18/ye.png"
5613                     alt="Yemen flag"
5614                     loading="lazy" />
5615                <span class="od-cp__label">
5616                  Yemen
5617                  <span class="od-cp__curr">(YER ï·¼)</span>
5618                </span>
5619                
5620              </button>
5621            </li>
5622          
5623            <li>
5624              <button type="button"
5625                      class="od-cp__item "
5626                      role="option"
5627                      aria-selected="false"
5628                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZM');">
5629                <img class="od-cp__flag"
5630                     src="https://flagcdn.com/24x18/zm.png"
5631                     alt="Zambia flag"
5632                     loading="lazy" />
5633                <span class="od-cp__label">
5634                  Zambia
5635                  <span class="od-cp__curr">(USD $)</span>
5636                </span>
5637                
5638              </button>
5639            </li>
5640          
5641            <li>
5642              <button type="button"
5643                      class="od-cp__item "
5644                      role="option"
5645                      aria-selected="false"
5646                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZW');">
5647                <img class="od-cp__flag"
5648                     src="https://flagcdn.com/24x18/zw.png"
5649                     alt="Zimbabwe flag"
5650                     loading="lazy" />
5651                <span class="od-cp__label">
5652                  Zimbabwe
5653                  <span class="od-cp__curr">(USD $)</span>
5654                </span>
5655                
5656              </button>
5657            </li>
5658          
5659        </ul>
5660      </div>
5661    </div>
5662  </form>
5663
5664  <!-- Full-bleed hairline that matches the header's bottom border -->
5665  <span class="od-topbar-divider" aria-hidden="true"
5666        style="position:absolute; left:50%; transform:translateX(-50%);
5667               bottom:0; width:100vw; height:var(--od-divider-width,1px);
5668               background:var(--od-divider-color,#e5e7eb); pointer-events:none;"></span>
5669
5670<script>
5671  function syncTopbarDivider() {
5672    var hdr = document.getElementById('od-header');
5673    var line = document.querySelector('[data-od-topbar] .od-topbar-divider');
5674    if (!hdr || !line) return;
5675
5676    var cs = getComputedStyle(hdr);
5677
5678    if (parseFloat(cs.borderBottomWidth) > 0 && cs.borderBottomStyle !== 'none') {
5679      line.style.height = cs.borderBottomWidth;
5680      line.style.backgroundColor = cs.borderBottomColor;
5681    }
5682  }
5683
5684  syncTopbarDivider();
5685
5686  document.addEventListener('shopify:page:load', function () {
5687    try { syncTopbarDivider(); } catch (e) {}
5688  });
5689
5690  document.addEventListener('od:after-swap', function () {
5691    try { syncTopbarDivider(); } catch (e) {}
5692  });
5693</script>
vendor: 1 bytes, line 5693
5693
5694<script>
5695(function () {
5696  if (window.__odRecentlyViewedInit) return;
5697  window.__odRecentlyViewedInit = true;
5698
5699  var STORAGE_KEY = 'recentlyViewed';
5700  var FETCH_TIMEOUT_MS = 6000;
5701  var rvObserver = null;
5702
5703  function isProductPath() {
5704    return /^\/products\/[^\/]+/.test(window.location.pathname);
5705  }
5706
5707  function getCurrentHandleFromUrl() {
5708    var match = window.location.pathname.match(/^\/products\/([^\/]+)/);
5709    return match ? match[1] : null;
5710  }
5711
5712  function readHandles() {
5713    try {
5714      return JSON.parse(localStorage.getItem(STORAGE_KEY)) || [];
5715    } catch (e) {
5716      return [];
5717    }
5718  }
5719
5720  function writeHandles(handles) {
5721    try {
5722      localStorage.setItem(STORAGE_KEY, JSON.stringify(handles));
5723    } catch (e) {}
5724  }
5725
5726  function updateHandles(maxItems) {
5727    if (!isProductPath()) return readHandles();
5728
5729    var current = getCurrentHandleFromUrl();
5730    var handles = readHandles();
5731
5732    if (current) {
5733      handles = handles.filter(function (h) { return h !== current; });
5734      handles.unshift(current);
5735      handles = handles.slice(0, maxItems);
5736      writeHandles(handles);
5737    }
5738
5739    return handles;
5740  }
5741
5742  function getSlidesHost(section) {
5743    return (
5744      section.querySelector('[data-slider-slides]') ||
5745      section.querySelector('.slider__slides')
5746    );
5747  }
5748
5749  async function fetchCard(handle) {
5750    var controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
5751    var timeoutId = controller ? setTimeout(function () {
5752      controller.abort();
5753    }, FETCH_TIMEOUT_MS) : null;
5754
5755    try {
5756      var res = await fetch('/products/' + handle + '?view=rv-card', {
5757        credentials: 'same-origin',
5758        signal: controller ? controller.signal : undefined
5759      });
5760
5761      if (!res.ok) throw new Error('Fetch failed: ' + res.status);
5762      return await res.text();
5763    } finally {
5764      if (timeoutId) clearTimeout(timeoutId);
5765    }
5766  }
5767
5768  async function hydrate(section) {
5769    if (!section || section.nodeType !== 1) return;
5770
5771    var currentHandle = getCurrentHandleFromUrl() || '';
5772    var lastHandle = section.getAttribute('data-rv-last-handle') || '';
5773    var host = getSlidesHost(section);
5774
5775    if (!host) return;
5776
5777    if (section.__rvLoading) return;
5778
5779    if (isProductPath() && lastHandle === currentHandle) {
5780      if (!host.querySelector('[data-rv-skeleton]')) return;
5781    }
5782
5783    section.setAttribute('data-rv-last-handle', currentHandle);
5784
5785    var maxItems = parseInt(section.getAttribute('data-max-items') || '12', 10);
5786    var handles = updateHandles(maxItems);
5787
5788    if (!handles.length) {
5789      host.innerHTML =
5790        '<div class="slider__slide"><div class="p-4 text-sm opacity-70">No recently viewed products yet.</div></div>';
5791      return;
5792    }
5793
5794    section.__rvLoading = true;
5795
5796    try {
5797      var cards = await Promise.all(
5798        handles.map(function (h) {
5799          return fetchCard(h).catch(function () { return null; });
5800        })
5801      );
5802
5803      cards = cards.filter(function (c) { return !!c; });
5804
5805      if (!cards.length) {
5806        host.innerHTML =
5807          '<div class="slider__slide"><div class="p-4 text-sm opacity-70">No recently viewed products yet.</div></div>';
5808        return;
5809      }
5810
5811      host.innerHTML = cards
5812        .map(function (card) {
5813          return '<div class="slider__slide">' + card + '</div>';
5814        })
5815        .join('');
5816    } catch (e) {
5817      host.innerHTML =
5818        '<div class="slider__slide"><div class="p-4 text-sm opacity-70">Error loading recently viewed products.</div></div>';
5819    } finally {
5820      section.__rvLoading = false;
5821    }
5822  }
5823
5824  function hydrateAll() {
5825    document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5826      hydrate(section);
5827    });
5828  }
5829
5830  function observeVisibility(section) {
5831    if (!section || section.nodeType !== 1) return;
5832    if (section.getAttribute('data-rv-visible-bound') === 'true') return;
5833
5834    section.setAttribute('data-rv-visible-bound', 'true');
5835
5836    if (!('IntersectionObserver' in window)) {
5837      hydrate(section);
5838      return;
5839    }
5840
5841    if (!rvObserver) {
5842      rvObserver = new IntersectionObserver(function (entries) {
5843        entries.forEach(function (entry) {
5844          if (!entry.isIntersecting && entry.intersectionRatio <= 0) return;
5845          rvObserver.unobserve(entry.target);
5846          hydrate(entry.target);
5847        });
5848      }, {
5849        rootMargin: '400px 0px 400px 0px',
5850        threshold: 0.01
5851      });
5852    }
5853
5854    rvObserver.observe(section);
5855  }
5856
5857  function observeSections() {
5858    document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5859      observeVisibility(section);
5860    });
5861
5862    var observer = new MutationObserver(function (mutations) {
5863      mutations.forEach(function (m) {
5864        m.addedNodes.forEach(function (node) {
5865          if (node.nodeType !== 1) return;
5866
5867          if (node.matches && node.matches('[data-recently-viewed-section]')) {
5868            observeVisibility(node);
5869          }
5870
5871          if (node.querySelectorAll) {
5872            node.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5873              observeVisibility(section);
5874            });
5875          }
5876        });
5877      });
5878    });
5879
5880    observer.observe(document.body, { childList: true, subtree: true });
5881  }
5882
5883  function installSpaListeners() {
5884    function onNav() {
5885      setTimeout(function () {
5886        document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5887          observeVisibility(section);
5888        });
5889      }, 0);
5890      setTimeout(function () {
5891        document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5892          observeVisibility(section);
5893        });
5894      }, 150);
5895    }
5896
5897    window.addEventListener('popstate', onNav);
5898    window.addEventListener('locationchange', onNav);
5899    document.addEventListener('shopify:section:load', onNav);
5900    document.addEventListener('od:after-swap', onNav);
5901
5902    if (!history.__rvPatched) {
5903      history.__rvPatched = true;
5904
5905      var _pushState = history.pushState;
5906      history.pushState = function () {
5907        var ret = _pushState.apply(this, arguments);
5908        window.dispatchEvent(new Event('locationchange'));
5909        return ret;
5910      };
5911
5912      var _replaceState = history.replaceState;
5913      history.replaceState = function () {
5914        var ret = _replaceState.apply(this, arguments);
5915        window.dispatchEvent(new Event('locationchange'));
5916        return ret;
5917      };
5918    }
5919  }
5920
5921  if (document.readyState === 'loading') {
5922    document.addEventListener('DOMContentLoaded', function () {
5923      observeSections();
5924      installSpaListeners();
5925    }, { once: true });
5926  } else {
5927    observeSections();
5928    installSpaListeners();
5929  }
5930})();
5931</script>
5931
5932
5933
5934</div>
5935
5936
5937
5938
5939
5940
5941    <!-- Prevent FOUC for x-cloak elements BEFORE Alpine initializes -->
5942
5943
5944   <!-- ============= MOBILE: TOP ROW (LEFT→RIGHT: Logo | Icons) ============= -->
5945<div class="md:hidden flex items-center h-[56px] gap-4 w-full justify-between">
5946
5947  <!-- Logo (left) -->
5948  <a href="/"
5949     x-element-transition-trigger
5950     @click="mobileSearchOpen=false; mobileMenuOpen=false"
5951     class="block"
5952     style="max-width:240px;">
5953    
5954      
5955      <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%;">
5956    
5957  </a>
5958
5959 <!-- Right-side icons -->
5960<div class="flex items-center gap-2">
5961
5962  <!-- Search -->
5963  <button
5964    @click="
5965      mobileMenuOpen = false;
5966      mobileSearchOpen = !mobileSearchOpen;
5967      if (mobileSearchOpen) {
5968        $nextTick(() => { document.getElementById('od-mobile-search-input')?.focus(); });
5969      }
5970    "
5971    aria-label="Search"
5972    class="od-icon-wrap"
5973    style="--tap:38px; --icon-size:24px; color:#111;">
5974    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
5975      <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
5976      <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"/>
5977    </svg>
5978  </button>
5979
5980  <!-- My Library (NEW) -->
5981  <a href="/pages/my-library"
5982     x-element-transition-trigger
5983     aria-label="My Collection"
5984     class="od-icon-wrap"
5985     style="--tap:38px; --icon-size:24px; color:#111;">
5986    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
5987      <!-- Headband -->
5988      <path d="M4 12
5989               C4 6.5 8 3.5 12 3.5
5990               C16 3.5 20 6.5 20 12
5991               L18 12
5992               C18 7.5 15.2 5 12 5
5993               C8.8 5 6 7.5 6 12
5994               Z"
5995            fill="currentColor"/>
5996      <!-- Left ear cup -->
5997      <rect x="3" y="11" width="4" height="9" rx="2" fill="currentColor"/>
5998      <!-- Right ear cup -->
5999      <rect x="17" y="11" width="4" height="9" rx="2" fill="currentColor"/>
6000    </svg>
6001  </a>
6002
6003  <!-- Cart -->
6004  <a href="/cart"
6005     x-element-transition-trigger
6006     aria-label="View cart"
6007     class="od-icon-wrap od-has-badge"
6008     style="--tap:38px; --icon-size:26px; color:#111; position:relative;">
6009    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
6010      <path d="M3 6h2l1.4 9h10.4l2-7H6.2" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
6011      <circle cx="10" cy="19" r="1.5" fill="currentColor"/>
6012      <circle cx="17" cy="19" r="1.5" fill="currentColor"/>
6013    </svg>
6014    <span x-cloak
6015          x-show="cartCount > 0"
6016          x-text="cartCount > 9 ? '9+' : cartCount"
6017          class="od-cart-badge"
6018          aria-live="polite"></span>
6019  </a>
6020
6021  <!-- Hamburger -->
6022  <button
6023    @click="mobileSearchOpen=false; mobileMenuOpen = !mobileMenuOpen"
6024    :aria-expanded="mobileMenuOpen.toString()"
6025    aria-label="Toggle menu"
6026    class="od-icon-wrap"
6027    style="--tap:38px; --icon-size:24px; color:#111;">
6028    <svg x-show="!mobileMenuOpen" class="od-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
6029      <path d="M4 6h16M4 12h16M4 18h16"
6030            stroke="currentColor" stroke-width="2.25"
6031            stroke-linecap="round" stroke-linejoin="round"/>
6032    </svg>
6033    <svg x-show="mobileMenuOpen" x-cloak class="od-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
6034      <path d="M6 18L18 6M6 6l12 12"
6035            stroke="currentColor" stroke-width="2.25"
6036            stroke-linecap="round" stroke-linejoin="round"/>
6037    </svg>
6038  </button>
6039
6040</div>
6041</div>
6042
6043
6044
6045<!-- ============= MOBILE: SEARCH BAR (animated) ============= -->
6046<div
6047  x-cloak
6048  x-ref="mobileSearch"
6049  :aria-hidden="(!mobileSearchOpen).toString()"
6050  class="mt-2 md:hidden bg-white shadow rounded overflow-hidden transition-all duration-300 ease-out transform origin-top"
6051  :style="mobileSearchOpen
6052    ? ('max-height:' + searchMax + 'px; opacity:1; transform: translateY(0);')
6053    : 'max-height:0px; opacity:0; transform: translateY(-8px);'"
6054>
6055  <div x-ref="mobileSearchInner" :class="mobileSearchOpen ? 'p-3 pb-4' : 'p-0'">
6056    <div x-data="Search">
6057      <form
6058  @submit.prevent="
6059    if (searchTermInput.trim()) {
6060      goToSearchPage('/search');
6061    }
6062  "
6063  class="flex relative w-full"
6064>
6065  <input
6066    id="od-mobile-search-input"
6067    type="search"
6068    name="q"
6069    placeholder="Search"
6070    class="p-2 w-full"
6071    x-model="searchTermInput"
6072    @keydown.enter.prevent="
6073      if (searchTermInput.trim()) {
6074        goToSearchPage('/search');
6075      }
6076    "
6077  />
6078
6079  <!-- When empty: search icon on the LEFT -->
6080  <template x-if="!searchTermInput">
6081    <span class="od-mobile-search-icon" aria-hidden="true">
6082      <svg viewBox="0 0 24 24" class="w-full h-full">
6083        <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
6084        <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"/>
6085      </svg>
6086    </span>
6087  </template>
6088
6089  <!-- When typing: big clear X on the RIGHT -->
6090  <template x-if="searchTermInput">
6091    <button
6092      type="button"
6093      @click="resetSearchTerm()"
6094      aria-label="Clear search"
6095      class="od-mobile-search-clear"
6096    >✕</button>
6097  </template>
6098</form>
6099
6100    </div>
6101  </div>
6102</div>
6103
6104<!-- Backdrop -->
6105<div
6106  x-show="mobileMenuOpen"
6107  x-cloak
6108  class="od-mobile-backdrop fixed inset-x-0 md:hidden z-40"
6109  @click="mobileMenuOpen=false"
6110  x-transition.opacity
6111  style="
6112    top: var(--od-mobile-offset, 56px);
6113    height: calc(100dvh - var(--od-mobile-offset, 56px));
6114  "
6115></div>
6116
6117<!-- Fullscreen overlay panel -->
6118<!-- Fullscreen overlay panel -->
6119<aside
6120  x-show="mobileMenuOpen"
6121  x-cloak
6122  class="od-mobile-overlay fixed inset-x-0 md:hidden z-40"
6123  role="dialog"
6124  aria-modal="true"
6125  aria-label="Mobile menu"
6126
6127  x-transition:enter="od-slide-enter"
6128  x-transition:enter-start="od-slide-enter-start"
6129  x-transition:enter-end="od-slide-enter-end"
6130  x-transition:leave="od-slide-leave"
6131  x-transition:leave-start="od-slide-leave-start"
6132  x-transition:leave-end="od-slide-leave-end"
6133
6134  style="
6135    top: var(--od-mobile-offset, 56px);
6136    height: calc(100dvh - var(--od-mobile-offset, 56px));
6137    opacity:1;
6138    will-change: transform, opacity;
6139
6140    /* let the overlay scroll and keep content above the player */
6141    overflow-y: auto;
6142    -webkit-overflow-scrolling: touch;
6143    padding-bottom: calc(var(--od-player-h, 112px) + env(safe-area-inset-bottom, 0px));
6144  "
6145>
6146
6147
6148
6149  <div class="p-4 pt-5">
6150
6151 <ul class="od-mobile-menu">
6152  
6153  
6154  
6155    
6156    
6157    <li>
6158      <a href="/pages/composers"
6159         
6160             
6161             
6162               x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
6163             
6164           
6165         @click="mobileMenuOpen=false"
6166         class="od-mobile-link">
6167        <span class="od-mobile-link__label">Composers</span>
6168      </a>
6169    </li>
6170  
6171    
6172    
6173    <li>
6174      <a href="/pages/sopranos"
6175         
6176             
6177             
6178               x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
6179             
6180           
6181         @click="mobileMenuOpen=false"
6182         class="od-mobile-link">
6183        <span class="od-mobile-link__label">Sopranos</span>
6184      </a>
6185    </li>
6186  
6187    
6188    
6189    <li>
6190      <a href="/pages/mezzo-sopranos"
6191         
6192             
6193             
6194               x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
6195             
6196           
6197         @click="mobileMenuOpen=false"
6198         class="od-mobile-link">
6199        <span class="od-mobile-link__label">Mezzos</span>
6200      </a>
6201    </li>
6202  
6203    
6204    
6205    <li>
6206      <a href="/pages/tenors"
6207         
6208             
6209             
6210               x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
6211             
6212           
6213         @click="mobileMenuOpen=false"
6214         class="od-mobile-link">
6215        <span class="od-mobile-link__label">Tenors</span>
6216      </a>
6217    </li>
6218  
6219    
6220    
6221    <li>
6222      <a href="/pages/baritones-and-basses"
6223         
6224             
6225             
6226               x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
6227             
6228           
6229         @click="mobileMenuOpen=false"
6230         class="od-mobile-link">
6231        <span class="od-mobile-link__label">Baritones & Basses</span>
6232      </a>
6233    </li>
6234  
6235    
6236    
6237    <li>
6238      <a href="/pages/conductors"
6239         
6240             
6241             
6242               x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
6243             
6244           
6245         @click="mobileMenuOpen=false"
6246         class="od-mobile-link">
6247        <span class="od-mobile-link__label">Conductors</span>
6248      </a>
6249    </li>
6250  
6251    
6252    
6253      
6254    <li>
6255      <button
6256        type="button"
6257        class="od-mobile-link od-mobile-radio-link"
6258        data-opera-depot-radio-launch
6259        aria-label="Launch Opera Depot Radio"
6260        @click.prevent="
6261          mobileMenuOpen=false;
6262          if (window.OperaDepotPlayer && window.OperaDepotPlayer.startRadio) {
6263            window.OperaDepotPlayer.startRadio();
6264          } else {
6265            document.dispatchEvent(new CustomEvent('opera-depot-player:start-radio'));
6266          }
6267        ">
6268        <span class="od-mobile-radio-link__label">
6269          <span class="od-mobile-link__label">Opera Depot Radio</span>
6270          <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">
6271            <line x1="28" y1="8" x2="40" y2="16"/>
6272            <rect x="10" y="16" width="44" height="32" rx="4"/>
6273            <circle cx="24" cy="32" r="8"/>
6274            <circle cx="24" cy="32" r="4"/>
6275            <rect x="36" y="22" width="12" height="6" rx="1"/>
6276            <line x1="36" y1="32" x2="48" y2="32"/>
6277            <line x1="36" y1="36" x2="48" y2="36"/>
6278            <circle cx="40" cy="42" r="3"/>
6279            <circle cx="48" cy="42" r="3"/>
6280          </svg>
6281        </span>
6282      </button>
6283    </li>
6284  
6285      
6286    
6287    <li>
6288      <a href="/collections/coming-soon"
6289         
6290             x-element-transition-trigger:category.animate="
6291               {
6292                 'title': `Coming Soon`,
6293                 
6294                 'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
6295                 
6296                 'description': ``
6297               }
6298             "
6299           
6300         @click="mobileMenuOpen=false"
6301         class="od-mobile-link">
6302        <span class="od-mobile-link__label">Coming Soon</span>
6303      </a>
6304    </li>
6305  
6306    
6307    
6308    <li>
6309      <a href="/collections/free-streaming-titles"
6310         
6311             x-element-transition-trigger:category.animate="
6312               {
6313                 'title': `Free Streaming Titles`,
6314                 
6315                 'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
6316                 
6317                 'description': ``
6318               }
6319             "
6320           
6321         @click="mobileMenuOpen=false"
6322         class="od-mobile-link">
6323        <span class="od-mobile-link__label">Free Streaming Titles</span>
6324      </a>
6325    </li>
6326  
6327  
6328
6329  <!-- Place the Wishlist row right here -->
6330<li>
6331  <a href="/pages/wishlist"
6332     x-element-transition-trigger
6333     class="od-mobile-link swym-wishlist"
6334     aria-label="Open wishlist"
6335     title="Wishlist"
6336     @click="mobileMenuOpen=false">
6337
6338    <span class="od-mobile-link__label">Wishlist</span>
6339
6340    <!-- Right-side icon + badge (styled like the rest of the menu, not desktop) -->
6341    <span class="od-mobile-wishlist-icon od-has-badge" style="position:relative;">
6342      <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true" style="--icon-size:18px;">
6343        …
6344      </svg>
6345
6346      <span
6347        class="od-cart-badge od-wishlist-badge swym-wishlist-header-counter"
6348        x-cloak
6349        x-show="$store.wishlist && $store.wishlist.count > 0"
6350        x-text="$store.wishlist.count > 9 ? '9+' : $store.wishlist.count"
6351        aria-live="polite"></span>
6352    </span>
6353
6354  </a>
6355</li>
6356
6357</ul>
6358
6359
6360
6361
6362
6363    <hr class="my-4 border-gray-300" />
6364
6365    
6366    
6367      <a
6368        id="mobile-account-cta"
6369        href="/customer_authentication/login?return_to=%2Fproducts%2Fbeethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel&locale=en&ui_hint=full&region_country=US"
6370        @click.prevent="mobileMenuOpen=false; handleLoginClick('/customer_authentication/login?return_to=%2Fproducts%2Fbeethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel&locale=en&ui_hint=full&region_country=US', (window.matchMedia('(min-width: 768px)').matches && true), true)"
6371        class="block w-full text-center px-5 py-3 rounded-2xl font-bold text-white shadow-md hover:shadow-lg focus:outline-none"
6372        style="background-color:#330065;color:#fff;">
6373        Log In
6374      </a>
6375    
6376
6377    <hr class="my-4 border-gray-300" />
6378
6379    <!-- Mobile Currency Picker -->
6380    <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/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel" />
6381    <div class="od-cp od-cp--mobile"
6382     x-data="{
6383       open:false,
6384       toggle(){
6385         this.open = !this.open;
6386         document.body.classList.toggle('od-cp-open', this.open);
6387       },
6388       close(){
6389         this.open = false;
6390         document.body.classList.remove('od-cp-open');
6391       }
6392     }"
6393     @keydown.escape.window="close()"
6394     @click.outside="close()">
6395
6396
6397        <input type="hidden" name="country_code" x-ref="cc" value="US" />
6398
6399        <button
6400          type="button"
6401          class="od-cp__btn"
6402          @click="toggle()"
6403
6404          :aria-expanded="open.toString()">
6405          <img class="od-cp__flag"
6406               src="https://flagcdn.com/24x18/us.png"
6407               alt="United States flag" />
6408          <span class="od-cp__text">
6409            United States
6410            <span class="od-cp__curr">(USD $)</span>
6411          </span>
6412          <svg class="od-cp__chev" viewBox="0 0 24 24" aria-hidden="true">
6413            <path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6414          </svg>
6415        </button>
6416
6417        <div x-show="open" x-cloak class="od-cp__backdrop" @click="close()"></div>
6418
6419       <div class="od-cp__menu"
6420     x-show="open"
6421     x-transition.origin.top.right
6422     x-cloak
6423     role="listbox"
6424       style="
6425  position:fixed; left:50%; transform:translateX(-50%);
6426  top: calc(var(--od-mobile-offset, 56px) + 12px);
6427  width:min(420px,92vw);
6428  max-height: calc(
6429    100dvh
6430    - (var(--od-mobile-offset, 56px) + 24px)
6431    - (var(--od-player-h, 112px) + env(safe-area-inset-bottom, 0px) + 12px)
6432  );
6433  overflow:auto; background:#fff; padding:18px 12px 18px 12px;
6434  border-radius:12px;
6435  box-shadow:0 18px 40px rgba(0,0,0,.18); z-index:9999;
6436"
6437>
6438
6439  <!-- Close Button -->
6440<button
6441  type="button"
6442  class="od-cp-close-btn"
6443  @click="close()"
6444  aria-label="Close currency picker">
6445  ✕
6446</button>
6447
6448
6449          <ul class="od-cp__list" style="padding:.5rem;">
6450            
6451              <li>
6452                <button type="button"
6453                        class="od-cp__item "
6454                        role="option"
6455                        aria-selected="false"
6456                        @click="
6457  OD.changeMarketViaIframeFromForm($el, 'AF');
6458  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6459"
6460
6461                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6462                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6463                  <img class="od-cp__flag"
6464                       src="https://flagcdn.com/24x18/af.png"
6465                       alt="Afghanistan flag" loading="lazy" />
6466                  <span class="od-cp__label">
6467                    Afghanistan
6468                    <span class="od-cp__curr">(AFN ؋)</span>
6469                  </span>
6470                  
6471                </button>
6472              </li>
6473            
6474              <li>
6475                <button type="button"
6476                        class="od-cp__item "
6477                        role="option"
6478                        aria-selected="false"
6479                        @click="
6480  OD.changeMarketViaIframeFromForm($el, 'AX');
6481  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6482"
6483
6484                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6485                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6486                  <img class="od-cp__flag"
6487                       src="https://flagcdn.com/24x18/ax.png"
6488                       alt="Åland Islands flag" loading="lazy" />
6489                  <span class="od-cp__label">
6490                    Åland Islands
6491                    <span class="od-cp__curr">(EUR €)</span>
6492                  </span>
6493                  
6494                </button>
6495              </li>
6496            
6497              <li>
6498                <button type="button"
6499                        class="od-cp__item "
6500                        role="option"
6501                        aria-selected="false"
6502                        @click="
6503  OD.changeMarketViaIframeFromForm($el, 'AL');
6504  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6505"
6506
6507                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6508                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6509                  <img class="od-cp__flag"
6510                       src="https://flagcdn.com/24x18/al.png"
6511                       alt="Albania flag" loading="lazy" />
6512                  <span class="od-cp__label">
6513                    Albania
6514                    <span class="od-cp__curr">(ALL L)</span>
6515                  </span>
6516                  
6517                </button>
6518              </li>
6519            
6520              <li>
6521                <button type="button"
6522                        class="od-cp__item "
6523                        role="option"
6524                        aria-selected="false"
6525                        @click="
6526  OD.changeMarketViaIframeFromForm($el, 'DZ');
6527  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6528"
6529
6530                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6531                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6532                  <img class="od-cp__flag"
6533                       src="https://flagcdn.com/24x18/dz.png"
6534                       alt="Algeria flag" loading="lazy" />
6535                  <span class="od-cp__label">
6536                    Algeria
6537                    <span class="od-cp__curr">(DZD د.ج)</span>
6538                  </span>
6539                  
6540                </button>
6541              </li>
6542            
6543              <li>
6544                <button type="button"
6545                        class="od-cp__item "
6546                        role="option"
6547                        aria-selected="false"
6548                        @click="
6549  OD.changeMarketViaIframeFromForm($el, 'AD');
6550  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6551"
6552
6553                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6554                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6555                  <img class="od-cp__flag"
6556                       src="https://flagcdn.com/24x18/ad.png"
6557                       alt="Andorra flag" loading="lazy" />
6558                  <span class="od-cp__label">
6559                    Andorra
6560                    <span class="od-cp__curr">(EUR €)</span>
6561                  </span>
6562                  
6563                </button>
6564              </li>
6565            
6566              <li>
6567                <button type="button"
6568                        class="od-cp__item "
6569                        role="option"
6570                        aria-selected="false"
6571                        @click="
6572  OD.changeMarketViaIframeFromForm($el, 'AO');
6573  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6574"
6575
6576                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6577                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6578                  <img class="od-cp__flag"
6579                       src="https://flagcdn.com/24x18/ao.png"
6580                       alt="Angola flag" loading="lazy" />
6581                  <span class="od-cp__label">
6582                    Angola
6583                    <span class="od-cp__curr">(USD $)</span>
6584                  </span>
6585                  
6586                </button>
6587              </li>
6588            
6589              <li>
6590                <button type="button"
6591                        class="od-cp__item "
6592                        role="option"
6593                        aria-selected="false"
6594                        @click="
6595  OD.changeMarketViaIframeFromForm($el, 'AI');
6596  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6597"
6598
6599                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6600                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6601                  <img class="od-cp__flag"
6602                       src="https://flagcdn.com/24x18/ai.png"
6603                       alt="Anguilla flag" loading="lazy" />
6604                  <span class="od-cp__label">
6605                    Anguilla
6606                    <span class="od-cp__curr">(XCD $)</span>
6607                  </span>
6608                  
6609                </button>
6610              </li>
6611            
6612              <li>
6613                <button type="button"
6614                        class="od-cp__item "
6615                        role="option"
6616                        aria-selected="false"
6617                        @click="
6618  OD.changeMarketViaIframeFromForm($el, 'AG');
6619  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6620"
6621
6622                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6623                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6624                  <img class="od-cp__flag"
6625                       src="https://flagcdn.com/24x18/ag.png"
6626                       alt="Antigua &amp; Barbuda flag" loading="lazy" />
6627                  <span class="od-cp__label">
6628                    Antigua &amp; Barbuda
6629                    <span class="od-cp__curr">(XCD $)</span>
6630                  </span>
6631                  
6632                </button>
6633              </li>
6634            
6635              <li>
6636                <button type="button"
6637                        class="od-cp__item "
6638                        role="option"
6639                        aria-selected="false"
6640                        @click="
6641  OD.changeMarketViaIframeFromForm($el, 'AR');
6642  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6643"
6644
6645                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6646                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6647                  <img class="od-cp__flag"
6648                       src="https://flagcdn.com/24x18/ar.png"
6649                       alt="Argentina flag" loading="lazy" />
6650                  <span class="od-cp__label">
6651                    Argentina
6652                    <span class="od-cp__curr">(USD $)</span>
6653                  </span>
6654                  
6655                </button>
6656              </li>
6657            
6658              <li>
6659                <button type="button"
6660                        class="od-cp__item "
6661                        role="option"
6662                        aria-selected="false"
6663                        @click="
6664  OD.changeMarketViaIframeFromForm($el, 'AM');
6665  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6666"
6667
6668                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6669                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6670                  <img class="od-cp__flag"
6671                       src="https://flagcdn.com/24x18/am.png"
6672                       alt="Armenia flag" loading="lazy" />
6673                  <span class="od-cp__label">
6674                    Armenia
6675                    <span class="od-cp__curr">(AMD դր.)</span>
6676                  </span>
6677                  
6678                </button>
6679              </li>
6680            
6681              <li>
6682                <button type="button"
6683                        class="od-cp__item "
6684                        role="option"
6685                        aria-selected="false"
6686                        @click="
6687  OD.changeMarketViaIframeFromForm($el, 'AW');
6688  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6689"
6690
6691                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6692                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6693                  <img class="od-cp__flag"
6694                       src="https://flagcdn.com/24x18/aw.png"
6695                       alt="Aruba flag" loading="lazy" />
6696                  <span class="od-cp__label">
6697                    Aruba
6698                    <span class="od-cp__curr">(AWG ƒ)</span>
6699                  </span>
6700                  
6701                </button>
6702              </li>
6703            
6704              <li>
6705                <button type="button"
6706                        class="od-cp__item "
6707                        role="option"
6708                        aria-selected="false"
6709                        @click="
6710  OD.changeMarketViaIframeFromForm($el, 'AC');
6711  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6712"
6713
6714                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6715                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6716                  <img class="od-cp__flag"
6717                       src="https://flagcdn.com/24x18/ac.png"
6718                       alt="Ascension Island flag" loading="lazy" />
6719                  <span class="od-cp__label">
6720                    Ascension Island
6721                    <span class="od-cp__curr">(SHP £)</span>
6722                  </span>
6723                  
6724                </button>
6725              </li>
6726            
6727              <li>
6728                <button type="button"
6729                        class="od-cp__item "
6730                        role="option"
6731                        aria-selected="false"
6732                        @click="
6733  OD.changeMarketViaIframeFromForm($el, 'AU');
6734  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6735"
6736
6737                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6738                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6739                  <img class="od-cp__flag"
6740                       src="https://flagcdn.com/24x18/au.png"
6741                       alt="Australia flag" loading="lazy" />
6742                  <span class="od-cp__label">
6743                    Australia
6744                    <span class="od-cp__curr">(AUD $)</span>
6745                  </span>
6746                  
6747                </button>
6748              </li>
6749            
6750              <li>
6751                <button type="button"
6752                        class="od-cp__item "
6753                        role="option"
6754                        aria-selected="false"
6755                        @click="
6756  OD.changeMarketViaIframeFromForm($el, 'AT');
6757  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6758"
6759
6760                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6761                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6762                  <img class="od-cp__flag"
6763                       src="https://flagcdn.com/24x18/at.png"
6764                       alt="Austria flag" loading="lazy" />
6765                  <span class="od-cp__label">
6766                    Austria
6767                    <span class="od-cp__curr">(EUR €)</span>
6768                  </span>
6769                  
6770                </button>
6771              </li>
6772            
6773              <li>
6774                <button type="button"
6775                        class="od-cp__item "
6776                        role="option"
6777                        aria-selected="false"
6778                        @click="
6779  OD.changeMarketViaIframeFromForm($el, 'AZ');
6780  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6781"
6782
6783                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6784                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6785                  <img class="od-cp__flag"
6786                       src="https://flagcdn.com/24x18/az.png"
6787                       alt="Azerbaijan flag" loading="lazy" />
6788                  <span class="od-cp__label">
6789                    Azerbaijan
6790                    <span class="od-cp__curr">(AZN ₼)</span>
6791                  </span>
6792                  
6793                </button>
6794              </li>
6795            
6796              <li>
6797                <button type="button"
6798                        class="od-cp__item "
6799                        role="option"
6800                        aria-selected="false"
6801                        @click="
6802  OD.changeMarketViaIframeFromForm($el, 'BS');
6803  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6804"
6805
6806                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6807                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6808                  <img class="od-cp__flag"
6809                       src="https://flagcdn.com/24x18/bs.png"
6810                       alt="Bahamas flag" loading="lazy" />
6811                  <span class="od-cp__label">
6812                    Bahamas
6813                    <span class="od-cp__curr">(BSD $)</span>
6814                  </span>
6815                  
6816                </button>
6817              </li>
6818            
6819              <li>
6820                <button type="button"
6821                        class="od-cp__item "
6822                        role="option"
6823                        aria-selected="false"
6824                        @click="
6825  OD.changeMarketViaIframeFromForm($el, 'BH');
6826  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6827"
6828
6829                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6830                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6831                  <img class="od-cp__flag"
6832                       src="https://flagcdn.com/24x18/bh.png"
6833                       alt="Bahrain flag" loading="lazy" />
6834                  <span class="od-cp__label">
6835                    Bahrain
6836                    <span class="od-cp__curr">(USD $)</span>
6837                  </span>
6838                  
6839                </button>
6840              </li>
6841            
6842              <li>
6843                <button type="button"
6844                        class="od-cp__item "
6845                        role="option"
6846                        aria-selected="false"
6847                        @click="
6848  OD.changeMarketViaIframeFromForm($el, 'BD');
6849  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6850"
6851
6852                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6853                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6854                  <img class="od-cp__flag"
6855                       src="https://flagcdn.com/24x18/bd.png"
6856                       alt="Bangladesh flag" loading="lazy" />
6857                  <span class="od-cp__label">
6858                    Bangladesh
6859                    <span class="od-cp__curr">(BDT à§³)</span>
6860                  </span>
6861                  
6862                </button>
6863              </li>
6864            
6865              <li>
6866                <button type="button"
6867                        class="od-cp__item "
6868                        role="option"
6869                        aria-selected="false"
6870                        @click="
6871  OD.changeMarketViaIframeFromForm($el, 'BB');
6872  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6873"
6874
6875                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6876                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6877                  <img class="od-cp__flag"
6878                       src="https://flagcdn.com/24x18/bb.png"
6879                       alt="Barbados flag" loading="lazy" />
6880                  <span class="od-cp__label">
6881                    Barbados
6882                    <span class="od-cp__curr">(BBD $)</span>
6883                  </span>
6884                  
6885                </button>
6886              </li>
6887            
6888              <li>
6889                <button type="button"
6890                        class="od-cp__item "
6891                        role="option"
6892                        aria-selected="false"
6893                        @click="
6894  OD.changeMarketViaIframeFromForm($el, 'BY');
6895  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6896"
6897
6898                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6899                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6900                  <img class="od-cp__flag"
6901                       src="https://flagcdn.com/24x18/by.png"
6902                       alt="Belarus flag" loading="lazy" />
6903                  <span class="od-cp__label">
6904                    Belarus
6905                    <span class="od-cp__curr">(USD $)</span>
6906                  </span>
6907                  
6908                </button>
6909              </li>
6910            
6911              <li>
6912                <button type="button"
6913                        class="od-cp__item "
6914                        role="option"
6915                        aria-selected="false"
6916                        @click="
6917  OD.changeMarketViaIframeFromForm($el, 'BE');
6918  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6919"
6920
6921                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6922                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6923                  <img class="od-cp__flag"
6924                       src="https://flagcdn.com/24x18/be.png"
6925                       alt="Belgium flag" loading="lazy" />
6926                  <span class="od-cp__label">
6927                    Belgium
6928                    <span class="od-cp__curr">(EUR €)</span>
6929                  </span>
6930                  
6931                </button>
6932              </li>
6933            
6934              <li>
6935                <button type="button"
6936                        class="od-cp__item "
6937                        role="option"
6938                        aria-selected="false"
6939                        @click="
6940  OD.changeMarketViaIframeFromForm($el, 'BZ');
6941  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6942"
6943
6944                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6945                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6946                  <img class="od-cp__flag"
6947                       src="https://flagcdn.com/24x18/bz.png"
6948                       alt="Belize flag" loading="lazy" />
6949                  <span class="od-cp__label">
6950                    Belize
6951                    <span class="od-cp__curr">(BZD $)</span>
6952                  </span>
6953                  
6954                </button>
6955              </li>
6956            
6957              <li>
6958                <button type="button"
6959                        class="od-cp__item "
6960                        role="option"
6961                        aria-selected="false"
6962                        @click="
6963  OD.changeMarketViaIframeFromForm($el, 'BJ');
6964  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6965"
6966
6967                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6968                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6969                  <img class="od-cp__flag"
6970                       src="https://flagcdn.com/24x18/bj.png"
6971                       alt="Benin flag" loading="lazy" />
6972                  <span class="od-cp__label">
6973                    Benin
6974                    <span class="od-cp__curr">(XOF Fr)</span>
6975                  </span>
6976                  
6977                </button>
6978              </li>
6979            
6980              <li>
6981                <button type="button"
6982                        class="od-cp__item "
6983                        role="option"
6984                        aria-selected="false"
6985                        @click="
6986  OD.changeMarketViaIframeFromForm($el, 'BM');
6987  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6988"
6989
6990                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6991                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6992                  <img class="od-cp__flag"
6993                       src="https://flagcdn.com/24x18/bm.png"
6994                       alt="Bermuda flag" loading="lazy" />
6995                  <span class="od-cp__label">
6996                    Bermuda
6997                    <span class="od-cp__curr">(USD $)</span>
6998                  </span>
6999                  
7000                </button>
7001              </li>
7002            
7003              <li>
7004                <button type="button"
7005                        class="od-cp__item "
7006                        role="option"
7007                        aria-selected="false"
7008                        @click="
7009  OD.changeMarketViaIframeFromForm($el, 'BT');
7010  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7011"
7012
7013                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7014                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7015                  <img class="od-cp__flag"
7016                       src="https://flagcdn.com/24x18/bt.png"
7017                       alt="Bhutan flag" loading="lazy" />
7018                  <span class="od-cp__label">
7019                    Bhutan
7020                    <span class="od-cp__curr">(USD $)</span>
7021                  </span>
7022                  
7023                </button>
7024              </li>
7025            
7026              <li>
7027                <button type="button"
7028                        class="od-cp__item "
7029                        role="option"
7030                        aria-selected="false"
7031                        @click="
7032  OD.changeMarketViaIframeFromForm($el, 'BO');
7033  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7034"
7035
7036                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7037                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7038                  <img class="od-cp__flag"
7039                       src="https://flagcdn.com/24x18/bo.png"
7040                       alt="Bolivia flag" loading="lazy" />
7041                  <span class="od-cp__label">
7042                    Bolivia
7043                    <span class="od-cp__curr">(BOB Bs.)</span>
7044                  </span>
7045                  
7046                </button>
7047              </li>
7048            
7049              <li>
7050                <button type="button"
7051                        class="od-cp__item "
7052                        role="option"
7053                        aria-selected="false"
7054                        @click="
7055  OD.changeMarketViaIframeFromForm($el, 'BA');
7056  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7057"
7058
7059                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7060                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7061                  <img class="od-cp__flag"
7062                       src="https://flagcdn.com/24x18/ba.png"
7063                       alt="Bosnia &amp; Herzegovina flag" loading="lazy" />
7064                  <span class="od-cp__label">
7065                    Bosnia &amp; Herzegovina
7066                    <span class="od-cp__curr">(BAM КМ)</span>
7067                  </span>
7068                  
7069                </button>
7070              </li>
7071            
7072              <li>
7073                <button type="button"
7074                        class="od-cp__item "
7075                        role="option"
7076                        aria-selected="false"
7077                        @click="
7078  OD.changeMarketViaIframeFromForm($el, 'BW');
7079  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7080"
7081
7082                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7083                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7084                  <img class="od-cp__flag"
7085                       src="https://flagcdn.com/24x18/bw.png"
7086                       alt="Botswana flag" loading="lazy" />
7087                  <span class="od-cp__label">
7088                    Botswana
7089                    <span class="od-cp__curr">(BWP P)</span>
7090                  </span>
7091                  
7092                </button>
7093              </li>
7094            
7095              <li>
7096                <button type="button"
7097                        class="od-cp__item "
7098                        role="option"
7099                        aria-selected="false"
7100                        @click="
7101  OD.changeMarketViaIframeFromForm($el, 'BR');
7102  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7103"
7104
7105                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7106                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7107                  <img class="od-cp__flag"
7108                       src="https://flagcdn.com/24x18/br.png"
7109                       alt="Brazil flag" loading="lazy" />
7110                  <span class="od-cp__label">
7111                    Brazil
7112                    <span class="od-cp__curr">(USD $)</span>
7113                  </span>
7114                  
7115                </button>
7116              </li>
7117            
7118              <li>
7119                <button type="button"
7120                        class="od-cp__item "
7121                        role="option"
7122                        aria-selected="false"
7123                        @click="
7124  OD.changeMarketViaIframeFromForm($el, 'IO');
7125  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7126"
7127
7128                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7129                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7130                  <img class="od-cp__flag"
7131                       src="https://flagcdn.com/24x18/io.png"
7132                       alt="British Indian Ocean Territory flag" loading="lazy" />
7133                  <span class="od-cp__label">
7134                    British Indian Ocean Territory
7135                    <span class="od-cp__curr">(USD $)</span>
7136                  </span>
7137                  
7138                </button>
7139              </li>
7140            
7141              <li>
7142                <button type="button"
7143                        class="od-cp__item "
7144                        role="option"
7145                        aria-selected="false"
7146                        @click="
7147  OD.changeMarketViaIframeFromForm($el, 'VG');
7148  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7149"
7150
7151                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7152                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7153                  <img class="od-cp__flag"
7154                       src="https://flagcdn.com/24x18/vg.png"
7155                       alt="British Virgin Islands flag" loading="lazy" />
7156                  <span class="od-cp__label">
7157                    British Virgin Islands
7158                    <span class="od-cp__curr">(USD $)</span>
7159                  </span>
7160                  
7161                </button>
7162              </li>
7163            
7164              <li>
7165                <button type="button"
7166                        class="od-cp__item "
7167                        role="option"
7168                        aria-selected="false"
7169                        @click="
7170  OD.changeMarketViaIframeFromForm($el, 'BN');
7171  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7172"
7173
7174                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7175                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7176                  <img class="od-cp__flag"
7177                       src="https://flagcdn.com/24x18/bn.png"
7178                       alt="Brunei flag" loading="lazy" />
7179                  <span class="od-cp__label">
7180                    Brunei
7181                    <span class="od-cp__curr">(BND $)</span>
7182                  </span>
7183                  
7184                </button>
7185              </li>
7186            
7187              <li>
7188                <button type="button"
7189                        class="od-cp__item "
7190                        role="option"
7191                        aria-selected="false"
7192                        @click="
7193  OD.changeMarketViaIframeFromForm($el, 'BG');
7194  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7195"
7196
7197                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7198                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7199                  <img class="od-cp__flag"
7200                       src="https://flagcdn.com/24x18/bg.png"
7201                       alt="Bulgaria flag" loading="lazy" />
7202                  <span class="od-cp__label">
7203                    Bulgaria
7204                    <span class="od-cp__curr">(EUR €)</span>
7205                  </span>
7206                  
7207                </button>
7208              </li>
7209            
7210              <li>
7211                <button type="button"
7212                        class="od-cp__item "
7213                        role="option"
7214                        aria-selected="false"
7215                        @click="
7216  OD.changeMarketViaIframeFromForm($el, 'BF');
7217  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7218"
7219
7220                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7221                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7222                  <img class="od-cp__flag"
7223                       src="https://flagcdn.com/24x18/bf.png"
7224                       alt="Burkina Faso flag" loading="lazy" />
7225                  <span class="od-cp__label">
7226                    Burkina Faso
7227                    <span class="od-cp__curr">(XOF Fr)</span>
7228                  </span>
7229                  
7230                </button>
7231              </li>
7232            
7233              <li>
7234                <button type="button"
7235                        class="od-cp__item "
7236                        role="option"
7237                        aria-selected="false"
7238                        @click="
7239  OD.changeMarketViaIframeFromForm($el, 'BI');
7240  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7241"
7242
7243                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7244                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7245                  <img class="od-cp__flag"
7246                       src="https://flagcdn.com/24x18/bi.png"
7247                       alt="Burundi flag" loading="lazy" />
7248                  <span class="od-cp__label">
7249                    Burundi
7250                    <span class="od-cp__curr">(BIF Fr)</span>
7251                  </span>
7252                  
7253                </button>
7254              </li>
7255            
7256              <li>
7257                <button type="button"
7258                        class="od-cp__item "
7259                        role="option"
7260                        aria-selected="false"
7261                        @click="
7262  OD.changeMarketViaIframeFromForm($el, 'KH');
7263  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7264"
7265
7266                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7267                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7268                  <img class="od-cp__flag"
7269                       src="https://flagcdn.com/24x18/kh.png"
7270                       alt="Cambodia flag" loading="lazy" />
7271                  <span class="od-cp__label">
7272                    Cambodia
7273                    <span class="od-cp__curr">(KHR ៛)</span>
7274                  </span>
7275                  
7276                </button>
7277              </li>
7278            
7279              <li>
7280                <button type="button"
7281                        class="od-cp__item "
7282                        role="option"
7283                        aria-selected="false"
7284                        @click="
7285  OD.changeMarketViaIframeFromForm($el, 'CM');
7286  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7287"
7288
7289                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7290                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7291                  <img class="od-cp__flag"
7292                       src="https://flagcdn.com/24x18/cm.png"
7293                       alt="Cameroon flag" loading="lazy" />
7294                  <span class="od-cp__label">
7295                    Cameroon
7296                    <span class="od-cp__curr">(XAF CFA)</span>
7297                  </span>
7298                  
7299                </button>
7300              </li>
7301            
7302              <li>
7303                <button type="button"
7304                        class="od-cp__item "
7305                        role="option"
7306                        aria-selected="false"
7307                        @click="
7308  OD.changeMarketViaIframeFromForm($el, 'CA');
7309  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7310"
7311
7312                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7313                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7314                  <img class="od-cp__flag"
7315                       src="https://flagcdn.com/24x18/ca.png"
7316                       alt="Canada flag" loading="lazy" />
7317                  <span class="od-cp__label">
7318                    Canada
7319                    <span class="od-cp__curr">(CAD $)</span>
7320                  </span>
7321                  
7322                </button>
7323              </li>
7324            
7325              <li>
7326                <button type="button"
7327                        class="od-cp__item "
7328                        role="option"
7329                        aria-selected="false"
7330                        @click="
7331  OD.changeMarketViaIframeFromForm($el, 'CV');
7332  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7333"
7334
7335                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7336                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7337                  <img class="od-cp__flag"
7338                       src="https://flagcdn.com/24x18/cv.png"
7339                       alt="Cape Verde flag" loading="lazy" />
7340                  <span class="od-cp__label">
7341                    Cape Verde
7342                    <span class="od-cp__curr">(CVE $)</span>
7343                  </span>
7344                  
7345                </button>
7346              </li>
7347            
7348              <li>
7349                <button type="button"
7350                        class="od-cp__item "
7351                        role="option"
7352                        aria-selected="false"
7353                        @click="
7354  OD.changeMarketViaIframeFromForm($el, 'BQ');
7355  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7356"
7357
7358                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7359                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7360                  <img class="od-cp__flag"
7361                       src="https://flagcdn.com/24x18/bq.png"
7362                       alt="Caribbean Netherlands flag" loading="lazy" />
7363                  <span class="od-cp__label">
7364                    Caribbean Netherlands
7365                    <span class="od-cp__curr">(USD $)</span>
7366                  </span>
7367                  
7368                </button>
7369              </li>
7370            
7371              <li>
7372                <button type="button"
7373                        class="od-cp__item "
7374                        role="option"
7375                        aria-selected="false"
7376                        @click="
7377  OD.changeMarketViaIframeFromForm($el, 'KY');
7378  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7379"
7380
7381                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7382                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7383                  <img class="od-cp__flag"
7384                       src="https://flagcdn.com/24x18/ky.png"
7385                       alt="Cayman Islands flag" loading="lazy" />
7386                  <span class="od-cp__label">
7387                    Cayman Islands
7388                    <span class="od-cp__curr">(KYD $)</span>
7389                  </span>
7390                  
7391                </button>
7392              </li>
7393            
7394              <li>
7395                <button type="button"
7396                        class="od-cp__item "
7397                        role="option"
7398                        aria-selected="false"
7399                        @click="
7400  OD.changeMarketViaIframeFromForm($el, 'CF');
7401  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7402"
7403
7404                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7405                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7406                  <img class="od-cp__flag"
7407                       src="https://flagcdn.com/24x18/cf.png"
7408                       alt="Central African Republic flag" loading="lazy" />
7409                  <span class="od-cp__label">
7410                    Central African Republic
7411                    <span class="od-cp__curr">(XAF CFA)</span>
7412                  </span>
7413                  
7414                </button>
7415              </li>
7416            
7417              <li>
7418                <button type="button"
7419                        class="od-cp__item "
7420                        role="option"
7421                        aria-selected="false"
7422                        @click="
7423  OD.changeMarketViaIframeFromForm($el, 'TD');
7424  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7425"
7426
7427                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7428                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7429                  <img class="od-cp__flag"
7430                       src="https://flagcdn.com/24x18/td.png"
7431                       alt="Chad flag" loading="lazy" />
7432                  <span class="od-cp__label">
7433                    Chad
7434                    <span class="od-cp__curr">(XAF CFA)</span>
7435                  </span>
7436                  
7437                </button>
7438              </li>
7439            
7440              <li>
7441                <button type="button"
7442                        class="od-cp__item "
7443                        role="option"
7444                        aria-selected="false"
7445                        @click="
7446  OD.changeMarketViaIframeFromForm($el, 'CL');
7447  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7448"
7449
7450                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7451                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7452                  <img class="od-cp__flag"
7453                       src="https://flagcdn.com/24x18/cl.png"
7454                       alt="Chile flag" loading="lazy" />
7455                  <span class="od-cp__label">
7456                    Chile
7457                    <span class="od-cp__curr">(USD $)</span>
7458                  </span>
7459                  
7460                </button>
7461              </li>
7462            
7463              <li>
7464                <button type="button"
7465                        class="od-cp__item "
7466                        role="option"
7467                        aria-selected="false"
7468                        @click="
7469  OD.changeMarketViaIframeFromForm($el, 'CN');
7470  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7471"
7472
7473                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7474                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7475                  <img class="od-cp__flag"
7476                       src="https://flagcdn.com/24x18/cn.png"
7477                       alt="China flag" loading="lazy" />
7478                  <span class="od-cp__label">
7479                    China
7480                    <span class="od-cp__curr">(CNY ¥)</span>
7481                  </span>
7482                  
7483                </button>
7484              </li>
7485            
7486              <li>
7487                <button type="button"
7488                        class="od-cp__item "
7489                        role="option"
7490                        aria-selected="false"
7491                        @click="
7492  OD.changeMarketViaIframeFromForm($el, 'CX');
7493  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7494"
7495
7496                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7497                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7498                  <img class="od-cp__flag"
7499                       src="https://flagcdn.com/24x18/cx.png"
7500                       alt="Christmas Island flag" loading="lazy" />
7501                  <span class="od-cp__label">
7502                    Christmas Island
7503                    <span class="od-cp__curr">(AUD $)</span>
7504                  </span>
7505                  
7506                </button>
7507              </li>
7508            
7509              <li>
7510                <button type="button"
7511                        class="od-cp__item "
7512                        role="option"
7513                        aria-selected="false"
7514                        @click="
7515  OD.changeMarketViaIframeFromForm($el, 'CC');
7516  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7517"
7518
7519                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7520                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7521                  <img class="od-cp__flag"
7522                       src="https://flagcdn.com/24x18/cc.png"
7523                       alt="Cocos (Keeling) Islands flag" loading="lazy" />
7524                  <span class="od-cp__label">
7525                    Cocos (Keeling) Islands
7526                    <span class="od-cp__curr">(AUD $)</span>
7527                  </span>
7528                  
7529                </button>
7530              </li>
7531            
7532              <li>
7533                <button type="button"
7534                        class="od-cp__item "
7535                        role="option"
7536                        aria-selected="false"
7537                        @click="
7538  OD.changeMarketViaIframeFromForm($el, 'CO');
7539  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7540"
7541
7542                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7543                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7544                  <img class="od-cp__flag"
7545                       src="https://flagcdn.com/24x18/co.png"
7546                       alt="Colombia flag" loading="lazy" />
7547                  <span class="od-cp__label">
7548                    Colombia
7549                    <span class="od-cp__curr">(USD $)</span>
7550                  </span>
7551                  
7552                </button>
7553              </li>
7554            
7555              <li>
7556                <button type="button"
7557                        class="od-cp__item "
7558                        role="option"
7559                        aria-selected="false"
7560                        @click="
7561  OD.changeMarketViaIframeFromForm($el, 'KM');
7562  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7563"
7564
7565                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7566                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7567                  <img class="od-cp__flag"
7568                       src="https://flagcdn.com/24x18/km.png"
7569                       alt="Comoros flag" loading="lazy" />
7570                  <span class="od-cp__label">
7571                    Comoros
7572                    <span class="od-cp__curr">(KMF Fr)</span>
7573                  </span>
7574                  
7575                </button>
7576              </li>
7577            
7578              <li>
7579                <button type="button"
7580                        class="od-cp__item "
7581                        role="option"
7582                        aria-selected="false"
7583                        @click="
7584  OD.changeMarketViaIframeFromForm($el, 'CG');
7585  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7586"
7587
7588                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7589                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7590                  <img class="od-cp__flag"
7591                       src="https://flagcdn.com/24x18/cg.png"
7592                       alt="Congo - Brazzaville flag" loading="lazy" />
7593                  <span class="od-cp__label">
7594                    Congo - Brazzaville
7595                    <span class="od-cp__curr">(XAF CFA)</span>
7596                  </span>
7597                  
7598                </button>
7599              </li>
7600            
7601              <li>
7602                <button type="button"
7603                        class="od-cp__item "
7604                        role="option"
7605                        aria-selected="false"
7606                        @click="
7607  OD.changeMarketViaIframeFromForm($el, 'CD');
7608  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7609"
7610
7611                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7612                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7613                  <img class="od-cp__flag"
7614                       src="https://flagcdn.com/24x18/cd.png"
7615                       alt="Congo - Kinshasa flag" loading="lazy" />
7616                  <span class="od-cp__label">
7617                    Congo - Kinshasa
7618                    <span class="od-cp__curr">(CDF Fr)</span>
7619                  </span>
7620                  
7621                </button>
7622              </li>
7623            
7624              <li>
7625                <button type="button"
7626                        class="od-cp__item "
7627                        role="option"
7628                        aria-selected="false"
7629                        @click="
7630  OD.changeMarketViaIframeFromForm($el, 'CK');
7631  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7632"
7633
7634                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7635                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7636                  <img class="od-cp__flag"
7637                       src="https://flagcdn.com/24x18/ck.png"
7638                       alt="Cook Islands flag" loading="lazy" />
7639                  <span class="od-cp__label">
7640                    Cook Islands
7641                    <span class="od-cp__curr">(NZD $)</span>
7642                  </span>
7643                  
7644                </button>
7645              </li>
7646            
7647              <li>
7648                <button type="button"
7649                        class="od-cp__item "
7650                        role="option"
7651                        aria-selected="false"
7652                        @click="
7653  OD.changeMarketViaIframeFromForm($el, 'CR');
7654  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7655"
7656
7657                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7658                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7659                  <img class="od-cp__flag"
7660                       src="https://flagcdn.com/24x18/cr.png"
7661                       alt="Costa Rica flag" loading="lazy" />
7662                  <span class="od-cp__label">
7663                    Costa Rica
7664                    <span class="od-cp__curr">(CRC ₡)</span>
7665                  </span>
7666                  
7667                </button>
7668              </li>
7669            
7670              <li>
7671                <button type="button"
7672                        class="od-cp__item "
7673                        role="option"
7674                        aria-selected="false"
7675                        @click="
7676  OD.changeMarketViaIframeFromForm($el, 'CI');
7677  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7678"
7679
7680                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7681                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7682                  <img class="od-cp__flag"
7683                       src="https://flagcdn.com/24x18/ci.png"
7684                       alt="Côte d’Ivoire flag" loading="lazy" />
7685                  <span class="od-cp__label">
7686                    Côte d’Ivoire
7687                    <span class="od-cp__curr">(XOF Fr)</span>
7688                  </span>
7689                  
7690                </button>
7691              </li>
7692            
7693              <li>
7694                <button type="button"
7695                        class="od-cp__item "
7696                        role="option"
7697                        aria-selected="false"
7698                        @click="
7699  OD.changeMarketViaIframeFromForm($el, 'HR');
7700  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7701"
7702
7703                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7704                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7705                  <img class="od-cp__flag"
7706                       src="https://flagcdn.com/24x18/hr.png"
7707                       alt="Croatia flag" loading="lazy" />
7708                  <span class="od-cp__label">
7709                    Croatia
7710                    <span class="od-cp__curr">(EUR €)</span>
7711                  </span>
7712                  
7713                </button>
7714              </li>
7715            
7716              <li>
7717                <button type="button"
7718                        class="od-cp__item "
7719                        role="option"
7720                        aria-selected="false"
7721                        @click="
7722  OD.changeMarketViaIframeFromForm($el, 'CW');
7723  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7724"
7725
7726                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7727                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7728                  <img class="od-cp__flag"
7729                       src="https://flagcdn.com/24x18/cw.png"
7730                       alt="Curaçao flag" loading="lazy" />
7731                  <span class="od-cp__label">
7732                    Curaçao
7733                    <span class="od-cp__curr">(ANG ƒ)</span>
7734                  </span>
7735                  
7736                </button>
7737              </li>
7738            
7739              <li>
7740                <button type="button"
7741                        class="od-cp__item "
7742                        role="option"
7743                        aria-selected="false"
7744                        @click="
7745  OD.changeMarketViaIframeFromForm($el, 'CY');
7746  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7747"
7748
7749                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7750                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7751                  <img class="od-cp__flag"
7752                       src="https://flagcdn.com/24x18/cy.png"
7753                       alt="Cyprus flag" loading="lazy" />
7754                  <span class="od-cp__label">
7755                    Cyprus
7756                    <span class="od-cp__curr">(EUR €)</span>
7757                  </span>
7758                  
7759                </button>
7760              </li>
7761            
7762              <li>
7763                <button type="button"
7764                        class="od-cp__item "
7765                        role="option"
7766                        aria-selected="false"
7767                        @click="
7768  OD.changeMarketViaIframeFromForm($el, 'CZ');
7769  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7770"
7771
7772                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7773                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7774                  <img class="od-cp__flag"
7775                       src="https://flagcdn.com/24x18/cz.png"
7776                       alt="Czechia flag" loading="lazy" />
7777                  <span class="od-cp__label">
7778                    Czechia
7779                    <span class="od-cp__curr">(CZK Kč)</span>
7780                  </span>
7781                  
7782                </button>
7783              </li>
7784            
7785              <li>
7786                <button type="button"
7787                        class="od-cp__item "
7788                        role="option"
7789                        aria-selected="false"
7790                        @click="
7791  OD.changeMarketViaIframeFromForm($el, 'DK');
7792  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7793"
7794
7795                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7796                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7797                  <img class="od-cp__flag"
7798                       src="https://flagcdn.com/24x18/dk.png"
7799                       alt="Denmark flag" loading="lazy" />
7800                  <span class="od-cp__label">
7801                    Denmark
7802                    <span class="od-cp__curr">(DKK kr.)</span>
7803                  </span>
7804                  
7805                </button>
7806              </li>
7807            
7808              <li>
7809                <button type="button"
7810                        class="od-cp__item "
7811                        role="option"
7812                        aria-selected="false"
7813                        @click="
7814  OD.changeMarketViaIframeFromForm($el, 'DJ');
7815  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7816"
7817
7818                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7819                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7820                  <img class="od-cp__flag"
7821                       src="https://flagcdn.com/24x18/dj.png"
7822                       alt="Djibouti flag" loading="lazy" />
7823                  <span class="od-cp__label">
7824                    Djibouti
7825                    <span class="od-cp__curr">(DJF Fdj)</span>
7826                  </span>
7827                  
7828                </button>
7829              </li>
7830            
7831              <li>
7832                <button type="button"
7833                        class="od-cp__item "
7834                        role="option"
7835                        aria-selected="false"
7836                        @click="
7837  OD.changeMarketViaIframeFromForm($el, 'DM');
7838  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7839"
7840
7841                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7842                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7843                  <img class="od-cp__flag"
7844                       src="https://flagcdn.com/24x18/dm.png"
7845                       alt="Dominica flag" loading="lazy" />
7846                  <span class="od-cp__label">
7847                    Dominica
7848                    <span class="od-cp__curr">(XCD $)</span>
7849                  </span>
7850                  
7851                </button>
7852              </li>
7853            
7854              <li>
7855                <button type="button"
7856                        class="od-cp__item "
7857                        role="option"
7858                        aria-selected="false"
7859                        @click="
7860  OD.changeMarketViaIframeFromForm($el, 'DO');
7861  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7862"
7863
7864                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7865                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7866                  <img class="od-cp__flag"
7867                       src="https://flagcdn.com/24x18/do.png"
7868                       alt="Dominican Republic flag" loading="lazy" />
7869                  <span class="od-cp__label">
7870                    Dominican Republic
7871                    <span class="od-cp__curr">(DOP $)</span>
7872                  </span>
7873                  
7874                </button>
7875              </li>
7876            
7877              <li>
7878                <button type="button"
7879                        class="od-cp__item "
7880                        role="option"
7881                        aria-selected="false"
7882                        @click="
7883  OD.changeMarketViaIframeFromForm($el, 'EC');
7884  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7885"
7886
7887                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7888                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7889                  <img class="od-cp__flag"
7890                       src="https://flagcdn.com/24x18/ec.png"
7891                       alt="Ecuador flag" loading="lazy" />
7892                  <span class="od-cp__label">
7893                    Ecuador
7894                    <span class="od-cp__curr">(USD $)</span>
7895                  </span>
7896                  
7897                </button>
7898              </li>
7899            
7900              <li>
7901                <button type="button"
7902                        class="od-cp__item "
7903                        role="option"
7904                        aria-selected="false"
7905                        @click="
7906  OD.changeMarketViaIframeFromForm($el, 'EG');
7907  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7908"
7909
7910                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7911                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7912                  <img class="od-cp__flag"
7913                       src="https://flagcdn.com/24x18/eg.png"
7914                       alt="Egypt flag" loading="lazy" />
7915                  <span class="od-cp__label">
7916                    Egypt
7917                    <span class="od-cp__curr">(EGP ج.م)</span>
7918                  </span>
7919                  
7920                </button>
7921              </li>
7922            
7923              <li>
7924                <button type="button"
7925                        class="od-cp__item "
7926                        role="option"
7927                        aria-selected="false"
7928                        @click="
7929  OD.changeMarketViaIframeFromForm($el, 'SV');
7930  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7931"
7932
7933                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7934                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7935                  <img class="od-cp__flag"
7936                       src="https://flagcdn.com/24x18/sv.png"
7937                       alt="El Salvador flag" loading="lazy" />
7938                  <span class="od-cp__label">
7939                    El Salvador
7940                    <span class="od-cp__curr">(USD $)</span>
7941                  </span>
7942                  
7943                </button>
7944              </li>
7945            
7946              <li>
7947                <button type="button"
7948                        class="od-cp__item "
7949                        role="option"
7950                        aria-selected="false"
7951                        @click="
7952  OD.changeMarketViaIframeFromForm($el, 'GQ');
7953  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7954"
7955
7956                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7957                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7958                  <img class="od-cp__flag"
7959                       src="https://flagcdn.com/24x18/gq.png"
7960                       alt="Equatorial Guinea flag" loading="lazy" />
7961                  <span class="od-cp__label">
7962                    Equatorial Guinea
7963                    <span class="od-cp__curr">(XAF CFA)</span>
7964                  </span>
7965                  
7966                </button>
7967              </li>
7968            
7969              <li>
7970                <button type="button"
7971                        class="od-cp__item "
7972                        role="option"
7973                        aria-selected="false"
7974                        @click="
7975  OD.changeMarketViaIframeFromForm($el, 'ER');
7976  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7977"
7978
7979                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7980                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7981                  <img class="od-cp__flag"
7982                       src="https://flagcdn.com/24x18/er.png"
7983                       alt="Eritrea flag" loading="lazy" />
7984                  <span class="od-cp__label">
7985                    Eritrea
7986                    <span class="od-cp__curr">(USD $)</span>
7987                  </span>
7988                  
7989                </button>
7990              </li>
7991            
7992              <li>
7993                <button type="button"
7994                        class="od-cp__item "
7995                        role="option"
7996                        aria-selected="false"
7997                        @click="
7998  OD.changeMarketViaIframeFromForm($el, 'EE');
7999  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8000"
8001
8002                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8003                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8004                  <img class="od-cp__flag"
8005                       src="https://flagcdn.com/24x18/ee.png"
8006                       alt="Estonia flag" loading="lazy" />
8007                  <span class="od-cp__label">
8008                    Estonia
8009                    <span class="od-cp__curr">(EUR €)</span>
8010                  </span>
8011                  
8012                </button>
8013              </li>
8014            
8015              <li>
8016                <button type="button"
8017                        class="od-cp__item "
8018                        role="option"
8019                        aria-selected="false"
8020                        @click="
8021  OD.changeMarketViaIframeFromForm($el, 'SZ');
8022  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8023"
8024
8025                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8026                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8027                  <img class="od-cp__flag"
8028                       src="https://flagcdn.com/24x18/sz.png"
8029                       alt="Eswatini flag" loading="lazy" />
8030                  <span class="od-cp__label">
8031                    Eswatini
8032                    <span class="od-cp__curr">(USD $)</span>
8033                  </span>
8034                  
8035                </button>
8036              </li>
8037            
8038              <li>
8039                <button type="button"
8040                        class="od-cp__item "
8041                        role="option"
8042                        aria-selected="false"
8043                        @click="
8044  OD.changeMarketViaIframeFromForm($el, 'ET');
8045  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8046"
8047
8048                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8049                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8050                  <img class="od-cp__flag"
8051                       src="https://flagcdn.com/24x18/et.png"
8052                       alt="Ethiopia flag" loading="lazy" />
8053                  <span class="od-cp__label">
8054                    Ethiopia
8055                    <span class="od-cp__curr">(ETB Br)</span>
8056                  </span>
8057                  
8058                </button>
8059              </li>
8060            
8061              <li>
8062                <button type="button"
8063                        class="od-cp__item "
8064                        role="option"
8065                        aria-selected="false"
8066                        @click="
8067  OD.changeMarketViaIframeFromForm($el, 'FK');
8068  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8069"
8070
8071                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8072                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8073                  <img class="od-cp__flag"
8074                       src="https://flagcdn.com/24x18/fk.png"
8075                       alt="Falkland Islands flag" loading="lazy" />
8076                  <span class="od-cp__label">
8077                    Falkland Islands
8078                    <span class="od-cp__curr">(FKP £)</span>
8079                  </span>
8080                  
8081                </button>
8082              </li>
8083            
8084              <li>
8085                <button type="button"
8086                        class="od-cp__item "
8087                        role="option"
8088                        aria-selected="false"
8089                        @click="
8090  OD.changeMarketViaIframeFromForm($el, 'FO');
8091  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8092"
8093
8094                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8095                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8096                  <img class="od-cp__flag"
8097                       src="https://flagcdn.com/24x18/fo.png"
8098                       alt="Faroe Islands flag" loading="lazy" />
8099                  <span class="od-cp__label">
8100                    Faroe Islands
8101                    <span class="od-cp__curr">(DKK kr.)</span>
8102                  </span>
8103                  
8104                </button>
8105              </li>
8106            
8107              <li>
8108                <button type="button"
8109                        class="od-cp__item "
8110                        role="option"
8111                        aria-selected="false"
8112                        @click="
8113  OD.changeMarketViaIframeFromForm($el, 'FJ');
8114  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8115"
8116
8117                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8118                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8119                  <img class="od-cp__flag"
8120                       src="https://flagcdn.com/24x18/fj.png"
8121                       alt="Fiji flag" loading="lazy" />
8122                  <span class="od-cp__label">
8123                    Fiji
8124                    <span class="od-cp__curr">(FJD $)</span>
8125                  </span>
8126                  
8127                </button>
8128              </li>
8129            
8130              <li>
8131                <button type="button"
8132                        class="od-cp__item "
8133                        role="option"
8134                        aria-selected="false"
8135                        @click="
8136  OD.changeMarketViaIframeFromForm($el, 'FI');
8137  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8138"
8139
8140                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8141                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8142                  <img class="od-cp__flag"
8143                       src="https://flagcdn.com/24x18/fi.png"
8144                       alt="Finland flag" loading="lazy" />
8145                  <span class="od-cp__label">
8146                    Finland
8147                    <span class="od-cp__curr">(EUR €)</span>
8148                  </span>
8149                  
8150                </button>
8151              </li>
8152            
8153              <li>
8154                <button type="button"
8155                        class="od-cp__item "
8156                        role="option"
8157                        aria-selected="false"
8158                        @click="
8159  OD.changeMarketViaIframeFromForm($el, 'FR');
8160  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8161"
8162
8163                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8164                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8165                  <img class="od-cp__flag"
8166                       src="https://flagcdn.com/24x18/fr.png"
8167                       alt="France flag" loading="lazy" />
8168                  <span class="od-cp__label">
8169                    France
8170                    <span class="od-cp__curr">(EUR €)</span>
8171                  </span>
8172                  
8173                </button>
8174              </li>
8175            
8176              <li>
8177                <button type="button"
8178                        class="od-cp__item "
8179                        role="option"
8180                        aria-selected="false"
8181                        @click="
8182  OD.changeMarketViaIframeFromForm($el, 'GF');
8183  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8184"
8185
8186                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8187                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8188                  <img class="od-cp__flag"
8189                       src="https://flagcdn.com/24x18/gf.png"
8190                       alt="French Guiana flag" loading="lazy" />
8191                  <span class="od-cp__label">
8192                    French Guiana
8193                    <span class="od-cp__curr">(EUR €)</span>
8194                  </span>
8195                  
8196                </button>
8197              </li>
8198            
8199              <li>
8200                <button type="button"
8201                        class="od-cp__item "
8202                        role="option"
8203                        aria-selected="false"
8204                        @click="
8205  OD.changeMarketViaIframeFromForm($el, 'PF');
8206  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8207"
8208
8209                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8210                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8211                  <img class="od-cp__flag"
8212                       src="https://flagcdn.com/24x18/pf.png"
8213                       alt="French Polynesia flag" loading="lazy" />
8214                  <span class="od-cp__label">
8215                    French Polynesia
8216                    <span class="od-cp__curr">(XPF Fr)</span>
8217                  </span>
8218                  
8219                </button>
8220              </li>
8221            
8222              <li>
8223                <button type="button"
8224                        class="od-cp__item "
8225                        role="option"
8226                        aria-selected="false"
8227                        @click="
8228  OD.changeMarketViaIframeFromForm($el, 'TF');
8229  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8230"
8231
8232                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8233                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8234                  <img class="od-cp__flag"
8235                       src="https://flagcdn.com/24x18/tf.png"
8236                       alt="French Southern Territories flag" loading="lazy" />
8237                  <span class="od-cp__label">
8238                    French Southern Territories
8239                    <span class="od-cp__curr">(EUR €)</span>
8240                  </span>
8241                  
8242                </button>
8243              </li>
8244            
8245              <li>
8246                <button type="button"
8247                        class="od-cp__item "
8248                        role="option"
8249                        aria-selected="false"
8250                        @click="
8251  OD.changeMarketViaIframeFromForm($el, 'GA');
8252  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8253"
8254
8255                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8256                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8257                  <img class="od-cp__flag"
8258                       src="https://flagcdn.com/24x18/ga.png"
8259                       alt="Gabon flag" loading="lazy" />
8260                  <span class="od-cp__label">
8261                    Gabon
8262                    <span class="od-cp__curr">(XOF Fr)</span>
8263                  </span>
8264                  
8265                </button>
8266              </li>
8267            
8268              <li>
8269                <button type="button"
8270                        class="od-cp__item "
8271                        role="option"
8272                        aria-selected="false"
8273                        @click="
8274  OD.changeMarketViaIframeFromForm($el, 'GM');
8275  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8276"
8277
8278                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8279                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8280                  <img class="od-cp__flag"
8281                       src="https://flagcdn.com/24x18/gm.png"
8282                       alt="Gambia flag" loading="lazy" />
8283                  <span class="od-cp__label">
8284                    Gambia
8285                    <span class="od-cp__curr">(GMD D)</span>
8286                  </span>
8287                  
8288                </button>
8289              </li>
8290            
8291              <li>
8292                <button type="button"
8293                        class="od-cp__item "
8294                        role="option"
8295                        aria-selected="false"
8296                        @click="
8297  OD.changeMarketViaIframeFromForm($el, 'GE');
8298  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8299"
8300
8301                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8302                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8303                  <img class="od-cp__flag"
8304                       src="https://flagcdn.com/24x18/ge.png"
8305                       alt="Georgia flag" loading="lazy" />
8306                  <span class="od-cp__label">
8307                    Georgia
8308                    <span class="od-cp__curr">(USD $)</span>
8309                  </span>
8310                  
8311                </button>
8312              </li>
8313            
8314              <li>
8315                <button type="button"
8316                        class="od-cp__item "
8317                        role="option"
8318                        aria-selected="false"
8319                        @click="
8320  OD.changeMarketViaIframeFromForm($el, 'DE');
8321  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8322"
8323
8324                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8325                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8326                  <img class="od-cp__flag"
8327                       src="https://flagcdn.com/24x18/de.png"
8328                       alt="Germany flag" loading="lazy" />
8329                  <span class="od-cp__label">
8330                    Germany
8331                    <span class="od-cp__curr">(EUR €)</span>
8332                  </span>
8333                  
8334                </button>
8335              </li>
8336            
8337              <li>
8338                <button type="button"
8339                        class="od-cp__item "
8340                        role="option"
8341                        aria-selected="false"
8342                        @click="
8343  OD.changeMarketViaIframeFromForm($el, 'GH');
8344  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8345"
8346
8347                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8348                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8349                  <img class="od-cp__flag"
8350                       src="https://flagcdn.com/24x18/gh.png"
8351                       alt="Ghana flag" loading="lazy" />
8352                  <span class="od-cp__label">
8353                    Ghana
8354                    <span class="od-cp__curr">(USD $)</span>
8355                  </span>
8356                  
8357                </button>
8358              </li>
8359            
8360              <li>
8361                <button type="button"
8362                        class="od-cp__item "
8363                        role="option"
8364                        aria-selected="false"
8365                        @click="
8366  OD.changeMarketViaIframeFromForm($el, 'GI');
8367  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8368"
8369
8370                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8371                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8372                  <img class="od-cp__flag"
8373                       src="https://flagcdn.com/24x18/gi.png"
8374                       alt="Gibraltar flag" loading="lazy" />
8375                  <span class="od-cp__label">
8376                    Gibraltar
8377                    <span class="od-cp__curr">(GBP £)</span>
8378                  </span>
8379                  
8380                </button>
8381              </li>
8382            
8383              <li>
8384                <button type="button"
8385                        class="od-cp__item "
8386                        role="option"
8387                        aria-selected="false"
8388                        @click="
8389  OD.changeMarketViaIframeFromForm($el, 'GR');
8390  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8391"
8392
8393                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8394                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8395                  <img class="od-cp__flag"
8396                       src="https://flagcdn.com/24x18/gr.png"
8397                       alt="Greece flag" loading="lazy" />
8398                  <span class="od-cp__label">
8399                    Greece
8400                    <span class="od-cp__curr">(EUR €)</span>
8401                  </span>
8402                  
8403                </button>
8404              </li>
8405            
8406              <li>
8407                <button type="button"
8408                        class="od-cp__item "
8409                        role="option"
8410                        aria-selected="false"
8411                        @click="
8412  OD.changeMarketViaIframeFromForm($el, 'GL');
8413  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8414"
8415
8416                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8417                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8418                  <img class="od-cp__flag"
8419                       src="https://flagcdn.com/24x18/gl.png"
8420                       alt="Greenland flag" loading="lazy" />
8421                  <span class="od-cp__label">
8422                    Greenland
8423                    <span class="od-cp__curr">(DKK kr.)</span>
8424                  </span>
8425                  
8426                </button>
8427              </li>
8428            
8429              <li>
8430                <button type="button"
8431                        class="od-cp__item "
8432                        role="option"
8433                        aria-selected="false"
8434                        @click="
8435  OD.changeMarketViaIframeFromForm($el, 'GD');
8436  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8437"
8438
8439                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8440                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8441                  <img class="od-cp__flag"
8442                       src="https://flagcdn.com/24x18/gd.png"
8443                       alt="Grenada flag" loading="lazy" />
8444                  <span class="od-cp__label">
8445                    Grenada
8446                    <span class="od-cp__curr">(XCD $)</span>
8447                  </span>
8448                  
8449                </button>
8450              </li>
8451            
8452              <li>
8453                <button type="button"
8454                        class="od-cp__item "
8455                        role="option"
8456                        aria-selected="false"
8457                        @click="
8458  OD.changeMarketViaIframeFromForm($el, 'GP');
8459  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8460"
8461
8462                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8463                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8464                  <img class="od-cp__flag"
8465                       src="https://flagcdn.com/24x18/gp.png"
8466                       alt="Guadeloupe flag" loading="lazy" />
8467                  <span class="od-cp__label">
8468                    Guadeloupe
8469                    <span class="od-cp__curr">(EUR €)</span>
8470                  </span>
8471                  
8472                </button>
8473              </li>
8474            
8475              <li>
8476                <button type="button"
8477                        class="od-cp__item "
8478                        role="option"
8479                        aria-selected="false"
8480                        @click="
8481  OD.changeMarketViaIframeFromForm($el, 'GT');
8482  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8483"
8484
8485                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8486                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8487                  <img class="od-cp__flag"
8488                       src="https://flagcdn.com/24x18/gt.png"
8489                       alt="Guatemala flag" loading="lazy" />
8490                  <span class="od-cp__label">
8491                    Guatemala
8492                    <span class="od-cp__curr">(GTQ Q)</span>
8493                  </span>
8494                  
8495                </button>
8496              </li>
8497            
8498              <li>
8499                <button type="button"
8500                        class="od-cp__item "
8501                        role="option"
8502                        aria-selected="false"
8503                        @click="
8504  OD.changeMarketViaIframeFromForm($el, 'GG');
8505  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8506"
8507
8508                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8509                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8510                  <img class="od-cp__flag"
8511                       src="https://flagcdn.com/24x18/gg.png"
8512                       alt="Guernsey flag" loading="lazy" />
8513                  <span class="od-cp__label">
8514                    Guernsey
8515                    <span class="od-cp__curr">(GBP £)</span>
8516                  </span>
8517                  
8518                </button>
8519              </li>
8520            
8521              <li>
8522                <button type="button"
8523                        class="od-cp__item "
8524                        role="option"
8525                        aria-selected="false"
8526                        @click="
8527  OD.changeMarketViaIframeFromForm($el, 'GN');
8528  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8529"
8530
8531                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8532                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8533                  <img class="od-cp__flag"
8534                       src="https://flagcdn.com/24x18/gn.png"
8535                       alt="Guinea flag" loading="lazy" />
8536                  <span class="od-cp__label">
8537                    Guinea
8538                    <span class="od-cp__curr">(GNF Fr)</span>
8539                  </span>
8540                  
8541                </button>
8542              </li>
8543            
8544              <li>
8545                <button type="button"
8546                        class="od-cp__item "
8547                        role="option"
8548                        aria-selected="false"
8549                        @click="
8550  OD.changeMarketViaIframeFromForm($el, 'GW');
8551  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8552"
8553
8554                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8555                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8556                  <img class="od-cp__flag"
8557                       src="https://flagcdn.com/24x18/gw.png"
8558                       alt="Guinea-Bissau flag" loading="lazy" />
8559                  <span class="od-cp__label">
8560                    Guinea-Bissau
8561                    <span class="od-cp__curr">(XOF Fr)</span>
8562                  </span>
8563                  
8564                </button>
8565              </li>
8566            
8567              <li>
8568                <button type="button"
8569                        class="od-cp__item "
8570                        role="option"
8571                        aria-selected="false"
8572                        @click="
8573  OD.changeMarketViaIframeFromForm($el, 'GY');
8574  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8575"
8576
8577                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8578                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8579                  <img class="od-cp__flag"
8580                       src="https://flagcdn.com/24x18/gy.png"
8581                       alt="Guyana flag" loading="lazy" />
8582                  <span class="od-cp__label">
8583                    Guyana
8584                    <span class="od-cp__curr">(GYD $)</span>
8585                  </span>
8586                  
8587                </button>
8588              </li>
8589            
8590              <li>
8591                <button type="button"
8592                        class="od-cp__item "
8593                        role="option"
8594                        aria-selected="false"
8595                        @click="
8596  OD.changeMarketViaIframeFromForm($el, 'HT');
8597  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8598"
8599
8600                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8601                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8602                  <img class="od-cp__flag"
8603                       src="https://flagcdn.com/24x18/ht.png"
8604                       alt="Haiti flag" loading="lazy" />
8605                  <span class="od-cp__label">
8606                    Haiti
8607                    <span class="od-cp__curr">(USD $)</span>
8608                  </span>
8609                  
8610                </button>
8611              </li>
8612            
8613              <li>
8614                <button type="button"
8615                        class="od-cp__item "
8616                        role="option"
8617                        aria-selected="false"
8618                        @click="
8619  OD.changeMarketViaIframeFromForm($el, 'HN');
8620  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8621"
8622
8623                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8624                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8625                  <img class="od-cp__flag"
8626                       src="https://flagcdn.com/24x18/hn.png"
8627                       alt="Honduras flag" loading="lazy" />
8628                  <span class="od-cp__label">
8629                    Honduras
8630                    <span class="od-cp__curr">(HNL L)</span>
8631                  </span>
8632                  
8633                </button>
8634              </li>
8635            
8636              <li>
8637                <button type="button"
8638                        class="od-cp__item "
8639                        role="option"
8640                        aria-selected="false"
8641                        @click="
8642  OD.changeMarketViaIframeFromForm($el, 'HK');
8643  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8644"
8645
8646                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8647                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8648                  <img class="od-cp__flag"
8649                       src="https://flagcdn.com/24x18/hk.png"
8650                       alt="Hong Kong SAR flag" loading="lazy" />
8651                  <span class="od-cp__label">
8652                    Hong Kong SAR
8653                    <span class="od-cp__curr">(HKD $)</span>
8654                  </span>
8655                  
8656                </button>
8657              </li>
8658            
8659              <li>
8660                <button type="button"
8661                        class="od-cp__item "
8662                        role="option"
8663                        aria-selected="false"
8664                        @click="
8665  OD.changeMarketViaIframeFromForm($el, 'HU');
8666  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8667"
8668
8669                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8670                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8671                  <img class="od-cp__flag"
8672                       src="https://flagcdn.com/24x18/hu.png"
8673                       alt="Hungary flag" loading="lazy" />
8674                  <span class="od-cp__label">
8675                    Hungary
8676                    <span class="od-cp__curr">(HUF Ft)</span>
8677                  </span>
8678                  
8679                </button>
8680              </li>
8681            
8682              <li>
8683                <button type="button"
8684                        class="od-cp__item "
8685                        role="option"
8686                        aria-selected="false"
8687                        @click="
8688  OD.changeMarketViaIframeFromForm($el, 'IS');
8689  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8690"
8691
8692                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8693                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8694                  <img class="od-cp__flag"
8695                       src="https://flagcdn.com/24x18/is.png"
8696                       alt="Iceland flag" loading="lazy" />
8697                  <span class="od-cp__label">
8698                    Iceland
8699                    <span class="od-cp__curr">(ISK kr)</span>
8700                  </span>
8701                  
8702                </button>
8703              </li>
8704            
8705              <li>
8706                <button type="button"
8707                        class="od-cp__item "
8708                        role="option"
8709                        aria-selected="false"
8710                        @click="
8711  OD.changeMarketViaIframeFromForm($el, 'IN');
8712  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8713"
8714
8715                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8716                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8717                  <img class="od-cp__flag"
8718                       src="https://flagcdn.com/24x18/in.png"
8719                       alt="India flag" loading="lazy" />
8720                  <span class="od-cp__label">
8721                    India
8722                    <span class="od-cp__curr">(INR ₹)</span>
8723                  </span>
8724                  
8725                </button>
8726              </li>
8727            
8728              <li>
8729                <button type="button"
8730                        class="od-cp__item "
8731                        role="option"
8732                        aria-selected="false"
8733                        @click="
8734  OD.changeMarketViaIframeFromForm($el, 'ID');
8735  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8736"
8737
8738                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8739                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8740                  <img class="od-cp__flag"
8741                       src="https://flagcdn.com/24x18/id.png"
8742                       alt="Indonesia flag" loading="lazy" />
8743                  <span class="od-cp__label">
8744                    Indonesia
8745                    <span class="od-cp__curr">(IDR Rp)</span>
8746                  </span>
8747                  
8748                </button>
8749              </li>
8750            
8751              <li>
8752                <button type="button"
8753                        class="od-cp__item "
8754                        role="option"
8755                        aria-selected="false"
8756                        @click="
8757  OD.changeMarketViaIframeFromForm($el, 'IQ');
8758  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8759"
8760
8761                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8762                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8763                  <img class="od-cp__flag"
8764                       src="https://flagcdn.com/24x18/iq.png"
8765                       alt="Iraq flag" loading="lazy" />
8766                  <span class="od-cp__label">
8767                    Iraq
8768                    <span class="od-cp__curr">(USD $)</span>
8769                  </span>
8770                  
8771                </button>
8772              </li>
8773            
8774              <li>
8775                <button type="button"
8776                        class="od-cp__item "
8777                        role="option"
8778                        aria-selected="false"
8779                        @click="
8780  OD.changeMarketViaIframeFromForm($el, 'IE');
8781  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8782"
8783
8784                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8785                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8786                  <img class="od-cp__flag"
8787                       src="https://flagcdn.com/24x18/ie.png"
8788                       alt="Ireland flag" loading="lazy" />
8789                  <span class="od-cp__label">
8790                    Ireland
8791                    <span class="od-cp__curr">(EUR €)</span>
8792                  </span>
8793                  
8794                </button>
8795              </li>
8796            
8797              <li>
8798                <button type="button"
8799                        class="od-cp__item "
8800                        role="option"
8801                        aria-selected="false"
8802                        @click="
8803  OD.changeMarketViaIframeFromForm($el, 'IM');
8804  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8805"
8806
8807                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8808                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8809                  <img class="od-cp__flag"
8810                       src="https://flagcdn.com/24x18/im.png"
8811                       alt="Isle of Man flag" loading="lazy" />
8812                  <span class="od-cp__label">
8813                    Isle of Man
8814                    <span class="od-cp__curr">(GBP £)</span>
8815                  </span>
8816                  
8817                </button>
8818              </li>
8819            
8820              <li>
8821                <button type="button"
8822                        class="od-cp__item "
8823                        role="option"
8824                        aria-selected="false"
8825                        @click="
8826  OD.changeMarketViaIframeFromForm($el, 'IL');
8827  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8828"
8829
8830                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8831                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8832                  <img class="od-cp__flag"
8833                       src="https://flagcdn.com/24x18/il.png"
8834                       alt="Israel flag" loading="lazy" />
8835                  <span class="od-cp__label">
8836                    Israel
8837                    <span class="od-cp__curr">(ILS ₪)</span>
8838                  </span>
8839                  
8840                </button>
8841              </li>
8842            
8843              <li>
8844                <button type="button"
8845                        class="od-cp__item "
8846                        role="option"
8847                        aria-selected="false"
8848                        @click="
8849  OD.changeMarketViaIframeFromForm($el, 'IT');
8850  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8851"
8852
8853                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8854                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8855                  <img class="od-cp__flag"
8856                       src="https://flagcdn.com/24x18/it.png"
8857                       alt="Italy flag" loading="lazy" />
8858                  <span class="od-cp__label">
8859                    Italy
8860                    <span class="od-cp__curr">(EUR €)</span>
8861                  </span>
8862                  
8863                </button>
8864              </li>
8865            
8866              <li>
8867                <button type="button"
8868                        class="od-cp__item "
8869                        role="option"
8870                        aria-selected="false"
8871                        @click="
8872  OD.changeMarketViaIframeFromForm($el, 'JM');
8873  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8874"
8875
8876                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8877                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8878                  <img class="od-cp__flag"
8879                       src="https://flagcdn.com/24x18/jm.png"
8880                       alt="Jamaica flag" loading="lazy" />
8881                  <span class="od-cp__label">
8882                    Jamaica
8883                    <span class="od-cp__curr">(JMD $)</span>
8884                  </span>
8885                  
8886                </button>
8887              </li>
8888            
8889              <li>
8890                <button type="button"
8891                        class="od-cp__item "
8892                        role="option"
8893                        aria-selected="false"
8894                        @click="
8895  OD.changeMarketViaIframeFromForm($el, 'JP');
8896  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8897"
8898
8899                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8900                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8901                  <img class="od-cp__flag"
8902                       src="https://flagcdn.com/24x18/jp.png"
8903                       alt="Japan flag" loading="lazy" />
8904                  <span class="od-cp__label">
8905                    Japan
8906                    <span class="od-cp__curr">(JPY ¥)</span>
8907                  </span>
8908                  
8909                </button>
8910              </li>
8911            
8912              <li>
8913                <button type="button"
8914                        class="od-cp__item "
8915                        role="option"
8916                        aria-selected="false"
8917                        @click="
8918  OD.changeMarketViaIframeFromForm($el, 'JE');
8919  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8920"
8921
8922                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8923                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8924                  <img class="od-cp__flag"
8925                       src="https://flagcdn.com/24x18/je.png"
8926                       alt="Jersey flag" loading="lazy" />
8927                  <span class="od-cp__label">
8928                    Jersey
8929                    <span class="od-cp__curr">(USD $)</span>
8930                  </span>
8931                  
8932                </button>
8933              </li>
8934            
8935              <li>
8936                <button type="button"
8937                        class="od-cp__item "
8938                        role="option"
8939                        aria-selected="false"
8940                        @click="
8941  OD.changeMarketViaIframeFromForm($el, 'JO');
8942  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8943"
8944
8945                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8946                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8947                  <img class="od-cp__flag"
8948                       src="https://flagcdn.com/24x18/jo.png"
8949                       alt="Jordan flag" loading="lazy" />
8950                  <span class="od-cp__label">
8951                    Jordan
8952                    <span class="od-cp__curr">(USD $)</span>
8953                  </span>
8954                  
8955                </button>
8956              </li>
8957            
8958              <li>
8959                <button type="button"
8960                        class="od-cp__item "
8961                        role="option"
8962                        aria-selected="false"
8963                        @click="
8964  OD.changeMarketViaIframeFromForm($el, 'KZ');
8965  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8966"
8967
8968                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8969                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8970                  <img class="od-cp__flag"
8971                       src="https://flagcdn.com/24x18/kz.png"
8972                       alt="Kazakhstan flag" loading="lazy" />
8973                  <span class="od-cp__label">
8974                    Kazakhstan
8975                    <span class="od-cp__curr">(KZT ₸)</span>
8976                  </span>
8977                  
8978                </button>
8979              </li>
8980            
8981              <li>
8982                <button type="button"
8983                        class="od-cp__item "
8984                        role="option"
8985                        aria-selected="false"
8986                        @click="
8987  OD.changeMarketViaIframeFromForm($el, 'KE');
8988  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8989"
8990
8991                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8992                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8993                  <img class="od-cp__flag"
8994                       src="https://flagcdn.com/24x18/ke.png"
8995                       alt="Kenya flag" loading="lazy" />
8996                  <span class="od-cp__label">
8997                    Kenya
8998                    <span class="od-cp__curr">(KES KSh)</span>
8999                  </span>
9000                  
9001                </button>
9002              </li>
9003            
9004              <li>
9005                <button type="button"
9006                        class="od-cp__item "
9007                        role="option"
9008                        aria-selected="false"
9009                        @click="
9010  OD.changeMarketViaIframeFromForm($el, 'KI');
9011  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9012"
9013
9014                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9015                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9016                  <img class="od-cp__flag"
9017                       src="https://flagcdn.com/24x18/ki.png"
9018                       alt="Kiribati flag" loading="lazy" />
9019                  <span class="od-cp__label">
9020                    Kiribati
9021                    <span class="od-cp__curr">(USD $)</span>
9022                  </span>
9023                  
9024                </button>
9025              </li>
9026            
9027              <li>
9028                <button type="button"
9029                        class="od-cp__item "
9030                        role="option"
9031                        aria-selected="false"
9032                        @click="
9033  OD.changeMarketViaIframeFromForm($el, 'XK');
9034  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9035"
9036
9037                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9038                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9039                  <img class="od-cp__flag"
9040                       src="https://flagcdn.com/24x18/xk.png"
9041                       alt="Kosovo flag" loading="lazy" />
9042                  <span class="od-cp__label">
9043                    Kosovo
9044                    <span class="od-cp__curr">(EUR €)</span>
9045                  </span>
9046                  
9047                </button>
9048              </li>
9049            
9050              <li>
9051                <button type="button"
9052                        class="od-cp__item "
9053                        role="option"
9054                        aria-selected="false"
9055                        @click="
9056  OD.changeMarketViaIframeFromForm($el, 'KW');
9057  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9058"
9059
9060                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9061                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9062                  <img class="od-cp__flag"
9063                       src="https://flagcdn.com/24x18/kw.png"
9064                       alt="Kuwait flag" loading="lazy" />
9065                  <span class="od-cp__label">
9066                    Kuwait
9067                    <span class="od-cp__curr">(USD $)</span>
9068                  </span>
9069                  
9070                </button>
9071              </li>
9072            
9073              <li>
9074                <button type="button"
9075                        class="od-cp__item "
9076                        role="option"
9077                        aria-selected="false"
9078                        @click="
9079  OD.changeMarketViaIframeFromForm($el, 'KG');
9080  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9081"
9082
9083                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9084                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9085                  <img class="od-cp__flag"
9086                       src="https://flagcdn.com/24x18/kg.png"
9087                       alt="Kyrgyzstan flag" loading="lazy" />
9088                  <span class="od-cp__label">
9089                    Kyrgyzstan
9090                    <span class="od-cp__curr">(KGS som)</span>
9091                  </span>
9092                  
9093                </button>
9094              </li>
9095            
9096              <li>
9097                <button type="button"
9098                        class="od-cp__item "
9099                        role="option"
9100                        aria-selected="false"
9101                        @click="
9102  OD.changeMarketViaIframeFromForm($el, 'LA');
9103  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9104"
9105
9106                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9107                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9108                  <img class="od-cp__flag"
9109                       src="https://flagcdn.com/24x18/la.png"
9110                       alt="Laos flag" loading="lazy" />
9111                  <span class="od-cp__label">
9112                    Laos
9113                    <span class="od-cp__curr">(LAK ₭)</span>
9114                  </span>
9115                  
9116                </button>
9117              </li>
9118            
9119              <li>
9120                <button type="button"
9121                        class="od-cp__item "
9122                        role="option"
9123                        aria-selected="false"
9124                        @click="
9125  OD.changeMarketViaIframeFromForm($el, 'LV');
9126  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9127"
9128
9129                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9130                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9131                  <img class="od-cp__flag"
9132                       src="https://flagcdn.com/24x18/lv.png"
9133                       alt="Latvia flag" loading="lazy" />
9134                  <span class="od-cp__label">
9135                    Latvia
9136                    <span class="od-cp__curr">(EUR €)</span>
9137                  </span>
9138                  
9139                </button>
9140              </li>
9141            
9142              <li>
9143                <button type="button"
9144                        class="od-cp__item "
9145                        role="option"
9146                        aria-selected="false"
9147                        @click="
9148  OD.changeMarketViaIframeFromForm($el, 'LB');
9149  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9150"
9151
9152                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9153                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9154                  <img class="od-cp__flag"
9155                       src="https://flagcdn.com/24x18/lb.png"
9156                       alt="Lebanon flag" loading="lazy" />
9157                  <span class="od-cp__label">
9158                    Lebanon
9159                    <span class="od-cp__curr">(LBP ل.ل)</span>
9160                  </span>
9161                  
9162                </button>
9163              </li>
9164            
9165              <li>
9166                <button type="button"
9167                        class="od-cp__item "
9168                        role="option"
9169                        aria-selected="false"
9170                        @click="
9171  OD.changeMarketViaIframeFromForm($el, 'LS');
9172  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9173"
9174
9175                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9176                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9177                  <img class="od-cp__flag"
9178                       src="https://flagcdn.com/24x18/ls.png"
9179                       alt="Lesotho flag" loading="lazy" />
9180                  <span class="od-cp__label">
9181                    Lesotho
9182                    <span class="od-cp__curr">(USD $)</span>
9183                  </span>
9184                  
9185                </button>
9186              </li>
9187            
9188              <li>
9189                <button type="button"
9190                        class="od-cp__item "
9191                        role="option"
9192                        aria-selected="false"
9193                        @click="
9194  OD.changeMarketViaIframeFromForm($el, 'LR');
9195  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9196"
9197
9198                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9199                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9200                  <img class="od-cp__flag"
9201                       src="https://flagcdn.com/24x18/lr.png"
9202                       alt="Liberia flag" loading="lazy" />
9203                  <span class="od-cp__label">
9204                    Liberia
9205                    <span class="od-cp__curr">(USD $)</span>
9206                  </span>
9207                  
9208                </button>
9209              </li>
9210            
9211              <li>
9212                <button type="button"
9213                        class="od-cp__item "
9214                        role="option"
9215                        aria-selected="false"
9216                        @click="
9217  OD.changeMarketViaIframeFromForm($el, 'LY');
9218  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9219"
9220
9221                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9222                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9223                  <img class="od-cp__flag"
9224                       src="https://flagcdn.com/24x18/ly.png"
9225                       alt="Libya flag" loading="lazy" />
9226                  <span class="od-cp__label">
9227                    Libya
9228                    <span class="od-cp__curr">(USD $)</span>
9229                  </span>
9230                  
9231                </button>
9232              </li>
9233            
9234              <li>
9235                <button type="button"
9236                        class="od-cp__item "
9237                        role="option"
9238                        aria-selected="false"
9239                        @click="
9240  OD.changeMarketViaIframeFromForm($el, 'LI');
9241  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9242"
9243
9244                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9245                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9246                  <img class="od-cp__flag"
9247                       src="https://flagcdn.com/24x18/li.png"
9248                       alt="Liechtenstein flag" loading="lazy" />
9249                  <span class="od-cp__label">
9250                    Liechtenstein
9251                    <span class="od-cp__curr">(CHF CHF)</span>
9252                  </span>
9253                  
9254                </button>
9255              </li>
9256            
9257              <li>
9258                <button type="button"
9259                        class="od-cp__item "
9260                        role="option"
9261                        aria-selected="false"
9262                        @click="
9263  OD.changeMarketViaIframeFromForm($el, 'LT');
9264  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9265"
9266
9267                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9268                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9269                  <img class="od-cp__flag"
9270                       src="https://flagcdn.com/24x18/lt.png"
9271                       alt="Lithuania flag" loading="lazy" />
9272                  <span class="od-cp__label">
9273                    Lithuania
9274                    <span class="od-cp__curr">(EUR €)</span>
9275                  </span>
9276                  
9277                </button>
9278              </li>
9279            
9280              <li>
9281                <button type="button"
9282                        class="od-cp__item "
9283                        role="option"
9284                        aria-selected="false"
9285                        @click="
9286  OD.changeMarketViaIframeFromForm($el, 'LU');
9287  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9288"
9289
9290                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9291                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9292                  <img class="od-cp__flag"
9293                       src="https://flagcdn.com/24x18/lu.png"
9294                       alt="Luxembourg flag" loading="lazy" />
9295                  <span class="od-cp__label">
9296                    Luxembourg
9297                    <span class="od-cp__curr">(EUR €)</span>
9298                  </span>
9299                  
9300                </button>
9301              </li>
9302            
9303              <li>
9304                <button type="button"
9305                        class="od-cp__item "
9306                        role="option"
9307                        aria-selected="false"
9308                        @click="
9309  OD.changeMarketViaIframeFromForm($el, 'MO');
9310  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9311"
9312
9313                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9314                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9315                  <img class="od-cp__flag"
9316                       src="https://flagcdn.com/24x18/mo.png"
9317                       alt="Macao SAR flag" loading="lazy" />
9318                  <span class="od-cp__label">
9319                    Macao SAR
9320                    <span class="od-cp__curr">(MOP P)</span>
9321                  </span>
9322                  
9323                </button>
9324              </li>
9325            
9326              <li>
9327                <button type="button"
9328                        class="od-cp__item "
9329                        role="option"
9330                        aria-selected="false"
9331                        @click="
9332  OD.changeMarketViaIframeFromForm($el, 'MG');
9333  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9334"
9335
9336                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9337                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9338                  <img class="od-cp__flag"
9339                       src="https://flagcdn.com/24x18/mg.png"
9340                       alt="Madagascar flag" loading="lazy" />
9341                  <span class="od-cp__label">
9342                    Madagascar
9343                    <span class="od-cp__curr">(USD $)</span>
9344                  </span>
9345                  
9346                </button>
9347              </li>
9348            
9349              <li>
9350                <button type="button"
9351                        class="od-cp__item "
9352                        role="option"
9353                        aria-selected="false"
9354                        @click="
9355  OD.changeMarketViaIframeFromForm($el, 'MW');
9356  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9357"
9358
9359                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9360                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9361                  <img class="od-cp__flag"
9362                       src="https://flagcdn.com/24x18/mw.png"
9363                       alt="Malawi flag" loading="lazy" />
9364                  <span class="od-cp__label">
9365                    Malawi
9366                    <span class="od-cp__curr">(MWK MK)</span>
9367                  </span>
9368                  
9369                </button>
9370              </li>
9371            
9372              <li>
9373                <button type="button"
9374                        class="od-cp__item "
9375                        role="option"
9376                        aria-selected="false"
9377                        @click="
9378  OD.changeMarketViaIframeFromForm($el, 'MY');
9379  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9380"
9381
9382                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9383                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9384                  <img class="od-cp__flag"
9385                       src="https://flagcdn.com/24x18/my.png"
9386                       alt="Malaysia flag" loading="lazy" />
9387                  <span class="od-cp__label">
9388                    Malaysia
9389                    <span class="od-cp__curr">(MYR RM)</span>
9390                  </span>
9391                  
9392                </button>
9393              </li>
9394            
9395              <li>
9396                <button type="button"
9397                        class="od-cp__item "
9398                        role="option"
9399                        aria-selected="false"
9400                        @click="
9401  OD.changeMarketViaIframeFromForm($el, 'MV');
9402  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9403"
9404
9405                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9406                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9407                  <img class="od-cp__flag"
9408                       src="https://flagcdn.com/24x18/mv.png"
9409                       alt="Maldives flag" loading="lazy" />
9410                  <span class="od-cp__label">
9411                    Maldives
9412                    <span class="od-cp__curr">(MVR MVR)</span>
9413                  </span>
9414                  
9415                </button>
9416              </li>
9417            
9418              <li>
9419                <button type="button"
9420                        class="od-cp__item "
9421                        role="option"
9422                        aria-selected="false"
9423                        @click="
9424  OD.changeMarketViaIframeFromForm($el, 'ML');
9425  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9426"
9427
9428                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9429                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9430                  <img class="od-cp__flag"
9431                       src="https://flagcdn.com/24x18/ml.png"
9432                       alt="Mali flag" loading="lazy" />
9433                  <span class="od-cp__label">
9434                    Mali
9435                    <span class="od-cp__curr">(XOF Fr)</span>
9436                  </span>
9437                  
9438                </button>
9439              </li>
9440            
9441              <li>
9442                <button type="button"
9443                        class="od-cp__item "
9444                        role="option"
9445                        aria-selected="false"
9446                        @click="
9447  OD.changeMarketViaIframeFromForm($el, 'MT');
9448  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9449"
9450
9451                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9452                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9453                  <img class="od-cp__flag"
9454                       src="https://flagcdn.com/24x18/mt.png"
9455                       alt="Malta flag" loading="lazy" />
9456                  <span class="od-cp__label">
9457                    Malta
9458                    <span class="od-cp__curr">(EUR €)</span>
9459                  </span>
9460                  
9461                </button>
9462              </li>
9463            
9464              <li>
9465                <button type="button"
9466                        class="od-cp__item "
9467                        role="option"
9468                        aria-selected="false"
9469                        @click="
9470  OD.changeMarketViaIframeFromForm($el, 'MQ');
9471  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9472"
9473
9474                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9475                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9476                  <img class="od-cp__flag"
9477                       src="https://flagcdn.com/24x18/mq.png"
9478                       alt="Martinique flag" loading="lazy" />
9479                  <span class="od-cp__label">
9480                    Martinique
9481                    <span class="od-cp__curr">(EUR €)</span>
9482                  </span>
9483                  
9484                </button>
9485              </li>
9486            
9487              <li>
9488                <button type="button"
9489                        class="od-cp__item "
9490                        role="option"
9491                        aria-selected="false"
9492                        @click="
9493  OD.changeMarketViaIframeFromForm($el, 'MR');
9494  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9495"
9496
9497                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9498                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9499                  <img class="od-cp__flag"
9500                       src="https://flagcdn.com/24x18/mr.png"
9501                       alt="Mauritania flag" loading="lazy" />
9502                  <span class="od-cp__label">
9503                    Mauritania
9504                    <span class="od-cp__curr">(USD $)</span>
9505                  </span>
9506                  
9507                </button>
9508              </li>
9509            
9510              <li>
9511                <button type="button"
9512                        class="od-cp__item "
9513                        role="option"
9514                        aria-selected="false"
9515                        @click="
9516  OD.changeMarketViaIframeFromForm($el, 'MU');
9517  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9518"
9519
9520                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9521                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9522                  <img class="od-cp__flag"
9523                       src="https://flagcdn.com/24x18/mu.png"
9524                       alt="Mauritius flag" loading="lazy" />
9525                  <span class="od-cp__label">
9526                    Mauritius
9527                    <span class="od-cp__curr">(MUR ₨)</span>
9528                  </span>
9529                  
9530                </button>
9531              </li>
9532            
9533              <li>
9534                <button type="button"
9535                        class="od-cp__item "
9536                        role="option"
9537                        aria-selected="false"
9538                        @click="
9539  OD.changeMarketViaIframeFromForm($el, 'YT');
9540  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9541"
9542
9543                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9544                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9545                  <img class="od-cp__flag"
9546                       src="https://flagcdn.com/24x18/yt.png"
9547                       alt="Mayotte flag" loading="lazy" />
9548                  <span class="od-cp__label">
9549                    Mayotte
9550                    <span class="od-cp__curr">(EUR €)</span>
9551                  </span>
9552                  
9553                </button>
9554              </li>
9555            
9556              <li>
9557                <button type="button"
9558                        class="od-cp__item "
9559                        role="option"
9560                        aria-selected="false"
9561                        @click="
9562  OD.changeMarketViaIframeFromForm($el, 'MX');
9563  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9564"
9565
9566                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9567                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9568                  <img class="od-cp__flag"
9569                       src="https://flagcdn.com/24x18/mx.png"
9570                       alt="Mexico flag" loading="lazy" />
9571                  <span class="od-cp__label">
9572                    Mexico
9573                    <span class="od-cp__curr">(USD $)</span>
9574                  </span>
9575                  
9576                </button>
9577              </li>
9578            
9579              <li>
9580                <button type="button"
9581                        class="od-cp__item "
9582                        role="option"
9583                        aria-selected="false"
9584                        @click="
9585  OD.changeMarketViaIframeFromForm($el, 'MD');
9586  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9587"
9588
9589                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9590                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9591                  <img class="od-cp__flag"
9592                       src="https://flagcdn.com/24x18/md.png"
9593                       alt="Moldova flag" loading="lazy" />
9594                  <span class="od-cp__label">
9595                    Moldova
9596                    <span class="od-cp__curr">(MDL L)</span>
9597                  </span>
9598                  
9599                </button>
9600              </li>
9601            
9602              <li>
9603                <button type="button"
9604                        class="od-cp__item "
9605                        role="option"
9606                        aria-selected="false"
9607                        @click="
9608  OD.changeMarketViaIframeFromForm($el, 'MC');
9609  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9610"
9611
9612                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9613                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9614                  <img class="od-cp__flag"
9615                       src="https://flagcdn.com/24x18/mc.png"
9616                       alt="Monaco flag" loading="lazy" />
9617                  <span class="od-cp__label">
9618                    Monaco
9619                    <span class="od-cp__curr">(EUR €)</span>
9620                  </span>
9621                  
9622                </button>
9623              </li>
9624            
9625              <li>
9626                <button type="button"
9627                        class="od-cp__item "
9628                        role="option"
9629                        aria-selected="false"
9630                        @click="
9631  OD.changeMarketViaIframeFromForm($el, 'MN');
9632  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9633"
9634
9635                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9636                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9637                  <img class="od-cp__flag"
9638                       src="https://flagcdn.com/24x18/mn.png"
9639                       alt="Mongolia flag" loading="lazy" />
9640                  <span class="od-cp__label">
9641                    Mongolia
9642                    <span class="od-cp__curr">(MNT ₮)</span>
9643                  </span>
9644                  
9645                </button>
9646              </li>
9647            
9648              <li>
9649                <button type="button"
9650                        class="od-cp__item "
9651                        role="option"
9652                        aria-selected="false"
9653                        @click="
9654  OD.changeMarketViaIframeFromForm($el, 'ME');
9655  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9656"
9657
9658                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9659                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9660                  <img class="od-cp__flag"
9661                       src="https://flagcdn.com/24x18/me.png"
9662                       alt="Montenegro flag" loading="lazy" />
9663                  <span class="od-cp__label">
9664                    Montenegro
9665                    <span class="od-cp__curr">(EUR €)</span>
9666                  </span>
9667                  
9668                </button>
9669              </li>
9670            
9671              <li>
9672                <button type="button"
9673                        class="od-cp__item "
9674                        role="option"
9675                        aria-selected="false"
9676                        @click="
9677  OD.changeMarketViaIframeFromForm($el, 'MS');
9678  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9679"
9680
9681                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9682                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9683                  <img class="od-cp__flag"
9684                       src="https://flagcdn.com/24x18/ms.png"
9685                       alt="Montserrat flag" loading="lazy" />
9686                  <span class="od-cp__label">
9687                    Montserrat
9688                    <span class="od-cp__curr">(XCD $)</span>
9689                  </span>
9690                  
9691                </button>
9692              </li>
9693            
9694              <li>
9695                <button type="button"
9696                        class="od-cp__item "
9697                        role="option"
9698                        aria-selected="false"
9699                        @click="
9700  OD.changeMarketViaIframeFromForm($el, 'MA');
9701  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9702"
9703
9704                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9705                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9706                  <img class="od-cp__flag"
9707                       src="https://flagcdn.com/24x18/ma.png"
9708                       alt="Morocco flag" loading="lazy" />
9709                  <span class="od-cp__label">
9710                    Morocco
9711                    <span class="od-cp__curr">(MAD د.م.)</span>
9712                  </span>
9713                  
9714                </button>
9715              </li>
9716            
9717              <li>
9718                <button type="button"
9719                        class="od-cp__item "
9720                        role="option"
9721                        aria-selected="false"
9722                        @click="
9723  OD.changeMarketViaIframeFromForm($el, 'MZ');
9724  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9725"
9726
9727                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9728                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9729                  <img class="od-cp__flag"
9730                       src="https://flagcdn.com/24x18/mz.png"
9731                       alt="Mozambique flag" loading="lazy" />
9732                  <span class="od-cp__label">
9733                    Mozambique
9734                    <span class="od-cp__curr">(USD $)</span>
9735                  </span>
9736                  
9737                </button>
9738              </li>
9739            
9740              <li>
9741                <button type="button"
9742                        class="od-cp__item "
9743                        role="option"
9744                        aria-selected="false"
9745                        @click="
9746  OD.changeMarketViaIframeFromForm($el, 'MM');
9747  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9748"
9749
9750                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9751                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9752                  <img class="od-cp__flag"
9753                       src="https://flagcdn.com/24x18/mm.png"
9754                       alt="Myanmar (Burma) flag" loading="lazy" />
9755                  <span class="od-cp__label">
9756                    Myanmar (Burma)
9757                    <span class="od-cp__curr">(MMK K)</span>
9758                  </span>
9759                  
9760                </button>
9761              </li>
9762            
9763              <li>
9764                <button type="button"
9765                        class="od-cp__item "
9766                        role="option"
9767                        aria-selected="false"
9768                        @click="
9769  OD.changeMarketViaIframeFromForm($el, 'NA');
9770  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9771"
9772
9773                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9774                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9775                  <img class="od-cp__flag"
9776                       src="https://flagcdn.com/24x18/na.png"
9777                       alt="Namibia flag" loading="lazy" />
9778                  <span class="od-cp__label">
9779                    Namibia
9780                    <span class="od-cp__curr">(USD $)</span>
9781                  </span>
9782                  
9783                </button>
9784              </li>
9785            
9786              <li>
9787                <button type="button"
9788                        class="od-cp__item "
9789                        role="option"
9790                        aria-selected="false"
9791                        @click="
9792  OD.changeMarketViaIframeFromForm($el, 'NR');
9793  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9794"
9795
9796                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9797                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9798                  <img class="od-cp__flag"
9799                       src="https://flagcdn.com/24x18/nr.png"
9800                       alt="Nauru flag" loading="lazy" />
9801                  <span class="od-cp__label">
9802                    Nauru
9803                    <span class="od-cp__curr">(AUD $)</span>
9804                  </span>
9805                  
9806                </button>
9807              </li>
9808            
9809              <li>
9810                <button type="button"
9811                        class="od-cp__item "
9812                        role="option"
9813                        aria-selected="false"
9814                        @click="
9815  OD.changeMarketViaIframeFromForm($el, 'NP');
9816  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9817"
9818
9819                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9820                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9821                  <img class="od-cp__flag"
9822                       src="https://flagcdn.com/24x18/np.png"
9823                       alt="Nepal flag" loading="lazy" />
9824                  <span class="od-cp__label">
9825                    Nepal
9826                    <span class="od-cp__curr">(NPR Rs.)</span>
9827                  </span>
9828                  
9829                </button>
9830              </li>
9831            
9832              <li>
9833                <button type="button"
9834                        class="od-cp__item "
9835                        role="option"
9836                        aria-selected="false"
9837                        @click="
9838  OD.changeMarketViaIframeFromForm($el, 'NL');
9839  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9840"
9841
9842                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9843                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9844                  <img class="od-cp__flag"
9845                       src="https://flagcdn.com/24x18/nl.png"
9846                       alt="Netherlands flag" loading="lazy" />
9847                  <span class="od-cp__label">
9848                    Netherlands
9849                    <span class="od-cp__curr">(EUR €)</span>
9850                  </span>
9851                  
9852                </button>
9853              </li>
9854            
9855              <li>
9856                <button type="button"
9857                        class="od-cp__item "
9858                        role="option"
9859                        aria-selected="false"
9860                        @click="
9861  OD.changeMarketViaIframeFromForm($el, 'NC');
9862  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9863"
9864
9865                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9866                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9867                  <img class="od-cp__flag"
9868                       src="https://flagcdn.com/24x18/nc.png"
9869                       alt="New Caledonia flag" loading="lazy" />
9870                  <span class="od-cp__label">
9871                    New Caledonia
9872                    <span class="od-cp__curr">(XPF Fr)</span>
9873                  </span>
9874                  
9875                </button>
9876              </li>
9877            
9878              <li>
9879                <button type="button"
9880                        class="od-cp__item "
9881                        role="option"
9882                        aria-selected="false"
9883                        @click="
9884  OD.changeMarketViaIframeFromForm($el, 'NZ');
9885  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9886"
9887
9888                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9889                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9890                  <img class="od-cp__flag"
9891                       src="https://flagcdn.com/24x18/nz.png"
9892                       alt="New Zealand flag" loading="lazy" />
9893                  <span class="od-cp__label">
9894                    New Zealand
9895                    <span class="od-cp__curr">(NZD $)</span>
9896                  </span>
9897                  
9898                </button>
9899              </li>
9900            
9901              <li>
9902                <button type="button"
9903                        class="od-cp__item "
9904                        role="option"
9905                        aria-selected="false"
9906                        @click="
9907  OD.changeMarketViaIframeFromForm($el, 'NI');
9908  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9909"
9910
9911                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9912                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9913                  <img class="od-cp__flag"
9914                       src="https://flagcdn.com/24x18/ni.png"
9915                       alt="Nicaragua flag" loading="lazy" />
9916                  <span class="od-cp__label">
9917                    Nicaragua
9918                    <span class="od-cp__curr">(NIO C$)</span>
9919                  </span>
9920                  
9921                </button>
9922              </li>
9923            
9924              <li>
9925                <button type="button"
9926                        class="od-cp__item "
9927                        role="option"
9928                        aria-selected="false"
9929                        @click="
9930  OD.changeMarketViaIframeFromForm($el, 'NE');
9931  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9932"
9933
9934                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9935                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9936                  <img class="od-cp__flag"
9937                       src="https://flagcdn.com/24x18/ne.png"
9938                       alt="Niger flag" loading="lazy" />
9939                  <span class="od-cp__label">
9940                    Niger
9941                    <span class="od-cp__curr">(XOF Fr)</span>
9942                  </span>
9943                  
9944                </button>
9945              </li>
9946            
9947              <li>
9948                <button type="button"
9949                        class="od-cp__item "
9950                        role="option"
9951                        aria-selected="false"
9952                        @click="
9953  OD.changeMarketViaIframeFromForm($el, 'NG');
9954  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9955"
9956
9957                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9958                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9959                  <img class="od-cp__flag"
9960                       src="https://flagcdn.com/24x18/ng.png"
9961                       alt="Nigeria flag" loading="lazy" />
9962                  <span class="od-cp__label">
9963                    Nigeria
9964                    <span class="od-cp__curr">(NGN ₦)</span>
9965                  </span>
9966                  
9967                </button>
9968              </li>
9969            
9970              <li>
9971                <button type="button"
9972                        class="od-cp__item "
9973                        role="option"
9974                        aria-selected="false"
9975                        @click="
9976  OD.changeMarketViaIframeFromForm($el, 'NU');
9977  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9978"
9979
9980                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9981                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9982                  <img class="od-cp__flag"
9983                       src="https://flagcdn.com/24x18/nu.png"
9984                       alt="Niue flag" loading="lazy" />
9985                  <span class="od-cp__label">
9986                    Niue
9987                    <span class="od-cp__curr">(NZD $)</span>
9988                  </span>
9989                  
9990                </button>
9991              </li>
9992            
9993              <li>
9994                <button type="button"
9995                        class="od-cp__item "
9996                        role="option"
9997                        aria-selected="false"
9998                        @click="
9999  OD.changeMarketViaIframeFromForm($el, 'NF');
10000  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10001"
10002
10003                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10004                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10005                  <img class="od-cp__flag"
10006                       src="https://flagcdn.com/24x18/nf.png"
10007                       alt="Norfolk Island flag" loading="lazy" />
10008                  <span class="od-cp__label">
10009                    Norfolk Island
10010                    <span class="od-cp__curr">(AUD $)</span>
10011                  </span>
10012                  
10013                </button>
10014              </li>
10015            
10016              <li>
10017                <button type="button"
10018                        class="od-cp__item "
10019                        role="option"
10020                        aria-selected="false"
10021                        @click="
10022  OD.changeMarketViaIframeFromForm($el, 'MK');
10023  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10024"
10025
10026                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10027                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10028                  <img class="od-cp__flag"
10029                       src="https://flagcdn.com/24x18/mk.png"
10030                       alt="North Macedonia flag" loading="lazy" />
10031                  <span class="od-cp__label">
10032                    North Macedonia
10033                    <span class="od-cp__curr">(MKD ден)</span>
10034                  </span>
10035                  
10036                </button>
10037              </li>
10038            
10039              <li>
10040                <button type="button"
10041                        class="od-cp__item "
10042                        role="option"
10043                        aria-selected="false"
10044                        @click="
10045  OD.changeMarketViaIframeFromForm($el, 'NO');
10046  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10047"
10048
10049                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10050                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10051                  <img class="od-cp__flag"
10052                       src="https://flagcdn.com/24x18/no.png"
10053                       alt="Norway flag" loading="lazy" />
10054                  <span class="od-cp__label">
10055                    Norway
10056                    <span class="od-cp__curr">(USD $)</span>
10057                  </span>
10058                  
10059                </button>
10060              </li>
10061            
10062              <li>
10063                <button type="button"
10064                        class="od-cp__item "
10065                        role="option"
10066                        aria-selected="false"
10067                        @click="
10068  OD.changeMarketViaIframeFromForm($el, 'OM');
10069  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10070"
10071
10072                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10073                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10074                  <img class="od-cp__flag"
10075                       src="https://flagcdn.com/24x18/om.png"
10076                       alt="Oman flag" loading="lazy" />
10077                  <span class="od-cp__label">
10078                    Oman
10079                    <span class="od-cp__curr">(USD $)</span>
10080                  </span>
10081                  
10082                </button>
10083              </li>
10084            
10085              <li>
10086                <button type="button"
10087                        class="od-cp__item "
10088                        role="option"
10089                        aria-selected="false"
10090                        @click="
10091  OD.changeMarketViaIframeFromForm($el, 'PK');
10092  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10093"
10094
10095                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10096                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10097                  <img class="od-cp__flag"
10098                       src="https://flagcdn.com/24x18/pk.png"
10099                       alt="Pakistan flag" loading="lazy" />
10100                  <span class="od-cp__label">
10101                    Pakistan
10102                    <span class="od-cp__curr">(PKR ₨)</span>
10103                  </span>
10104                  
10105                </button>
10106              </li>
10107            
10108              <li>
10109                <button type="button"
10110                        class="od-cp__item "
10111                        role="option"
10112                        aria-selected="false"
10113                        @click="
10114  OD.changeMarketViaIframeFromForm($el, 'PS');
10115  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10116"
10117
10118                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10119                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10120                  <img class="od-cp__flag"
10121                       src="https://flagcdn.com/24x18/ps.png"
10122                       alt="Palestinian Territories flag" loading="lazy" />
10123                  <span class="od-cp__label">
10124                    Palestinian Territories
10125                    <span class="od-cp__curr">(ILS ₪)</span>
10126                  </span>
10127                  
10128                </button>
10129              </li>
10130            
10131              <li>
10132                <button type="button"
10133                        class="od-cp__item "
10134                        role="option"
10135                        aria-selected="false"
10136                        @click="
10137  OD.changeMarketViaIframeFromForm($el, 'PA');
10138  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10139"
10140
10141                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10142                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10143                  <img class="od-cp__flag"
10144                       src="https://flagcdn.com/24x18/pa.png"
10145                       alt="Panama flag" loading="lazy" />
10146                  <span class="od-cp__label">
10147                    Panama
10148                    <span class="od-cp__curr">(USD $)</span>
10149                  </span>
10150                  
10151                </button>
10152              </li>
10153            
10154              <li>
10155                <button type="button"
10156                        class="od-cp__item "
10157                        role="option"
10158                        aria-selected="false"
10159                        @click="
10160  OD.changeMarketViaIframeFromForm($el, 'PG');
10161  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10162"
10163
10164                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10165                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10166                  <img class="od-cp__flag"
10167                       src="https://flagcdn.com/24x18/pg.png"
10168                       alt="Papua New Guinea flag" loading="lazy" />
10169                  <span class="od-cp__label">
10170                    Papua New Guinea
10171                    <span class="od-cp__curr">(PGK K)</span>
10172                  </span>
10173                  
10174                </button>
10175              </li>
10176            
10177              <li>
10178                <button type="button"
10179                        class="od-cp__item "
10180                        role="option"
10181                        aria-selected="false"
10182                        @click="
10183  OD.changeMarketViaIframeFromForm($el, 'PY');
10184  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10185"
10186
10187                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10188                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10189                  <img class="od-cp__flag"
10190                       src="https://flagcdn.com/24x18/py.png"
10191                       alt="Paraguay flag" loading="lazy" />
10192                  <span class="od-cp__label">
10193                    Paraguay
10194                    <span class="od-cp__curr">(PYG ₲)</span>
10195                  </span>
10196                  
10197                </button>
10198              </li>
10199            
10200              <li>
10201                <button type="button"
10202                        class="od-cp__item "
10203                        role="option"
10204                        aria-selected="false"
10205                        @click="
10206  OD.changeMarketViaIframeFromForm($el, 'PE');
10207  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10208"
10209
10210                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10211                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10212                  <img class="od-cp__flag"
10213                       src="https://flagcdn.com/24x18/pe.png"
10214                       alt="Peru flag" loading="lazy" />
10215                  <span class="od-cp__label">
10216                    Peru
10217                    <span class="od-cp__curr">(PEN S/)</span>
10218                  </span>
10219                  
10220                </button>
10221              </li>
10222            
10223              <li>
10224                <button type="button"
10225                        class="od-cp__item "
10226                        role="option"
10227                        aria-selected="false"
10228                        @click="
10229  OD.changeMarketViaIframeFromForm($el, 'PH');
10230  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10231"
10232
10233                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10234                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10235                  <img class="od-cp__flag"
10236                       src="https://flagcdn.com/24x18/ph.png"
10237                       alt="Philippines flag" loading="lazy" />
10238                  <span class="od-cp__label">
10239                    Philippines
10240                    <span class="od-cp__curr">(PHP ₱)</span>
10241                  </span>
10242                  
10243                </button>
10244              </li>
10245            
10246              <li>
10247                <button type="button"
10248                        class="od-cp__item "
10249                        role="option"
10250                        aria-selected="false"
10251                        @click="
10252  OD.changeMarketViaIframeFromForm($el, 'PN');
10253  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10254"
10255
10256                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10257                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10258                  <img class="od-cp__flag"
10259                       src="https://flagcdn.com/24x18/pn.png"
10260                       alt="Pitcairn Islands flag" loading="lazy" />
10261                  <span class="od-cp__label">
10262                    Pitcairn Islands
10263                    <span class="od-cp__curr">(NZD $)</span>
10264                  </span>
10265                  
10266                </button>
10267              </li>
10268            
10269              <li>
10270                <button type="button"
10271                        class="od-cp__item "
10272                        role="option"
10273                        aria-selected="false"
10274                        @click="
10275  OD.changeMarketViaIframeFromForm($el, 'PL');
10276  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10277"
10278
10279                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10280                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10281                  <img class="od-cp__flag"
10282                       src="https://flagcdn.com/24x18/pl.png"
10283                       alt="Poland flag" loading="lazy" />
10284                  <span class="od-cp__label">
10285                    Poland
10286                    <span class="od-cp__curr">(PLN zł)</span>
10287                  </span>
10288                  
10289                </button>
10290              </li>
10291            
10292              <li>
10293                <button type="button"
10294                        class="od-cp__item "
10295                        role="option"
10296                        aria-selected="false"
10297                        @click="
10298  OD.changeMarketViaIframeFromForm($el, 'PT');
10299  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10300"
10301
10302                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10303                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10304                  <img class="od-cp__flag"
10305                       src="https://flagcdn.com/24x18/pt.png"
10306                       alt="Portugal flag" loading="lazy" />
10307                  <span class="od-cp__label">
10308                    Portugal
10309                    <span class="od-cp__curr">(EUR €)</span>
10310                  </span>
10311                  
10312                </button>
10313              </li>
10314            
10315              <li>
10316                <button type="button"
10317                        class="od-cp__item "
10318                        role="option"
10319                        aria-selected="false"
10320                        @click="
10321  OD.changeMarketViaIframeFromForm($el, 'QA');
10322  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10323"
10324
10325                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10326                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10327                  <img class="od-cp__flag"
10328                       src="https://flagcdn.com/24x18/qa.png"
10329                       alt="Qatar flag" loading="lazy" />
10330                  <span class="od-cp__label">
10331                    Qatar
10332                    <span class="od-cp__curr">(QAR ر.ق)</span>
10333                  </span>
10334                  
10335                </button>
10336              </li>
10337            
10338              <li>
10339                <button type="button"
10340                        class="od-cp__item "
10341                        role="option"
10342                        aria-selected="false"
10343                        @click="
10344  OD.changeMarketViaIframeFromForm($el, 'RE');
10345  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10346"
10347
10348                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10349                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10350                  <img class="od-cp__flag"
10351                       src="https://flagcdn.com/24x18/re.png"
10352                       alt="Réunion flag" loading="lazy" />
10353                  <span class="od-cp__label">
10354                    Réunion
10355                    <span class="od-cp__curr">(EUR €)</span>
10356                  </span>
10357                  
10358                </button>
10359              </li>
10360            
10361              <li>
10362                <button type="button"
10363                        class="od-cp__item "
10364                        role="option"
10365                        aria-selected="false"
10366                        @click="
10367  OD.changeMarketViaIframeFromForm($el, 'RO');
10368  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10369"
10370
10371                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10372                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10373                  <img class="od-cp__flag"
10374                       src="https://flagcdn.com/24x18/ro.png"
10375                       alt="Romania flag" loading="lazy" />
10376                  <span class="od-cp__label">
10377                    Romania
10378                    <span class="od-cp__curr">(RON Lei)</span>
10379                  </span>
10380                  
10381                </button>
10382              </li>
10383            
10384              <li>
10385                <button type="button"
10386                        class="od-cp__item "
10387                        role="option"
10388                        aria-selected="false"
10389                        @click="
10390  OD.changeMarketViaIframeFromForm($el, 'RU');
10391  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10392"
10393
10394                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10395                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10396                  <img class="od-cp__flag"
10397                       src="https://flagcdn.com/24x18/ru.png"
10398                       alt="Russia flag" loading="lazy" />
10399                  <span class="od-cp__label">
10400                    Russia
10401                    <span class="od-cp__curr">(USD $)</span>
10402                  </span>
10403                  
10404                </button>
10405              </li>
10406            
10407              <li>
10408                <button type="button"
10409                        class="od-cp__item "
10410                        role="option"
10411                        aria-selected="false"
10412                        @click="
10413  OD.changeMarketViaIframeFromForm($el, 'RW');
10414  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10415"
10416
10417                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10418                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10419                  <img class="od-cp__flag"
10420                       src="https://flagcdn.com/24x18/rw.png"
10421                       alt="Rwanda flag" loading="lazy" />
10422                  <span class="od-cp__label">
10423                    Rwanda
10424                    <span class="od-cp__curr">(RWF FRw)</span>
10425                  </span>
10426                  
10427                </button>
10428              </li>
10429            
10430              <li>
10431                <button type="button"
10432                        class="od-cp__item "
10433                        role="option"
10434                        aria-selected="false"
10435                        @click="
10436  OD.changeMarketViaIframeFromForm($el, 'WS');
10437  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10438"
10439
10440                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10441                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10442                  <img class="od-cp__flag"
10443                       src="https://flagcdn.com/24x18/ws.png"
10444                       alt="Samoa flag" loading="lazy" />
10445                  <span class="od-cp__label">
10446                    Samoa
10447                    <span class="od-cp__curr">(WST T)</span>
10448                  </span>
10449                  
10450                </button>
10451              </li>
10452            
10453              <li>
10454                <button type="button"
10455                        class="od-cp__item "
10456                        role="option"
10457                        aria-selected="false"
10458                        @click="
10459  OD.changeMarketViaIframeFromForm($el, 'SM');
10460  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10461"
10462
10463                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10464                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10465                  <img class="od-cp__flag"
10466                       src="https://flagcdn.com/24x18/sm.png"
10467                       alt="San Marino flag" loading="lazy" />
10468                  <span class="od-cp__label">
10469                    San Marino
10470                    <span class="od-cp__curr">(EUR €)</span>
10471                  </span>
10472                  
10473                </button>
10474              </li>
10475            
10476              <li>
10477                <button type="button"
10478                        class="od-cp__item "
10479                        role="option"
10480                        aria-selected="false"
10481                        @click="
10482  OD.changeMarketViaIframeFromForm($el, 'ST');
10483  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10484"
10485
10486                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10487                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10488                  <img class="od-cp__flag"
10489                       src="https://flagcdn.com/24x18/st.png"
10490                       alt="São Tomé &amp; Príncipe flag" loading="lazy" />
10491                  <span class="od-cp__label">
10492                    São Tomé &amp; Príncipe
10493                    <span class="od-cp__curr">(STD Db)</span>
10494                  </span>
10495                  
10496                </button>
10497              </li>
10498            
10499              <li>
10500                <button type="button"
10501                        class="od-cp__item "
10502                        role="option"
10503                        aria-selected="false"
10504                        @click="
10505  OD.changeMarketViaIframeFromForm($el, 'SA');
10506  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10507"
10508
10509                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10510                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10511                  <img class="od-cp__flag"
10512                       src="https://flagcdn.com/24x18/sa.png"
10513                       alt="Saudi Arabia flag" loading="lazy" />
10514                  <span class="od-cp__label">
10515                    Saudi Arabia
10516                    <span class="od-cp__curr">(SAR ر.س)</span>
10517                  </span>
10518                  
10519                </button>
10520              </li>
10521            
10522              <li>
10523                <button type="button"
10524                        class="od-cp__item "
10525                        role="option"
10526                        aria-selected="false"
10527                        @click="
10528  OD.changeMarketViaIframeFromForm($el, 'SN');
10529  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10530"
10531
10532                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10533                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10534                  <img class="od-cp__flag"
10535                       src="https://flagcdn.com/24x18/sn.png"
10536                       alt="Senegal flag" loading="lazy" />
10537                  <span class="od-cp__label">
10538                    Senegal
10539                    <span class="od-cp__curr">(XOF Fr)</span>
10540                  </span>
10541                  
10542                </button>
10543              </li>
10544            
10545              <li>
10546                <button type="button"
10547                        class="od-cp__item "
10548                        role="option"
10549                        aria-selected="false"
10550                        @click="
10551  OD.changeMarketViaIframeFromForm($el, 'RS');
10552  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10553"
10554
10555                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10556                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10557                  <img class="od-cp__flag"
10558                       src="https://flagcdn.com/24x18/rs.png"
10559                       alt="Serbia flag" loading="lazy" />
10560                  <span class="od-cp__label">
10561                    Serbia
10562                    <span class="od-cp__curr">(RSD РСД)</span>
10563                  </span>
10564                  
10565                </button>
10566              </li>
10567            
10568              <li>
10569                <button type="button"
10570                        class="od-cp__item "
10571                        role="option"
10572                        aria-selected="false"
10573                        @click="
10574  OD.changeMarketViaIframeFromForm($el, 'SC');
10575  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10576"
10577
10578                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10579                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10580                  <img class="od-cp__flag"
10581                       src="https://flagcdn.com/24x18/sc.png"
10582                       alt="Seychelles flag" loading="lazy" />
10583                  <span class="od-cp__label">
10584                    Seychelles
10585                    <span class="od-cp__curr">(USD $)</span>
10586                  </span>
10587                  
10588                </button>
10589              </li>
10590            
10591              <li>
10592                <button type="button"
10593                        class="od-cp__item "
10594                        role="option"
10595                        aria-selected="false"
10596                        @click="
10597  OD.changeMarketViaIframeFromForm($el, 'SL');
10598  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10599"
10600
10601                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10602                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10603                  <img class="od-cp__flag"
10604                       src="https://flagcdn.com/24x18/sl.png"
10605                       alt="Sierra Leone flag" loading="lazy" />
10606                  <span class="od-cp__label">
10607                    Sierra Leone
10608                    <span class="od-cp__curr">(SLL Le)</span>
10609                  </span>
10610                  
10611                </button>
10612              </li>
10613            
10614              <li>
10615                <button type="button"
10616                        class="od-cp__item "
10617                        role="option"
10618                        aria-selected="false"
10619                        @click="
10620  OD.changeMarketViaIframeFromForm($el, 'SG');
10621  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10622"
10623
10624                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10625                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10626                  <img class="od-cp__flag"
10627                       src="https://flagcdn.com/24x18/sg.png"
10628                       alt="Singapore flag" loading="lazy" />
10629                  <span class="od-cp__label">
10630                    Singapore
10631                    <span class="od-cp__curr">(SGD $)</span>
10632                  </span>
10633                  
10634                </button>
10635              </li>
10636            
10637              <li>
10638                <button type="button"
10639                        class="od-cp__item "
10640                        role="option"
10641                        aria-selected="false"
10642                        @click="
10643  OD.changeMarketViaIframeFromForm($el, 'SX');
10644  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10645"
10646
10647                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10648                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10649                  <img class="od-cp__flag"
10650                       src="https://flagcdn.com/24x18/sx.png"
10651                       alt="Sint Maarten flag" loading="lazy" />
10652                  <span class="od-cp__label">
10653                    Sint Maarten
10654                    <span class="od-cp__curr">(ANG ƒ)</span>
10655                  </span>
10656                  
10657                </button>
10658              </li>
10659            
10660              <li>
10661                <button type="button"
10662                        class="od-cp__item "
10663                        role="option"
10664                        aria-selected="false"
10665                        @click="
10666  OD.changeMarketViaIframeFromForm($el, 'SK');
10667  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10668"
10669
10670                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10671                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10672                  <img class="od-cp__flag"
10673                       src="https://flagcdn.com/24x18/sk.png"
10674                       alt="Slovakia flag" loading="lazy" />
10675                  <span class="od-cp__label">
10676                    Slovakia
10677                    <span class="od-cp__curr">(EUR €)</span>
10678                  </span>
10679                  
10680                </button>
10681              </li>
10682            
10683              <li>
10684                <button type="button"
10685                        class="od-cp__item "
10686                        role="option"
10687                        aria-selected="false"
10688                        @click="
10689  OD.changeMarketViaIframeFromForm($el, 'SI');
10690  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10691"
10692
10693                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10694                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10695                  <img class="od-cp__flag"
10696                       src="https://flagcdn.com/24x18/si.png"
10697                       alt="Slovenia flag" loading="lazy" />
10698                  <span class="od-cp__label">
10699                    Slovenia
10700                    <span class="od-cp__curr">(EUR €)</span>
10701                  </span>
10702                  
10703                </button>
10704              </li>
10705            
10706              <li>
10707                <button type="button"
10708                        class="od-cp__item "
10709                        role="option"
10710                        aria-selected="false"
10711                        @click="
10712  OD.changeMarketViaIframeFromForm($el, 'SB');
10713  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10714"
10715
10716                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10717                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10718                  <img class="od-cp__flag"
10719                       src="https://flagcdn.com/24x18/sb.png"
10720                       alt="Solomon Islands flag" loading="lazy" />
10721                  <span class="od-cp__label">
10722                    Solomon Islands
10723                    <span class="od-cp__curr">(SBD $)</span>
10724                  </span>
10725                  
10726                </button>
10727              </li>
10728            
10729              <li>
10730                <button type="button"
10731                        class="od-cp__item "
10732                        role="option"
10733                        aria-selected="false"
10734                        @click="
10735  OD.changeMarketViaIframeFromForm($el, 'SO');
10736  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10737"
10738
10739                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10740                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10741                  <img class="od-cp__flag"
10742                       src="https://flagcdn.com/24x18/so.png"
10743                       alt="Somalia flag" loading="lazy" />
10744                  <span class="od-cp__label">
10745                    Somalia
10746                    <span class="od-cp__curr">(USD $)</span>
10747                  </span>
10748                  
10749                </button>
10750              </li>
10751            
10752              <li>
10753                <button type="button"
10754                        class="od-cp__item "
10755                        role="option"
10756                        aria-selected="false"
10757                        @click="
10758  OD.changeMarketViaIframeFromForm($el, 'ZA');
10759  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10760"
10761
10762                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10763                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10764                  <img class="od-cp__flag"
10765                       src="https://flagcdn.com/24x18/za.png"
10766                       alt="South Africa flag" loading="lazy" />
10767                  <span class="od-cp__label">
10768                    South Africa
10769                    <span class="od-cp__curr">(USD $)</span>
10770                  </span>
10771                  
10772                </button>
10773              </li>
10774            
10775              <li>
10776                <button type="button"
10777                        class="od-cp__item "
10778                        role="option"
10779                        aria-selected="false"
10780                        @click="
10781  OD.changeMarketViaIframeFromForm($el, 'GS');
10782  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10783"
10784
10785                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10786                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10787                  <img class="od-cp__flag"
10788                       src="https://flagcdn.com/24x18/gs.png"
10789                       alt="South Georgia &amp; South Sandwich Islands flag" loading="lazy" />
10790                  <span class="od-cp__label">
10791                    South Georgia &amp; South Sandwich Islands
10792                    <span class="od-cp__curr">(GBP £)</span>
10793                  </span>
10794                  
10795                </button>
10796              </li>
10797            
10798              <li>
10799                <button type="button"
10800                        class="od-cp__item "
10801                        role="option"
10802                        aria-selected="false"
10803                        @click="
10804  OD.changeMarketViaIframeFromForm($el, 'KR');
10805  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10806"
10807
10808                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10809                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10810                  <img class="od-cp__flag"
10811                       src="https://flagcdn.com/24x18/kr.png"
10812                       alt="South Korea flag" loading="lazy" />
10813                  <span class="od-cp__label">
10814                    South Korea
10815                    <span class="od-cp__curr">(KRW ₩)</span>
10816                  </span>
10817                  
10818                </button>
10819              </li>
10820            
10821              <li>
10822                <button type="button"
10823                        class="od-cp__item "
10824                        role="option"
10825                        aria-selected="false"
10826                        @click="
10827  OD.changeMarketViaIframeFromForm($el, 'SS');
10828  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10829"
10830
10831                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10832                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10833                  <img class="od-cp__flag"
10834                       src="https://flagcdn.com/24x18/ss.png"
10835                       alt="South Sudan flag" loading="lazy" />
10836                  <span class="od-cp__label">
10837                    South Sudan
10838                    <span class="od-cp__curr">(USD $)</span>
10839                  </span>
10840                  
10841                </button>
10842              </li>
10843            
10844              <li>
10845                <button type="button"
10846                        class="od-cp__item "
10847                        role="option"
10848                        aria-selected="false"
10849                        @click="
10850  OD.changeMarketViaIframeFromForm($el, 'ES');
10851  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10852"
10853
10854                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10855                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10856                  <img class="od-cp__flag"
10857                       src="https://flagcdn.com/24x18/es.png"
10858                       alt="Spain flag" loading="lazy" />
10859                  <span class="od-cp__label">
10860                    Spain
10861                    <span class="od-cp__curr">(EUR €)</span>
10862                  </span>
10863                  
10864                </button>
10865              </li>
10866            
10867              <li>
10868                <button type="button"
10869                        class="od-cp__item "
10870                        role="option"
10871                        aria-selected="false"
10872                        @click="
10873  OD.changeMarketViaIframeFromForm($el, 'LK');
10874  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10875"
10876
10877                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10878                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10879                  <img class="od-cp__flag"
10880                       src="https://flagcdn.com/24x18/lk.png"
10881                       alt="Sri Lanka flag" loading="lazy" />
10882                  <span class="od-cp__label">
10883                    Sri Lanka
10884                    <span class="od-cp__curr">(LKR ₨)</span>
10885                  </span>
10886                  
10887                </button>
10888              </li>
10889            
10890              <li>
10891                <button type="button"
10892                        class="od-cp__item "
10893                        role="option"
10894                        aria-selected="false"
10895                        @click="
10896  OD.changeMarketViaIframeFromForm($el, 'BL');
10897  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10898"
10899
10900                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10901                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10902                  <img class="od-cp__flag"
10903                       src="https://flagcdn.com/24x18/bl.png"
10904                       alt="St. Barthélemy flag" loading="lazy" />
10905                  <span class="od-cp__label">
10906                    St. Barthélemy
10907                    <span class="od-cp__curr">(EUR €)</span>
10908                  </span>
10909                  
10910                </button>
10911              </li>
10912            
10913              <li>
10914                <button type="button"
10915                        class="od-cp__item "
10916                        role="option"
10917                        aria-selected="false"
10918                        @click="
10919  OD.changeMarketViaIframeFromForm($el, 'SH');
10920  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10921"
10922
10923                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10924                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10925                  <img class="od-cp__flag"
10926                       src="https://flagcdn.com/24x18/sh.png"
10927                       alt="St. Helena flag" loading="lazy" />
10928                  <span class="od-cp__label">
10929                    St. Helena
10930                    <span class="od-cp__curr">(SHP £)</span>
10931                  </span>
10932                  
10933                </button>
10934              </li>
10935            
10936              <li>
10937                <button type="button"
10938                        class="od-cp__item "
10939                        role="option"
10940                        aria-selected="false"
10941                        @click="
10942  OD.changeMarketViaIframeFromForm($el, 'KN');
10943  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10944"
10945
10946                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10947                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10948                  <img class="od-cp__flag"
10949                       src="https://flagcdn.com/24x18/kn.png"
10950                       alt="St. Kitts &amp; Nevis flag" loading="lazy" />
10951                  <span class="od-cp__label">
10952                    St. Kitts &amp; Nevis
10953                    <span class="od-cp__curr">(XCD $)</span>
10954                  </span>
10955                  
10956                </button>
10957              </li>
10958            
10959              <li>
10960                <button type="button"
10961                        class="od-cp__item "
10962                        role="option"
10963                        aria-selected="false"
10964                        @click="
10965  OD.changeMarketViaIframeFromForm($el, 'LC');
10966  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10967"
10968
10969                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10970                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10971                  <img class="od-cp__flag"
10972                       src="https://flagcdn.com/24x18/lc.png"
10973                       alt="St. Lucia flag" loading="lazy" />
10974                  <span class="od-cp__label">
10975                    St. Lucia
10976                    <span class="od-cp__curr">(XCD $)</span>
10977                  </span>
10978                  
10979                </button>
10980              </li>
10981            
10982              <li>
10983                <button type="button"
10984                        class="od-cp__item "
10985                        role="option"
10986                        aria-selected="false"
10987                        @click="
10988  OD.changeMarketViaIframeFromForm($el, 'MF');
10989  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10990"
10991
10992                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10993                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10994                  <img class="od-cp__flag"
10995                       src="https://flagcdn.com/24x18/mf.png"
10996                       alt="St. Martin flag" loading="lazy" />
10997                  <span class="od-cp__label">
10998                    St. Martin
10999                    <span class="od-cp__curr">(EUR €)</span>
11000                  </span>
11001                  
11002                </button>
11003              </li>
11004            
11005              <li>
11006                <button type="button"
11007                        class="od-cp__item "
11008                        role="option"
11009                        aria-selected="false"
11010                        @click="
11011  OD.changeMarketViaIframeFromForm($el, 'PM');
11012  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11013"
11014
11015                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11016                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11017                  <img class="od-cp__flag"
11018                       src="https://flagcdn.com/24x18/pm.png"
11019                       alt="St. Pierre &amp; Miquelon flag" loading="lazy" />
11020                  <span class="od-cp__label">
11021                    St. Pierre &amp; Miquelon
11022                    <span class="od-cp__curr">(EUR €)</span>
11023                  </span>
11024                  
11025                </button>
11026              </li>
11027            
11028              <li>
11029                <button type="button"
11030                        class="od-cp__item "
11031                        role="option"
11032                        aria-selected="false"
11033                        @click="
11034  OD.changeMarketViaIframeFromForm($el, 'VC');
11035  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11036"
11037
11038                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11039                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11040                  <img class="od-cp__flag"
11041                       src="https://flagcdn.com/24x18/vc.png"
11042                       alt="St. Vincent &amp; Grenadines flag" loading="lazy" />
11043                  <span class="od-cp__label">
11044                    St. Vincent &amp; Grenadines
11045                    <span class="od-cp__curr">(XCD $)</span>
11046                  </span>
11047                  
11048                </button>
11049              </li>
11050            
11051              <li>
11052                <button type="button"
11053                        class="od-cp__item "
11054                        role="option"
11055                        aria-selected="false"
11056                        @click="
11057  OD.changeMarketViaIframeFromForm($el, 'SD');
11058  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11059"
11060
11061                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11062                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11063                  <img class="od-cp__flag"
11064                       src="https://flagcdn.com/24x18/sd.png"
11065                       alt="Sudan flag" loading="lazy" />
11066                  <span class="od-cp__label">
11067                    Sudan
11068                    <span class="od-cp__curr">(USD $)</span>
11069                  </span>
11070                  
11071                </button>
11072              </li>
11073            
11074              <li>
11075                <button type="button"
11076                        class="od-cp__item "
11077                        role="option"
11078                        aria-selected="false"
11079                        @click="
11080  OD.changeMarketViaIframeFromForm($el, 'SR');
11081  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11082"
11083
11084                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11085                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11086                  <img class="od-cp__flag"
11087                       src="https://flagcdn.com/24x18/sr.png"
11088                       alt="Suriname flag" loading="lazy" />
11089                  <span class="od-cp__label">
11090                    Suriname
11091                    <span class="od-cp__curr">(USD $)</span>
11092                  </span>
11093                  
11094                </button>
11095              </li>
11096            
11097              <li>
11098                <button type="button"
11099                        class="od-cp__item "
11100                        role="option"
11101                        aria-selected="false"
11102                        @click="
11103  OD.changeMarketViaIframeFromForm($el, 'SJ');
11104  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11105"
11106
11107                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11108                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11109                  <img class="od-cp__flag"
11110                       src="https://flagcdn.com/24x18/sj.png"
11111                       alt="Svalbard &amp; Jan Mayen flag" loading="lazy" />
11112                  <span class="od-cp__label">
11113                    Svalbard &amp; Jan Mayen
11114                    <span class="od-cp__curr">(USD $)</span>
11115                  </span>
11116                  
11117                </button>
11118              </li>
11119            
11120              <li>
11121                <button type="button"
11122                        class="od-cp__item "
11123                        role="option"
11124                        aria-selected="false"
11125                        @click="
11126  OD.changeMarketViaIframeFromForm($el, 'SE');
11127  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11128"
11129
11130                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11131                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11132                  <img class="od-cp__flag"
11133                       src="https://flagcdn.com/24x18/se.png"
11134                       alt="Sweden flag" loading="lazy" />
11135                  <span class="od-cp__label">
11136                    Sweden
11137                    <span class="od-cp__curr">(SEK kr)</span>
11138                  </span>
11139                  
11140                </button>
11141              </li>
11142            
11143              <li>
11144                <button type="button"
11145                        class="od-cp__item "
11146                        role="option"
11147                        aria-selected="false"
11148                        @click="
11149  OD.changeMarketViaIframeFromForm($el, 'CH');
11150  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11151"
11152
11153                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11154                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11155                  <img class="od-cp__flag"
11156                       src="https://flagcdn.com/24x18/ch.png"
11157                       alt="Switzerland flag" loading="lazy" />
11158                  <span class="od-cp__label">
11159                    Switzerland
11160                    <span class="od-cp__curr">(CHF CHF)</span>
11161                  </span>
11162                  
11163                </button>
11164              </li>
11165            
11166              <li>
11167                <button type="button"
11168                        class="od-cp__item "
11169                        role="option"
11170                        aria-selected="false"
11171                        @click="
11172  OD.changeMarketViaIframeFromForm($el, 'TW');
11173  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11174"
11175
11176                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11177                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11178                  <img class="od-cp__flag"
11179                       src="https://flagcdn.com/24x18/tw.png"
11180                       alt="Taiwan flag" loading="lazy" />
11181                  <span class="od-cp__label">
11182                    Taiwan
11183                    <span class="od-cp__curr">(TWD $)</span>
11184                  </span>
11185                  
11186                </button>
11187              </li>
11188            
11189              <li>
11190                <button type="button"
11191                        class="od-cp__item "
11192                        role="option"
11193                        aria-selected="false"
11194                        @click="
11195  OD.changeMarketViaIframeFromForm($el, 'TJ');
11196  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11197"
11198
11199                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11200                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11201                  <img class="od-cp__flag"
11202                       src="https://flagcdn.com/24x18/tj.png"
11203                       alt="Tajikistan flag" loading="lazy" />
11204                  <span class="od-cp__label">
11205                    Tajikistan
11206                    <span class="od-cp__curr">(TJS ЅМ)</span>
11207                  </span>
11208                  
11209                </button>
11210              </li>
11211            
11212              <li>
11213                <button type="button"
11214                        class="od-cp__item "
11215                        role="option"
11216                        aria-selected="false"
11217                        @click="
11218  OD.changeMarketViaIframeFromForm($el, 'TZ');
11219  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11220"
11221
11222                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11223                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11224                  <img class="od-cp__flag"
11225                       src="https://flagcdn.com/24x18/tz.png"
11226                       alt="Tanzania flag" loading="lazy" />
11227                  <span class="od-cp__label">
11228                    Tanzania
11229                    <span class="od-cp__curr">(TZS Sh)</span>
11230                  </span>
11231                  
11232                </button>
11233              </li>
11234            
11235              <li>
11236                <button type="button"
11237                        class="od-cp__item "
11238                        role="option"
11239                        aria-selected="false"
11240                        @click="
11241  OD.changeMarketViaIframeFromForm($el, 'TH');
11242  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11243"
11244
11245                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11246                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11247                  <img class="od-cp__flag"
11248                       src="https://flagcdn.com/24x18/th.png"
11249                       alt="Thailand flag" loading="lazy" />
11250                  <span class="od-cp__label">
11251                    Thailand
11252                    <span class="od-cp__curr">(THB ฿)</span>
11253                  </span>
11254                  
11255                </button>
11256              </li>
11257            
11258              <li>
11259                <button type="button"
11260                        class="od-cp__item "
11261                        role="option"
11262                        aria-selected="false"
11263                        @click="
11264  OD.changeMarketViaIframeFromForm($el, 'TL');
11265  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11266"
11267
11268                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11269                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11270                  <img class="od-cp__flag"
11271                       src="https://flagcdn.com/24x18/tl.png"
11272                       alt="Timor-Leste flag" loading="lazy" />
11273                  <span class="od-cp__label">
11274                    Timor-Leste
11275                    <span class="od-cp__curr">(USD $)</span>
11276                  </span>
11277                  
11278                </button>
11279              </li>
11280            
11281              <li>
11282                <button type="button"
11283                        class="od-cp__item "
11284                        role="option"
11285                        aria-selected="false"
11286                        @click="
11287  OD.changeMarketViaIframeFromForm($el, 'TG');
11288  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11289"
11290
11291                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11292                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11293                  <img class="od-cp__flag"
11294                       src="https://flagcdn.com/24x18/tg.png"
11295                       alt="Togo flag" loading="lazy" />
11296                  <span class="od-cp__label">
11297                    Togo
11298                    <span class="od-cp__curr">(XOF Fr)</span>
11299                  </span>
11300                  
11301                </button>
11302              </li>
11303            
11304              <li>
11305                <button type="button"
11306                        class="od-cp__item "
11307                        role="option"
11308                        aria-selected="false"
11309                        @click="
11310  OD.changeMarketViaIframeFromForm($el, 'TK');
11311  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11312"
11313
11314                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11315                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11316                  <img class="od-cp__flag"
11317                       src="https://flagcdn.com/24x18/tk.png"
11318                       alt="Tokelau flag" loading="lazy" />
11319                  <span class="od-cp__label">
11320                    Tokelau
11321                    <span class="od-cp__curr">(NZD $)</span>
11322                  </span>
11323                  
11324                </button>
11325              </li>
11326            
11327              <li>
11328                <button type="button"
11329                        class="od-cp__item "
11330                        role="option"
11331                        aria-selected="false"
11332                        @click="
11333  OD.changeMarketViaIframeFromForm($el, 'TO');
11334  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11335"
11336
11337                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11338                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11339                  <img class="od-cp__flag"
11340                       src="https://flagcdn.com/24x18/to.png"
11341                       alt="Tonga flag" loading="lazy" />
11342                  <span class="od-cp__label">
11343                    Tonga
11344                    <span class="od-cp__curr">(TOP T$)</span>
11345                  </span>
11346                  
11347                </button>
11348              </li>
11349            
11350              <li>
11351                <button type="button"
11352                        class="od-cp__item "
11353                        role="option"
11354                        aria-selected="false"
11355                        @click="
11356  OD.changeMarketViaIframeFromForm($el, 'TT');
11357  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11358"
11359
11360                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11361                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11362                  <img class="od-cp__flag"
11363                       src="https://flagcdn.com/24x18/tt.png"
11364                       alt="Trinidad &amp; Tobago flag" loading="lazy" />
11365                  <span class="od-cp__label">
11366                    Trinidad &amp; Tobago
11367                    <span class="od-cp__curr">(TTD $)</span>
11368                  </span>
11369                  
11370                </button>
11371              </li>
11372            
11373              <li>
11374                <button type="button"
11375                        class="od-cp__item "
11376                        role="option"
11377                        aria-selected="false"
11378                        @click="
11379  OD.changeMarketViaIframeFromForm($el, 'TA');
11380  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11381"
11382
11383                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11384                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11385                  <img class="od-cp__flag"
11386                       src="https://flagcdn.com/24x18/ta.png"
11387                       alt="Tristan da Cunha flag" loading="lazy" />
11388                  <span class="od-cp__label">
11389                    Tristan da Cunha
11390                    <span class="od-cp__curr">(GBP £)</span>
11391                  </span>
11392                  
11393                </button>
11394              </li>
11395            
11396              <li>
11397                <button type="button"
11398                        class="od-cp__item "
11399                        role="option"
11400                        aria-selected="false"
11401                        @click="
11402  OD.changeMarketViaIframeFromForm($el, 'TN');
11403  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11404"
11405
11406                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11407                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11408                  <img class="od-cp__flag"
11409                       src="https://flagcdn.com/24x18/tn.png"
11410                       alt="Tunisia flag" loading="lazy" />
11411                  <span class="od-cp__label">
11412                    Tunisia
11413                    <span class="od-cp__curr">(USD $)</span>
11414                  </span>
11415                  
11416                </button>
11417              </li>
11418            
11419              <li>
11420                <button type="button"
11421                        class="od-cp__item "
11422                        role="option"
11423                        aria-selected="false"
11424                        @click="
11425  OD.changeMarketViaIframeFromForm($el, 'TR');
11426  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11427"
11428
11429                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11430                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11431                  <img class="od-cp__flag"
11432                       src="https://flagcdn.com/24x18/tr.png"
11433                       alt="Türkiye flag" loading="lazy" />
11434                  <span class="od-cp__label">
11435                    Türkiye
11436                    <span class="od-cp__curr">(USD $)</span>
11437                  </span>
11438                  
11439                </button>
11440              </li>
11441            
11442              <li>
11443                <button type="button"
11444                        class="od-cp__item "
11445                        role="option"
11446                        aria-selected="false"
11447                        @click="
11448  OD.changeMarketViaIframeFromForm($el, 'TM');
11449  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11450"
11451
11452                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11453                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11454                  <img class="od-cp__flag"
11455                       src="https://flagcdn.com/24x18/tm.png"
11456                       alt="Turkmenistan flag" loading="lazy" />
11457                  <span class="od-cp__label">
11458                    Turkmenistan
11459                    <span class="od-cp__curr">(USD $)</span>
11460                  </span>
11461                  
11462                </button>
11463              </li>
11464            
11465              <li>
11466                <button type="button"
11467                        class="od-cp__item "
11468                        role="option"
11469                        aria-selected="false"
11470                        @click="
11471  OD.changeMarketViaIframeFromForm($el, 'TC');
11472  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11473"
11474
11475                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11476                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11477                  <img class="od-cp__flag"
11478                       src="https://flagcdn.com/24x18/tc.png"
11479                       alt="Turks &amp; Caicos Islands flag" loading="lazy" />
11480                  <span class="od-cp__label">
11481                    Turks &amp; Caicos Islands
11482                    <span class="od-cp__curr">(USD $)</span>
11483                  </span>
11484                  
11485                </button>
11486              </li>
11487            
11488              <li>
11489                <button type="button"
11490                        class="od-cp__item "
11491                        role="option"
11492                        aria-selected="false"
11493                        @click="
11494  OD.changeMarketViaIframeFromForm($el, 'TV');
11495  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11496"
11497
11498                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11499                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11500                  <img class="od-cp__flag"
11501                       src="https://flagcdn.com/24x18/tv.png"
11502                       alt="Tuvalu flag" loading="lazy" />
11503                  <span class="od-cp__label">
11504                    Tuvalu
11505                    <span class="od-cp__curr">(AUD $)</span>
11506                  </span>
11507                  
11508                </button>
11509              </li>
11510            
11511              <li>
11512                <button type="button"
11513                        class="od-cp__item "
11514                        role="option"
11515                        aria-selected="false"
11516                        @click="
11517  OD.changeMarketViaIframeFromForm($el, 'UM');
11518  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11519"
11520
11521                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11522                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11523                  <img class="od-cp__flag"
11524                       src="https://flagcdn.com/24x18/um.png"
11525                       alt="U.S. Outlying Islands flag" loading="lazy" />
11526                  <span class="od-cp__label">
11527                    U.S. Outlying Islands
11528                    <span class="od-cp__curr">(USD $)</span>
11529                  </span>
11530                  
11531                </button>
11532              </li>
11533            
11534              <li>
11535                <button type="button"
11536                        class="od-cp__item "
11537                        role="option"
11538                        aria-selected="false"
11539                        @click="
11540  OD.changeMarketViaIframeFromForm($el, 'UG');
11541  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11542"
11543
11544                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11545                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11546                  <img class="od-cp__flag"
11547                       src="https://flagcdn.com/24x18/ug.png"
11548                       alt="Uganda flag" loading="lazy" />
11549                  <span class="od-cp__label">
11550                    Uganda
11551                    <span class="od-cp__curr">(UGX USh)</span>
11552                  </span>
11553                  
11554                </button>
11555              </li>
11556            
11557              <li>
11558                <button type="button"
11559                        class="od-cp__item "
11560                        role="option"
11561                        aria-selected="false"
11562                        @click="
11563  OD.changeMarketViaIframeFromForm($el, 'UA');
11564  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11565"
11566
11567                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11568                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11569                  <img class="od-cp__flag"
11570                       src="https://flagcdn.com/24x18/ua.png"
11571                       alt="Ukraine flag" loading="lazy" />
11572                  <span class="od-cp__label">
11573                    Ukraine
11574                    <span class="od-cp__curr">(UAH ₴)</span>
11575                  </span>
11576                  
11577                </button>
11578              </li>
11579            
11580              <li>
11581                <button type="button"
11582                        class="od-cp__item "
11583                        role="option"
11584                        aria-selected="false"
11585                        @click="
11586  OD.changeMarketViaIframeFromForm($el, 'AE');
11587  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11588"
11589
11590                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11591                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11592                  <img class="od-cp__flag"
11593                       src="https://flagcdn.com/24x18/ae.png"
11594                       alt="United Arab Emirates flag" loading="lazy" />
11595                  <span class="od-cp__label">
11596                    United Arab Emirates
11597                    <span class="od-cp__curr">(AED د.إ)</span>
11598                  </span>
11599                  
11600                </button>
11601              </li>
11602            
11603              <li>
11604                <button type="button"
11605                        class="od-cp__item "
11606                        role="option"
11607                        aria-selected="false"
11608                        @click="
11609  OD.changeMarketViaIframeFromForm($el, 'GB');
11610  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11611"
11612
11613                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11614                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11615                  <img class="od-cp__flag"
11616                       src="https://flagcdn.com/24x18/gb.png"
11617                       alt="United Kingdom flag" loading="lazy" />
11618                  <span class="od-cp__label">
11619                    United Kingdom
11620                    <span class="od-cp__curr">(GBP £)</span>
11621                  </span>
11622                  
11623                </button>
11624              </li>
11625            
11626              <li>
11627                <button type="button"
11628                        class="od-cp__item is-active"
11629                        role="option"
11630                        aria-selected="true"
11631                        @click="
11632  OD.changeMarketViaIframeFromForm($el, 'US');
11633  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11634"
11635
11636                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11637                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11638                  <img class="od-cp__flag"
11639                       src="https://flagcdn.com/24x18/us.png"
11640                       alt="United States flag" loading="lazy" />
11641                  <span class="od-cp__label">
11642                    United States
11643                    <span class="od-cp__curr">(USD $)</span>
11644                  </span>
11645                  
11646                    <svg class="od-cp__check" viewBox="0 0 24 24" aria-hidden="true">
11647                      <path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11648                    </svg>
11649                  
11650                </button>
11651              </li>
11652            
11653              <li>
11654                <button type="button"
11655                        class="od-cp__item "
11656                        role="option"
11657                        aria-selected="false"
11658                        @click="
11659  OD.changeMarketViaIframeFromForm($el, 'UY');
11660  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11661"
11662
11663                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11664                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11665                  <img class="od-cp__flag"
11666                       src="https://flagcdn.com/24x18/uy.png"
11667                       alt="Uruguay flag" loading="lazy" />
11668                  <span class="od-cp__label">
11669                    Uruguay
11670                    <span class="od-cp__curr">(UYU $U)</span>
11671                  </span>
11672                  
11673                </button>
11674              </li>
11675            
11676              <li>
11677                <button type="button"
11678                        class="od-cp__item "
11679                        role="option"
11680                        aria-selected="false"
11681                        @click="
11682  OD.changeMarketViaIframeFromForm($el, 'UZ');
11683  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11684"
11685
11686                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11687                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11688                  <img class="od-cp__flag"
11689                       src="https://flagcdn.com/24x18/uz.png"
11690                       alt="Uzbekistan flag" loading="lazy" />
11691                  <span class="od-cp__label">
11692                    Uzbekistan
11693                    <span class="od-cp__curr">(UZS so'm)</span>
11694                  </span>
11695                  
11696                </button>
11697              </li>
11698            
11699              <li>
11700                <button type="button"
11701                        class="od-cp__item "
11702                        role="option"
11703                        aria-selected="false"
11704                        @click="
11705  OD.changeMarketViaIframeFromForm($el, 'VU');
11706  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11707"
11708
11709                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11710                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11711                  <img class="od-cp__flag"
11712                       src="https://flagcdn.com/24x18/vu.png"
11713                       alt="Vanuatu flag" loading="lazy" />
11714                  <span class="od-cp__label">
11715                    Vanuatu
11716                    <span class="od-cp__curr">(VUV Vt)</span>
11717                  </span>
11718                  
11719                </button>
11720              </li>
11721            
11722              <li>
11723                <button type="button"
11724                        class="od-cp__item "
11725                        role="option"
11726                        aria-selected="false"
11727                        @click="
11728  OD.changeMarketViaIframeFromForm($el, 'VA');
11729  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11730"
11731
11732                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11733                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11734                  <img class="od-cp__flag"
11735                       src="https://flagcdn.com/24x18/va.png"
11736                       alt="Vatican City flag" loading="lazy" />
11737                  <span class="od-cp__label">
11738                    Vatican City
11739                    <span class="od-cp__curr">(EUR €)</span>
11740                  </span>
11741                  
11742                </button>
11743              </li>
11744            
11745              <li>
11746                <button type="button"
11747                        class="od-cp__item "
11748                        role="option"
11749                        aria-selected="false"
11750                        @click="
11751  OD.changeMarketViaIframeFromForm($el, 'VE');
11752  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11753"
11754
11755                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11756                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11757                  <img class="od-cp__flag"
11758                       src="https://flagcdn.com/24x18/ve.png"
11759                       alt="Venezuela flag" loading="lazy" />
11760                  <span class="od-cp__label">
11761                    Venezuela
11762                    <span class="od-cp__curr">(USD $)</span>
11763                  </span>
11764                  
11765                </button>
11766              </li>
11767            
11768              <li>
11769                <button type="button"
11770                        class="od-cp__item "
11771                        role="option"
11772                        aria-selected="false"
11773                        @click="
11774  OD.changeMarketViaIframeFromForm($el, 'VN');
11775  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11776"
11777
11778                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11779                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11780                  <img class="od-cp__flag"
11781                       src="https://flagcdn.com/24x18/vn.png"
11782                       alt="Vietnam flag" loading="lazy" />
11783                  <span class="od-cp__label">
11784                    Vietnam
11785                    <span class="od-cp__curr">(VND ₫)</span>
11786                  </span>
11787                  
11788                </button>
11789              </li>
11790            
11791              <li>
11792                <button type="button"
11793                        class="od-cp__item "
11794                        role="option"
11795                        aria-selected="false"
11796                        @click="
11797  OD.changeMarketViaIframeFromForm($el, 'WF');
11798  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11799"
11800
11801                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11802                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11803                  <img class="od-cp__flag"
11804                       src="https://flagcdn.com/24x18/wf.png"
11805                       alt="Wallis &amp; Futuna flag" loading="lazy" />
11806                  <span class="od-cp__label">
11807                    Wallis &amp; Futuna
11808                    <span class="od-cp__curr">(XPF Fr)</span>
11809                  </span>
11810                  
11811                </button>
11812              </li>
11813            
11814              <li>
11815                <button type="button"
11816                        class="od-cp__item "
11817                        role="option"
11818                        aria-selected="false"
11819                        @click="
11820  OD.changeMarketViaIframeFromForm($el, 'EH');
11821  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11822"
11823
11824                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11825                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11826                  <img class="od-cp__flag"
11827                       src="https://flagcdn.com/24x18/eh.png"
11828                       alt="Western Sahara flag" loading="lazy" />
11829                  <span class="od-cp__label">
11830                    Western Sahara
11831                    <span class="od-cp__curr">(MAD د.م.)</span>
11832                  </span>
11833                  
11834                </button>
11835              </li>
11836            
11837              <li>
11838                <button type="button"
11839                        class="od-cp__item "
11840                        role="option"
11841                        aria-selected="false"
11842                        @click="
11843  OD.changeMarketViaIframeFromForm($el, 'YE');
11844  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11845"
11846
11847                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11848                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11849                  <img class="od-cp__flag"
11850                       src="https://flagcdn.com/24x18/ye.png"
11851                       alt="Yemen flag" loading="lazy" />
11852                  <span class="od-cp__label">
11853                    Yemen
11854                    <span class="od-cp__curr">(YER ï·¼)</span>
11855                  </span>
11856                  
11857                </button>
11858              </li>
11859            
11860              <li>
11861                <button type="button"
11862                        class="od-cp__item "
11863                        role="option"
11864                        aria-selected="false"
11865                        @click="
11866  OD.changeMarketViaIframeFromForm($el, 'ZM');
11867  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11868"
11869
11870                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11871                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11872                  <img class="od-cp__flag"
11873                       src="https://flagcdn.com/24x18/zm.png"
11874                       alt="Zambia flag" loading="lazy" />
11875                  <span class="od-cp__label">
11876                    Zambia
11877                    <span class="od-cp__curr">(USD $)</span>
11878                  </span>
11879                  
11880                </button>
11881              </li>
11882            
11883              <li>
11884                <button type="button"
11885                        class="od-cp__item "
11886                        role="option"
11887                        aria-selected="false"
11888                        @click="
11889  OD.changeMarketViaIframeFromForm($el, 'ZW');
11890  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11891"
11892
11893                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11894                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11895                  <img class="od-cp__flag"
11896                       src="https://flagcdn.com/24x18/zw.png"
11897                       alt="Zimbabwe flag" loading="lazy" />
11898                  <span class="od-cp__label">
11899                    Zimbabwe
11900                    <span class="od-cp__curr">(USD $)</span>
11901                  </span>
11902                  
11903                </button>
11904              </li>
11905            
11906          </ul>
11907        </div>
11908      </div>
11909    </form>
11910  </div>
11911</aside>
11912
11913
11914<!-- ============= DESKTOP: HEADER (one parent) ============= -->
11915<div class="hidden md:block" id="od-desktop-header">
11916
11917  <!-- Sentinel just above the row -->
11918  <div id="od-middle-top-sentinel" class="od-middle-sentinel" aria-hidden="true" style="height:1px"></div>
11919
11920  <!-- Middle row -->
11921  <div id="od-desktop-middle" class="flex items-center justify-between h-16 px-4 od-sticky-desktop-middle">
11922<!-- Desktop hamburger (only shows when sticky) -->
11923<button
11924  type="button"
11925  class="od-desktop-burger hidden md:inline-flex items-center justify-center"
11926  :aria-expanded="desktopMenuOpen.toString()"
11927  aria-label="Toggle desktop menu"
11928  @click="desktopMenuOpen = !desktopMenuOpen"
11929>
11930  <!-- Hamburger -->
11931  <svg class="od-burger-icon" viewBox="0 0 24 24" aria-hidden="true">
11932    <path d="M4 6h16M4 12h16M4 18h16"
11933          fill="none" stroke="currentColor" stroke-width="2.25"
11934          stroke-linecap="round" stroke-linejoin="round"/>
11935  </svg>
11936  <!-- X -->
11937  <svg class="od-close-icon" viewBox="0 0 24 24" aria-hidden="true">
11938    <path d="M6 18L18 6M6 6l12 12"
11939          fill="none" stroke="currentColor" stroke-width="2.25"
11940          stroke-linecap="round" stroke-linejoin="round"/>
11941  </svg>
11942</button>
11943
11944    <!-- Logo (left) -->
11945    <div class="flex items-center z-10">
11946      <a href="/"
11947         x-element-transition-trigger
11948         @click="mobileSearchOpen=false; mobileMenuOpen=false"
11949         class="od-logo block"
11950         style="max-width:220px;">
11951        
11952          
11953
11954          
11955
11956
11957<div class="bg-[--fade-in-bg] ">
11958  
11959    <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;);">
11960  
11961</div>
11962
11963        
11964      </a>
11965    </div>
11966
11967        <!-- Search (center) -->
11968<div
11969  class="absolute left-1/2 -translate-x-1/2 w-full flex justify-center od-search"
11970  x-data="Search"
11971  @click.outside="closePredictiveSearch()"
11972  @focusin="isDropdownVisible = true"
11973  @focusout="setTimeout(() => { isDropdownVisible = false }, 100)"
11974  style="width: clamp(240px, 32vw, 360px); max-width: calc(100vw - 560px); min-width: 240px;"
11975>
11976      <div class="relative w-full">
11977        <form
11978          @submit.prevent="if (searchTermInput.trim()) { goToSearchPage('/search') }"
11979          class="relative header-search-form w-full"
11980          role="search"
11981        >
11982          <input
11983            type="search"
11984            name="q"
11985            id="header-search-input"
11986            placeholder="Search"
11987            x-model="searchTermInput"
11988            @input.debounce.300ms="setSearchTerm"
11989            @keydown.enter.prevent="if (searchTermInput.trim()) { goToSearchPage('/search') }"
11990            class="block w-full h-11 pr-10 pl-3"
11991            autocomplete="off"
11992          />
11993
11994          <template x-if="!searchTermInput">
11995            <span class="od-search-icon" aria-hidden="true">
11996              <svg viewBox="0 0 24 24" aria-hidden="true" class="w-full h-full">
11997                <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
11998                <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"/>
11999              </svg>
12000            </span>
12001          </template>
12002
12003          <template x-if="searchTermInput">
12004            <button
12005              type="button"
12006              id="header-search-clear"
12007              @click="resetSearchTerm()"
12008              aria-label="Clear search"
12009              class="od-search-clear"
12010            >✕</button>
12011          </template>
12012        </form>
12013          <!-- Suggested Search Terms Popup -->
12014<div
12015  x-show="isDropdownVisible && queries.length"
12016  x-cloak
12017  x-transition.opacity
12018  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"
12019>
12020  <h2 class="text-lg mb-2">Suggestions</h2>
12021  <div class="flex flex-wrap gap-2">
12022    <template x-for="query in queries" :key="query.text">
12023      <a
12024        :href="query.url"
12025        class="button button--outline-secondary"
12026        x-element-transition-trigger
12027        @click="document.activeElement && document.activeElement.blur()"
12028        x-text="query.text"
12029      ></a>
12030    </template>
12031  </div>
12032</div>
12033
12034
12035      </div>
12036    </div>
12037
12038    <!-- Actions (right) -->
12039    
12040    <div class="flex items-center gap-4 flex-nowrap z-10 od-actions">
12041
12042<button
12043   type="button"
12044   class="od-sticky-mobile-search-trigger od-icon-wrap"
12045   @click="
12046     desktopMenuOpen = false;
12047     mobileMenuOpen = false;
12048     mobileSearchOpen = !mobileSearchOpen;
12049     if (mobileSearchOpen) {
12050       $nextTick(() => { document.getElementById('od-mobile-search-input')?.focus(); });
12051     }
12052   "
12053   aria-label="Search"
12054   style="--tap:38px; --icon-size:24px; color:#111;">
12055  <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12056    <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
12057    <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"/>
12058  </svg>
12059</button>
12060
12061<!-- My Library -->
12062<a href="/pages/my-library"
12063   x-element-transition-trigger
12064   class="od-icon-link"
12065   aria-label="My Collection"
12066   title="My Collection">
12067  <span class="od-icon-wrap" style="--tap:30px; --icon-size-desktop:22px; color:#111;">
12068    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12069      <!-- Headband -->
12070      <path d="M4 12
12071               C4 6.5 8 3.5 12 3.5
12072               C16 3.5 20 6.5 20 12
12073               L18 12
12074               C18 7.5 15.2 5 12 5
12075               C8.8 5 6 7.5 6 12
12076               Z"
12077            fill="currentColor"/>
12078
12079      <!-- Left ear cup -->
12080      <rect x="3" y="11" width="4" height="9" rx="2"
12081            fill="currentColor"/>
12082
12083      <!-- Right ear cup -->
12084      <rect x="17" y="11" width="4" height="9" rx="2"
12085            fill="currentColor"/>
12086    </svg>
12087  </span>
12088  <span class="od-icon-label">My Collection</span>
12089</a>
12090
12091
12092      <!-- Wishlist -->
12093      <a href="/pages/wishlist" x-element-transition-trigger class="od-icon-link swym-wishlist" aria-label="Open wishlist" title="Wishlist">
12094  <span class="od-icon-wrap od-has-badge" style="--tap:30px; --icon-size-desktop:22px; color:#111; position:relative;">
12095    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12096      <g transform="translate(1.12,2.7) scale(0.165)">
12097        <path
12098          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
12099             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
12100             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"
12101          fill="currentColor"
12102          fill-rule="evenodd"
12103          clip-rule="evenodd"
12104        />
12105      </g>
12106    </svg>
12107    <span
12108      class="od-cart-badge od-wishlist-badge swym-wishlist-header-counter"
12109      x-cloak
12110      x-show="$store.wishlist && $store.wishlist.count > 0"
12111      x-text="$store.wishlist.count > 9 ? '9+' : $store.wishlist.count"
12112      aria-live="polite"></span>
12113  </span>
12114  <span class="od-icon-label">Wishlist</span>
12115</a>
12116
12117
12118      
12119        <a href="/customer_authentication/login?return_to=%2Fproducts%2Fbeethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel&locale=en&ui_hint=full&region_country=US" @click.prevent="mobileMenuOpen=false; handleLoginClick('/customer_authentication/login?return_to=%2Fproducts%2Fbeethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel&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">
12120          <span class="od-icon-wrap" style="--tap:30px; --icon-size-desktop:22px; color:#111;">
12121            <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none">
12122              <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"/>
12123              <path d="M4 20a8 8 0 0 1 16 0" stroke="currentColor" stroke-width="2" linecap="round" linejoin="round"/>
12124            </svg>
12125          </span>
12126          <span class="od-icon-label">Log In</span>
12127        </a>
12128      
12129
12130      <!-- Cart -->
12131      <a href="/cart" x-element-transition-trigger class="od-icon-link" aria-label="View cart" title="Cart">
12132        <span class="od-icon-wrap od-has-badge" style="--tap:36px; --icon-size-desktop:28px; color:#111; position:relative;">
12133          <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12134            <path d="M3 6h2l1.4 9h10.4l2-7H6.2" fill="none" stroke="currentColor" stroke-width="2.25" linecap="round" linejoin="round"/>
12135            <circle cx="10" cy="19" r="1.5" fill="currentColor"/>
12136            <circle cx="17" cy="19" r="1.5" fill="currentColor"/>
12137          </svg>
12138          <span x-cloak
12139                x-show="cartCount > 0"
12140                x-text="cartCount > 9 ? '9+' : cartCount"
12141                class="od-cart-badge"
12142                aria-live="polite"></span>
12143        </span>
12144        <span class="od-icon-label">Cart</span>
12145      </a>
12146    </div>
12147  </div>
12148
12149  <!-- Spacer (prevents layout jump when middle row is fixed) -->
12150  <div id="od-desktop-middle-spacer" aria-hidden="true" style="height:0"></div>
12151
12152<!-- Desktop menu sits under the sticky row -->
12153
12154<nav id="od-desktop-nav" class="mt-4">
12155  <ul class="header-inline-menu justify-center">
12156    
12157      <li>
12158        <a href="/pages/composers"
12159           
12160               
12161               
12162                 x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
12163               
12164             
12165           @click="desktopMenuOpen=false">
12166          Composers
12167        </a>
12168      </li>
12169    
12170      <li>
12171        <a href="/pages/sopranos"
12172           
12173               
12174               
12175                 x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
12176               
12177             
12178           @click="desktopMenuOpen=false">
12179          Sopranos
12180        </a>
12181      </li>
12182    
12183      <li>
12184        <a href="/pages/mezzo-sopranos"
12185           
12186               
12187               
12188                 x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
12189               
12190             
12191           @click="desktopMenuOpen=false">
12192          Mezzos
12193        </a>
12194      </li>
12195    
12196      <li>
12197        <a href="/pages/tenors"
12198           
12199               
12200               
12201                 x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
12202               
12203             
12204           @click="desktopMenuOpen=false">
12205          Tenors
12206        </a>
12207      </li>
12208    
12209      <li>
12210        <a href="/pages/baritones-and-basses"
12211           
12212               
12213               
12214                 x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
12215               
12216             
12217           @click="desktopMenuOpen=false">
12218          Baritones & Basses
12219        </a>
12220      </li>
12221    
12222      <li>
12223        <a href="/pages/conductors"
12224           
12225               
12226               
12227                 x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
12228               
12229             
12230           @click="desktopMenuOpen=false">
12231          Conductors
12232        </a>
12233      </li>
12234    
12235      <li>
12236        <a href="/collections/coming-soon"
12237           
12238               x-element-transition-trigger:category.animate="
12239                 {
12240                   'title': `Coming Soon`,
12241                   
12242                   'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
12243                   
12244                   'description': ``
12245                 }
12246               "
12247             
12248           @click="desktopMenuOpen=false">
12249          Coming Soon
12250        </a>
12251      </li>
12252    
12253      <li>
12254        <a href="/collections/free-streaming-titles"
12255           
12256               x-element-transition-trigger:category.animate="
12257                 {
12258                   'title': `Free Streaming Titles`,
12259                   
12260                   'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
12261                   
12262                   'description': ``
12263                 }
12264               "
12265             
12266           @click="desktopMenuOpen=false">
12267          Free Streaming Titles
12268        </a>
12269      </li>
12270    
12271  </ul>
12272</nav>
12273
12274
12275<!-- Phantom spacer preserves layout when sticky nav becomes fixed -->
12276<div id="od-desktop-nav-spacer" aria-hidden="true" style="height:0"></div>
12277
12278<!-- STICKY-ONLY FLYDOWN (separate element so static nav stays in flow) -->
12279<nav id="od-desktop-flydown" x-cloak :aria-hidden="(!desktopMenuOpen).toString()">
12280  <ul class="header-inline-menu justify-center">
12281    
12282      <li>
12283        <a href="/pages/composers"
12284           
12285               
12286               
12287                 x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
12288               
12289             
12290           @click="desktopMenuOpen=false">
12291          Composers
12292        </a>
12293      </li>
12294    
12295      <li>
12296        <a href="/pages/sopranos"
12297           
12298               
12299               
12300                 x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
12301               
12302             
12303           @click="desktopMenuOpen=false">
12304          Sopranos
12305        </a>
12306      </li>
12307    
12308      <li>
12309        <a href="/pages/mezzo-sopranos"
12310           
12311               
12312               
12313                 x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
12314               
12315             
12316           @click="desktopMenuOpen=false">
12317          Mezzos
12318        </a>
12319      </li>
12320    
12321      <li>
12322        <a href="/pages/tenors"
12323           
12324               
12325               
12326                 x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
12327               
12328             
12329           @click="desktopMenuOpen=false">
12330          Tenors
12331        </a>
12332      </li>
12333    
12334      <li>
12335        <a href="/pages/baritones-and-basses"
12336           
12337               
12338               
12339                 x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
12340               
12341             
12342           @click="desktopMenuOpen=false">
12343          Baritones & Basses
12344        </a>
12345      </li>
12346    
12347      <li>
12348        <a href="/pages/conductors"
12349           
12350               
12351               
12352                 x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
12353               
12354             
12355           @click="desktopMenuOpen=false">
12356          Conductors
12357        </a>
12358      </li>
12359    
12360      <li>
12361        <a href="/collections/coming-soon"
12362           
12363               x-element-transition-trigger:category.animate="
12364                 {
12365                   'title': `Coming Soon`,
12366                   
12367                   'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
12368                   
12369                   'description': ``
12370                 }
12371               "
12372             
12373           @click="desktopMenuOpen=false">
12374          Coming Soon
12375        </a>
12376      </li>
12377    
12378      <li>
12379        <a href="/collections/free-streaming-titles"
12380           
12381               x-element-transition-trigger:category.animate="
12382                 {
12383                   'title': `Free Streaming Titles`,
12384                   
12385                   'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
12386                   
12387                   'description': ``
12388                 }
12389               "
12390             
12391           @click="desktopMenuOpen=false">
12392          Free Streaming Titles
12393        </a>
12394      </li>
12395    
12396  </ul>
12397</nav>
12398
12399</div> <!-- end desktop header wrapper -->
12400<!-- end desktop header wrapper -->
12401</div>
12402
12403
12404
12405
12406
12407</header>
12408
12409<div id="od-mobile-header-spacer" aria-hidden="true"></div>
12410
12411
12412<script>
12413  document.addEventListener('alpine:init', () => {
12414    window.handleLoginClick = (url, openInNewTab, isLogin) => {
12415      const primaryHost = 'operadepot.com';
12416      const norm = (h) => (h || '').replace(/^www\./, '');
12417      const here = norm(window.location.hostname);
12418      const base = norm(primaryHost);
12419
12420      if (base && here !== base) {
12421        window.location.href = 'https://' + base + '/account';
12422        return;
12423      }
12424
12425      if (openInNewTab && window.matchMedia('(min-width: 768px)').matches) {
12426        window.open(url, '_blank', 'noopener');
12427        return;
12428      }
12429
12430      if (isLogin && false) {
12431        const modalRoot = document.querySelector('[x-cloak]')?.closest('[x-data]');
12432        if (modalRoot && modalRoot.__x) { modalRoot.__x.$data.open = true; return; }
12433      }
12434
12435      window.location.href = url;
12436      
12437    };
12438
12439    const dispatchLoginState = (val) => {
12440      window.dispatchEvent(new CustomEvent('od:set-is-logged-in', { detail: { value: !!val } }));
12441    };
12442    const quickInfer = () => {
12443      try {
12444        return !!(window.ShopifyAnalytics && ShopifyAnalytics.meta && ShopifyAnalytics.meta.page && ShopifyAnalytics.meta.page.customerId);
12445      } catch (e) { return null; }
12446    };
12447    async function refreshLoginState() {
12448      const quick = quickInfer();
12449      if (quick !== null) { dispatchLoginState(quick); return; }
12450      try {
12451        const res = await fetch('/account', { credentials: 'include' });
12452        const logged = res.url && !res.url.includes('/account/login');
12453        dispatchLoginState(logged);
12454      } catch (e) {}
12455    }
12456    window.addEventListener('focus', refreshLoginState);
12457    document.addEventListener('visibilitychange', () => { if (!document.hidden) refreshLoginState(); });
12458    setTimeout(refreshLoginState, 0);
12459      // --- Cart badge: keep count in sync across the site ---
12460  const broadcastCartCount = (n) =>
12461    window.dispatchEvent(new CustomEvent('od:cart-count', { detail: { count: Math.max(0, n|0) } }));
12462
12463  async function refreshCartCount(){
12464    try {
12465      const res = await fetch('/cart.js', { credentials: 'include', cache: 'no-store' });
12466      const data = await res.json();
12467      broadcastCartCount(data && typeof data.item_count === 'number' ? data.item_count : 0);
12468    } catch (e) { /* no-op */ }
12469  }
12470
12471  // Intercept fetch to catch cart mutations
12472  const _fetch = window.fetch;
12473  window.fetch = async function(...args){
12474    const res = await _fetch.apply(this, args);
12475    try{
12476      const u = typeof args[0] === 'string' ? args[0] : (args[0] && args[0].url) || '';
12477      if (/\/cart\/(add|change|update)\.(js|json)?/i.test(u)) setTimeout(refreshCartCount, 0);
12478    } catch(e){}
12479    return res;
12480  };
12481
12482  // Intercept XHR as well (in case anything still uses it)
12483  (function(){
12484    const X = XMLHttpRequest.prototype;
12485    const o = X.open, s = X.send;
12486    X.open = function(method, url){ this.__od_url = url; return o.apply(this, arguments); };
12487    X.send = function(){
12488      this.addEventListener('loadend', () => {
12489        try{
12490          if (this.__od_url && /\/cart\/(add|change|update)\.(js|json)?/i.test(this.__od_url)) refreshCartCount();
12491        } catch(e){}
12492      });
12493      return s.apply(this, arguments);
12494    };
12495  })();
12496
12497  // Also refresh after your SPA swaps / page loads
12498  document.addEventListener('od:after-swap', refreshCartCount);
12499  document.addEventListener('shopify:page:load', refreshCartCount);
12500
12501  // Normalize count after boot (Liquid may be stale)
12502  setTimeout(refreshCartCount, 50);
12503  });
12504
12505  (function(){
12506    var el = document.getElementById('mobile-account-cta');
12507    if(!el) return;
12508    var LOGIN_URL = '/customer_authentication/login?return_to=%2Fproducts%2Fbeethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel&locale=en&ui_hint=full&region_country=US';
12509    function setAccount(){ el.textContent = 'My Account'; el.setAttribute('href','/account'); el.onclick = function(e){ e.preventDefault(); handleLoginClick('/account', false, false); }; }
12510    function setLogin(){ el.textContent = 'Log In'; el.setAttribute('href', LOGIN_URL); el.onclick = function(e){ e.preventDefault(); handleLoginClick(LOGIN_URL, false, true); }; }
12511    function quickInfer(){ try { return !!(window.ShopifyAnalytics && ShopifyAnalytics.meta && ShopifyAnalytics.meta.page && ShopifyAnalytics.meta.page.customerId); } catch(_) { return null; } }
12512    function check(){
12513      var qi = quickInfer();
12514      if (qi !== null) { qi ? setAccount() : setLogin(); return; }
12515      fetch('/account', { credentials: 'include' }).then(function(res){
12516        (res && typeof res.url === 'string' && res.url.indexOf('/account/login') === -1) ? setAccount() : setLogin();
12517      }).catch(function(){});
12518    }
12519    setTimeout(check, 0);
12520    document.addEventListener('visibilitychange', function(){ if(!document.hidden) check(); });
12521    window.addEventListener('focus', check);
12522  })();
12523</script>
12523
12524
12525
12526<style>
12527/* ===================== Mobile sticky (unchanged) ===================== */
12528.od-sticky-mobile{ position: sticky; top: 0; }
12529@supports (top: env(safe-area-inset-top)){ .od-sticky-mobile{ top: env(safe-area-inset-top); } }
12530/* Sticky only on small screens / touch */
12531@media (max-width: 767.98px), (hover:none) and (pointer:coarse){
12532  .od-sticky-mobile{
12533    position: -webkit-sticky;
12534    position: sticky;
12535    top: env(safe-area-inset-top, 0);
12536    z-index: 120;
12537    isolation: isolate;
12538  }
12539
12540  #od-mobile-header-spacer{
12541    display: none;
12542    height: 0;
12543  }
12544
12545  html.opera-depot-player-scroll-locked #od-header.od-sticky-mobile + #od-mobile-header-spacer{
12546    display: block;
12547    height: var(--od-mobile-header-height, 56px);
12548  }
12549
12550  html.opera-depot-player-scroll-locked #od-header.od-sticky-mobile{
12551    position: fixed !important;
12552    top: var(--od-mobile-top, env(safe-area-inset-top, 0)) !important;
12553    left: 0;
12554    right: 0;
12555    width: 100%;
12556    z-index: 899;
12557  }
12558
12559  /* Chrome on iPad can lose sticky behavior more easily when a sticky ancestor
12560     participates in transformed/contained paint contexts during SPA swaps. */
12561  .shopify-section-header,
12562  #shopify-section-header,
12563  #od-header,
12564  #od-header > .max-w-7xl{
12565    transform: none !important;
12566    contain: none !important;
12567    will-change: auto !important;
12568    overflow: visible !important;
12569  }
12570}
12571/* Desktop: header wrapper itself is not sticky */
12572@media (min-width:768px){
12573  .od-sticky-mobile{ position: static; top: auto; }
12574}
12575/* Debug helper */
12576.force-sticky .od-sticky-mobile{ position: sticky !important; top:0 !important; }
12577
12578/* Guard: prevent ancestors from clipping */
12579.shopify-section-header,
12580#shopify-section-header{ overflow: visible !important; }
12581
12582/* ===================== Base header / shared ===================== */
12583header{ position:relative; z-index:1; }
12584.header-inline-menu{ display:flex; flex-wrap:wrap; gap:1.5rem; list-style:none; margin:0; padding:0; }
12585.header-inline-menu li a{ text-decoration:none; color:inherit; font-weight:900; transition:color .2s ease; }
12586.header-inline-menu li a:hover{ color:#6b46c1; text-decoration:underline; }
12587[x-cloak]{ display:none !important; }
12588
12589/* Keep header solid white even if theme toggles transparency */
12590#od-header,
12591#shopify-section-header #od-header,
12592.shopify-section-header #od-header{
12593  background:#fff !important;
12594  -webkit-backdrop-filter:none !important;
12595  backdrop-filter:none !important;
12596}
12597
12598/* ===================== Icon helpers ===================== */
12599.od-icon-wrap{ display:inline-flex; align-items:center; justify-content:center; width:var(--tap,44px); height:var(--tap,44px); line-height:1; }
12600.od-icon{ display:block; width:var(--icon-size,15px); height:var(--icon-size,15px); line-height:1; vertical-align:middle; }
12601@media (min-width:768px){
12602  .od-icon{ width:var(--icon-size-desktop,40px); height:var(--icon-size-desktop,40px); }
12603}
12604.od-icon-link{ display:inline-flex; align-items:center; gap:.5rem; color:#111; text-decoration:none; }
12605.od-icon-link:hover{ color:#6b46c1; }
12606.od-icon-label{ font-weight:500; text-transform:none; letter-spacing:.02em; font-size:.85rem; line-height:1; }
12607.od-radio-launch{
12608  display:inline-flex; align-items:center; gap:.45rem;
12609  width:auto !important; height:30px !important; padding:0 .6rem !important;
12610  border:1px solid transparent; border-radius:9999px;
12611  background:transparent; color:#111; font-size:.85rem; font-weight:700; line-height:1;
12612  white-space:nowrap; cursor:pointer; text-decoration:none;
12613  transition:background .15s ease, border-color .15s ease, color .15s ease;
12614}
12615.od-radio-launch:hover{
12616  background:#f9fafb; border-color:#e5e7eb; color:#6b46c1;
12617}
12618.od-radio-launch__icon{
12619  display:block; width:26px; height:26px; flex:0 0 26px;
12620  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12621}
12622.od-radio-launch__icon line,
12623.od-radio-launch__icon rect,
12624.od-radio-launch__icon circle{
12625  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12626  vector-effect:non-scaling-stroke;
12627}
12628
12629/* Optional misc */
12630.od-icons{ gap:.5rem; }
12631.od-search-shift{ margin-right: var(--search-shift, 0); }
12632@media (min-width:768px){ .od-search-shift{ margin-right:0; } }
12633
12634/* ===================== Logo (slightly smaller on desktop) ===================== */
12635#od-header .od-logo img{
12636  height:36px !important;  /* was 40px */
12637  width:auto !important;
12638  max-width:none;
12639  object-fit:contain;
12640}
12641@media (min-width:1024px){
12642  #od-header .od-logo img{ height:44px !important; } /* was 48px */
12643}
12644@media (max-width:1240px){
12645  #od-header .od-logo img{ height:34px !important; } /* was 36px */
12646}
12647@media (max-width:1080px){
12648  #od-header .od-logo img{ height:30px !important; } /* was 32px */
12649}
12650
12651
12652/* ===================== Header search (desktop) ===================== */
12653#header-search-input{
12654  border:1.5px solid #000 !important; border-radius:12px !important; background:#fff;
12655  box-shadow:none !important; outline:none !important; height:44px !important; padding-right:40px !important; min-width:250px;
12656}
12657#header-search-clear{ font-size:18px; line-height:1; color:#6b7280; background:transparent; border:0; padding:0; cursor:pointer; }
12658#header-search-clear:hover{ color:#000; }
12659#od-header .od-search-icon, #od-header .od-search-clear{
12660  position:absolute !important; right:12px !important; left:auto !important; top:50% !important; transform:translateY(-50%) !important;
12661}
12662#od-header .od-search-icon{ pointer-events:none; display:inline-flex; width:20px; height:20px; color:#6b7280; }
12663@media (min-width:768px){ .header-search-form{ width:100%; } }
12664
12665/* Mid-width adjustments */
12666@media (max-width:1210px){
12667  .od-actions .od-icon-label{ display:none; }
12668  .od-actions{ gap:10px; }
12669  .od-search{ width: clamp(220px, 26vw, 300px); max-width: calc(100vw - 380px); }
12670
12671  .od-actions .od-icon-wrap{ --icon-size-desktop:20px; }
12672  .od-actions [style*="--tap:"]{ --tap:28px; }
12673}
12674
12675/* Labels return above the medium breakpoint */
12676@media (min-width:1211px){
12677  .od-actions .od-icon-label{ display:inline; }
12678}
12679
12680@media (max-width:1080px){
12681  .od-search{ max-width: calc(100vw - 400px); }
12682}
12683
12684@media (min-width:768px) and (max-width:975px){
12685  #od-desktop-middle:not(.od-fixed) .od-search{
12686    width: clamp(180px, 22vw, 240px) !important;
12687    min-width: 180px !important;
12688    max-width: calc(100vw - 520px) !important;
12689  }
12690
12691  #od-desktop-middle:not(.od-fixed) #header-search-input{
12692    min-width: 180px;
12693  }
12694}
12695
12696/* ===================== Currency picker (desktop + mobile) ===================== */
12697.od-cp{ position:relative; display:inline-block; }
12698.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; }
12699.od-cp__btn:hover{ box-shadow:0 1px 6px rgba(0,0,0,.08); }
12700.od-cp__btn:active{ transform:translateY(1px); }
12701.od-cp__flag{ width:18px; height:18px; border-radius:50%; object-fit:cover; }
12702.od-cp__text{ font-weight:600; }
12703.od-cp__curr{ font-weight:500; opacity:.75; margin-left:.25rem; }
12704.od-cp__chev{ width:18px; height:18px; flex:0 0 18px; }
12705.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; }
12706.od-cp__list{ list-style:none; margin:0; padding:.25rem; }
12707.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; }
12708.od-cp__item:hover{ background:#f3f4f6; }
12709.od-cp__item.is-active{ background:#f9fafb; font-weight:600; }
12710.od-cp__label{ flex:1 1 auto; min-width:0; }
12711.od-cp__check{ width:18px; height:18px; opacity:.9; }
12712.od-soft-loading body{ cursor:progress; }
12713.od-cp__menu[hidden]{ display:none !important; }
12714
12715/* Mobile currency picker */
12716#od-header{ --od-mobile-header-h:56px; }
12717
12718
12719/* ===================== Mobile currency picker (viewport-fixed panel) ===================== */
12720#od-header{ --od-mobile-header-h:56px; } /* adjust if your header is taller */
12721
12722@media (max-width:767.98px){
12723
12724  .od-cp--mobile .od-cp__menu{
12725    position: fixed !important;
12726    left: 50% !important;
12727    transform: translateX(-50%) !important;
12728
12729    /* ✅ Use your JS-computed sticky header height (more accurate than 56px) */
12730    top: calc(var(--od-mobile-offset, 56px) + 16px) !important;
12731
12732    width: min(420px, 92vw) !important;
12733
12734    /* Shorten the panel so it never hides under the bottom player */
12735    /* If you still see clipping, bump 190px → 220px */
12736    max-height: calc(
12737      100dvh
12738      - var(--od-mobile-offset, 56px)
12739      - 190px
12740    ) !important;
12741
12742    overflow: auto !important;
12743    background: #fff;
12744    border-radius: 12px;
12745    box-shadow: 0 18px 40px rgba(0,0,0,.18);
12746    z-index: 9999;
12747
12748    padding: 20px 12px !important;
12749
12750    overscroll-behavior: contain;
12751    -webkit-overflow-scrolling: touch;
12752  }
12753
12754  .od-cp--mobile .od-cp-close-btn{
12755    position: sticky;
12756    top: 8px;
12757    margin-left: auto;
12758
12759    width: 34px;
12760    height: 34px;
12761
12762    display: flex;
12763    align-items: center;
12764    justify-content: center;
12765
12766    font-size: 20px;
12767    line-height: 1;
12768    border: 0;
12769    border-radius: 9999px;
12770    background: rgba(0,0,0,.06);
12771    color: #444;
12772    cursor: pointer;
12773
12774    z-index: 10;
12775  }
12776
12777}
12778
12779@media (max-width:767.98px){
12780  .od-cp--mobile .od-cp-close-btn{
12781    position: sticky;
12782    top: 8px;
12783    margin-left: auto;
12784    width: 34px;
12785    height: 34px;
12786    display:flex;
12787    align-items:center;
12788    justify-content:center;
12789    font-size:20px;
12790    line-height:1;
12791    border:0;
12792    border-radius:9999px;
12793    background: rgba(0,0,0,.06);
12794    color:#444;
12795    cursor:pointer;
12796    z-index:10;
12797  }
12798}
12799
12800
12801.od-cp--mobile .od-cp__list{
12802  padding:.35rem; /* slightly reduced */
12803}
12804
12805.od-cp--mobile .od-cp__item{
12806  padding:.5rem .7rem; /* slightly tighter rows */
12807}
12808
12809
12810/* ===================== Global lock while mobile panel open ===================== */
12811body.od-no-scroll{ overflow:hidden; overscroll-behavior:contain; }
12812
12813/* Mobile overlay/backdrop + transitions */
12814.od-mobile-backdrop{ background:rgba(0,0,0,.40); }
12815.od-mobile-overlay{ background:#fff !important; opacity:1; transform:translateZ(0); will-change:transform,opacity; }
12816.od-slide-enter, .od-slide-leave{ transition: transform 300ms ease, opacity 300ms ease; will-change: transform, opacity; }
12817.od-slide-enter-start{ transform:translateX(-100%); opacity:0; }
12818.od-slide-enter-end{ transform:translateX(0); opacity:1; }
12819.od-slide-leave-start{ transform:translateX(0); opacity:1; }
12820.od-slide-leave-end{ transform:translateX(-100%); opacity:0; }
12821
12822
12823
12824
12825  /* Gradient shadow strip sits just below the hairline */
12826  #od-header::before{
12827    content: "";
12828    position: absolute;
12829    left: 0; right: 0;
12830    top: calc(100% + var(--od-divider-width, 1px)); /* nudge below the line */
12831    height: 0;
12832    display: block;
12833    pointer-events: none;
12834    z-index: 101;
12835    opacity: 0;
12836    background: linear-gradient(
12837      to bottom,
12838      rgba(0,0,0,.10) 0%,
12839      rgba(0,0,0,.07) 40%,
12840      rgba(0,0,0,.03) 75%,
12841      rgba(0,0,0,0) 100%
12842    );
12843    transition: height 220ms ease, opacity 220ms ease;
12844    overflow: hidden;
12845  }
12846  #od-header.od-shadow-anim::before{ height:12px; opacity:1; }
12847}
12848
12849
12850/* When the mobile menu is open at the very top, keep the announcement bar visible and fixed */
12851@media (max-width:767.98px){
12852  .od-annc--fixed{
12853    position: fixed !important;
12854    top: env(safe-area-inset-top, 0);
12855    left: 0;
12856    right: 0;
12857    z-index: 110; /* above the fixed header (z:100) so it stays visible */
12858  }
12859}
12860
12861
12862/* ===================== Mobile menu list ===================== */
12863.od-mobile-menu{ list-style:none; margin:0; padding:0; }
12864.od-mobile-menu > li{ margin:0; }
12865.od-mobile-link{
12866  display:flex; align-items:center; justify-content:space-between; gap:12px;
12867  padding:14px 16px; border-bottom:1px solid #e5e7eb; text-decoration:none; color:#111;
12868  font-weight:600; line-height:1.2; min-height:48px;
12869}
12870button.od-mobile-link{
12871  width:100%; border-top:0; border-right:0; border-left:0;
12872  font:inherit; text-align:left; cursor:pointer;
12873}
12874.od-mobile-radio-link{
12875  width:100% !important; height:auto !important; min-height:48px !important;
12876  padding:14px 16px !important; flex-shrink:1 !important;
12877  font-weight:600 !important;
12878  background:transparent;
12879}
12880.od-mobile-radio-link:hover{
12881  background:#f9fafb;
12882}
12883.od-mobile-radio-link__label{
12884  display:inline-flex; align-items:center; gap:10px; min-width:0;
12885  font-weight:600 !important;
12886}
12887.od-mobile-radio-link__icon{
12888  display:block; width:28px; height:28px; flex:0 0 28px;
12889  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12890}
12891.od-mobile-radio-link__icon line,
12892.od-mobile-radio-link__icon rect,
12893.od-mobile-radio-link__icon circle{
12894  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12895  vector-effect:non-scaling-stroke;
12896}
12897.od-mobile-menu > li:first-child .od-mobile-link{ border-top:none; }
12898.od-mobile-menu > li:last-child  .od-mobile-link{ border-bottom:none; }
12899.od-mobile-link::after{
12900  content:""; width:18px; height:18px; flex:0 0 18px;
12901  -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;
12902  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;
12903  background:#3f3f46; opacity:.9;
12904}
12905.od-mobile-link:hover{ background:#f9fafb; }
12906.od-mobile-link:active{ background:#f3f4f6; }
12907@media (prefers-color-scheme:dark){
12908  .od-mobile-menu{ border-top-color:#262626; }
12909  .od-mobile-link{ border-bottom-color:#262626; color:#f5f5f5; }
12910  .od-mobile-link:hover{ background:#0b0b0b; }
12911  .od-mobile-link:active{ background:#111111; }
12912  .od-mobile-link::after{ background:#d4d4d8; }
12913}
12914.od-mobile-link__label{ font-size:1.05rem; letter-spacing:0; }
12915
12916/* ===================== Mobile overlay theme ===================== */
12917:root{ --od-overlay-bg:#fbf1ff; }
12918.od-mobile-overlay{ background:var(--od-overlay-bg) !important; }
12919.od-mobile-menu, .od-mobile-link{ background:transparent; }
12920.od-mobile-link{ border-bottom-color: color-mix(in srgb, #000 12%, var(--od-overlay-bg)); }
12921
12922/* ===================== Mobile search field ===================== */
12923@media (max-width:767.98px){
12924  [x-ref="mobileSearchInner"] form.flex{ position:relative; align-items:center; }
12925
12926  #od-header #od-mobile-search-input,
12927  input[type="search"]#od-mobile-search-input{
12928    appearance:none; -webkit-appearance:none; background:#fff !important;
12929    border:1px solid #111 !important; border-radius:12px !important;
12930    height:44px !important; padding:0 48px 0 12px !important; line-height:44px !important;
12931    box-shadow:none !important; outline:none !important; background-clip:padding-box; transition:border-color .15s ease;
12932  }
12933  #od-header #od-mobile-search-input:hover,
12934  #od-header #od-mobile-search-input:focus{ border-color:#000 !important; }
12935  #od-header #od-mobile-search-input::placeholder{ color:#6b7280; opacity:.95; }
12936
12937  .od-mobile-search-icon{
12938    position:absolute; right:8px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#6b7280; pointer-events:none;
12939  }
12940  .od-mobile-search-clear{
12941    position:absolute; right:8px; top:50%; transform:translateY(-50%);
12942    width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
12943    font-size:22px; line-height:1; color:#6b7280; background:transparent; border:0; border-radius:9999px; cursor:pointer;
12944  }
12945  .od-mobile-search-clear:hover{ color:#111; }
12946  .od-mobile-search-clear:active{ transform:translateY(-50%) scale(0.96); }
12947  input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
12948}
12949
12950/* ===================== Cart badge ===================== */
12951.od-has-badge{ position:relative; }
12952.od-cart-badge{
12953  position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px;
12954  display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; line-height:1;
12955  color:#fff; background:#af851d; border-radius:9999px; box-shadow:0 2px 4px rgba(0,0,0,.35); pointer-events:none;
12956}
12957@media (min-width:768px){
12958  .od-cart-badge{ min-width:20px; height:20px; font-size:12px; }
12959}
12960@media (max-width:767.98px){
12961  .od-has-badge .od-cart-badge{ top:-2px; right:-2px; }
12962}
12963
12964/* ===================== Desktop topbar spacing ===================== */
12965@media (min-width:768px){
12966  #od-header .od-topbar{ margin-top:-0.75rem; padding-top:.5rem; padding-bottom:.5rem; }
12967  #od-header .od-topbar .od-cp__btn{ transform:translateY(2px); }
12968}
12969/* ===================================================================
12970   DESKTOP MIDDLE ROW HANDOFF (static → fixed). JS toggles .od-fixed.
12971   =================================================================== */
12972@media (min-width:768px){
12973  /* Start in normal flow */
12974  #od-desktop-middle{
12975    position: relative !important;
12976    top: auto !important;
12977    z-index: 60;
12978    background:#fff;
12979    box-sizing: border-box !important; /* same in both states */
12980  }
12981
12982  /* Fixed state uses ONLY the measured vars (width/left/height) */
12983  #od-desktop-middle.od-fixed{
12984    position: fixed !important;
12985    top: var(--od-desktop-offset, 0px) !important;
12986    left: var(--od-row-left, 0px) !important;
12987    width: var(--od-row-width, 100%) !important;
12988    height: var(--od-row-h, auto) !important;   /* <— lock height to static */
12989    margin-top: 0 !important;
12990    z-index: 70;
12991
12992    /* Keep the inner bar identical */
12993    background: transparent; /* background now comes from ::before */
12994    box-sizing: border-box !important;
12995    transform: none !important;
12996    border-radius: 0 !important;
12997
12998    /* Ensure pseudo-element can sit behind content but above page */
12999    isolation: isolate;
13000  }
13001
13002/* Full-bleed background only while sticky, behind the content */
13003/* Divider tokens (same ones your static hairlines use) */
13004#od-header{
13005  --od-divider-width: 1px;
13006  --od-divider-color: #e5e7eb; /* set to the exact static shade */
13007}
13008
13009/* Full-bleed background + matching hairline while the middle row is sticky */
13010@media (min-width:768px){
13011  #od-desktop-middle.od-fixed{
13012    /* keeps the pseudo behind content but above page */
13013    isolation: isolate;
13014  }
13015
13016  #od-desktop-middle.od-fixed::before{
13017    content:"";
13018    position:absolute;
13019    top:0;
13020    bottom:0;
13021    left: calc(-1 * var(--od-row-left, 0px)); /* align to full viewport */
13022    width:100vw;
13023    background:#fff;
13024
13025    /* stays in the row’s stacking context so it sits above the page and nav,
13026       but behind the row’s content */
13027    z-index:-1;
13028    pointer-events:none;
13029
13030}
13031/* Sticky hairline as a fixed, full-bleed 1px bar (crisp) */
13032@media (min-width:768px){
13033  /* Only when the middle row is sticky */
13034  #od-header:has(#od-desktop-middle.od-fixed)::after{
13035    content:"";
13036    position: fixed;
13037    /* bottom edge of the sticky row */
13038    top: calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px));
13039    left: 0;
13040    width: 100vw;
13041    height: var(--od-divider-width, 1px);
13042    background: var(--od-divider-color, #e5e7eb);
13043    z-index: 70;           /* above page content / nav, under overlays */
13044    pointer-events: none;
13045  }
13046}
13047
13048
13049/* Static mode keeps using your existing rules:
13050   - header wrapper ::after hairline via :has(...)
13051   - or #od-desktop-nav::before when not sticky.
13052   Nothing else to change there. */
13053
13054
13055
13056  /* Spacer keeps layout stable while fixed */
13057  #od-desktop-middle.od-fixed + #od-desktop-middle-spacer{
13058    height: var(--od-row-h, 0px) !important;
13059  }
13060}
13061
13062
13063/* Sentinel is harmless; scroll code reads its top() */
13064.od-middle-sentinel{ height:1px; pointer-events:none; }
13065/* ===== Desktop sticky affordances ===== */
13066@media (min-width:768px){
13067  /* Burger: hidden by default, visible when sticky */
13068  .od-desktop-burger{
13069    position:absolute; left: calc(var(--od-row-left, 0px) + 8px); top:50%;
13070    transform: translateY(-50%); width:36px; height:36px;
13071    border-radius:10px; color:#111; background:transparent; border:1px solid #ddd;
13072    opacity:0; pointer-events:none; transition:opacity 180ms ease, background 120ms ease, border-color 120ms ease;
13073    z-index: 5;
13074  }
13075  /* Anchor to viewport edge while sticky (full-bleed context) */
13076  #od-desktop-middle.od-fixed .od-desktop-burger{
13077    left: calc(-1 * var(--od-row-left, 0px) + 8px);
13078  }
13079  .od-desktop-burger:hover{ background:#f7f7f7; border-color:#ccc; }
13080  .od-desktop-burger:focus{ outline:2px solid #6b46c1; outline-offset:2px; }
13081
13082  .od-burger-icon, .od-close-icon{ width:22px; height:22px; display:block; }
13083  .od-close-icon{ display:none; }
13084  /* Swap icons when open */
13085  .od-desktop-menu-open .od-burger-icon{ display:none; }
13086  .od-desktop-menu-open .od-close-icon{ display:block; }
13087
13088  /* Only show the burger when sticky */
13089  #od-desktop-middle.od-fixed .od-desktop-burger{
13090    opacity:1; pointer-events:auto;
13091  }
13092
13093  /* Shift the logo 50px to the right when sticky (no reflow) */
13094  #od-desktop-middle .od-logo{ transition: transform 220ms ease; }
13095  #od-desktop-middle.od-fixed .od-logo{ transform: translateX(50px); }
13096
13097 /* Nav: keep the static nav in normal flow; show a separate fixed flydown only when sticky+open */
13098@media (min-width:768px){
13099  /* The static nav stays in flow always */
13100  #od-desktop-nav{ position:relative; overflow:visible; }
13101  #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13102    position: relative !important;
13103    top:auto !important; left:auto !important; width:auto !important;
13104    padding-left:0 !important; padding-right:0 !important;
13105    background:#fff; z-index:auto;
13106    max-height:none; opacity:1; transform:none;
13107    overflow:visible; pointer-events:auto; animation:none !important;
13108  }
13109
13110  /* NEW: sticky flydown (separate element) */
13111  #od-desktop-flydown{ display:none; }
13112  #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13113    display:block;
13114    position:fixed;
13115    top: calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px));
13116    left: 0;
13117    width: 100vw;
13118
13119    /* align inner content to centered container */
13120    padding-left: var(--od-row-left, 0px);
13121    padding-right: calc(100vw - var(--od-row-left, 0px) - var(--od-row-width, 100vw));
13122
13123    background:#fff;
13124    z-index:69;
13125
13126    /* collapsed by default */
13127    max-height:0;
13128    opacity:0;
13129    transform: translateY(-8px);
13130    pointer-events:none;
13131    overflow:hidden;
13132
13133    transition: max-height 260ms ease, opacity 220ms ease, transform 260ms ease;
13134    will-change: max-height, opacity, transform;
13135  }
13136
13137/* Open state (sticky + hamburger open) */
13138.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13139  max-height:80vh;
13140  opacity:1;
13141  transform: translateY(0);
13142  pointer-events:auto;
13143  overflow: visible; /* <-- let the ::after shadow spill below */
13144}
13145
13146
13147  /* Bottom shadow for the flydown */
13148  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13149    content:"";
13150    position:absolute;
13151    left: 0;
13152    bottom: -14px;
13153    width: 100vw;
13154    height: 14px;
13155    background: linear-gradient(
13156      to bottom,
13157      rgba(0,0,0,.14) 0%,
13158      rgba(0,0,0,.08) 45%,
13159      rgba(0,0,0,0) 100%
13160    );
13161    opacity: 0;
13162    transition: opacity 220ms ease;
13163    pointer-events: none;
13164  }
13165  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13166    opacity: 1;
13167  }
13168
13169  /* Avoid double shadow: hide the row shadow while flydown is open */
13170  .od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity:0; }
13171
13172  @media (prefers-reduced-motion: reduce){
13173    #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13174      transition:none; transform:none;
13175    }
13176    #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13177      transition:none;
13178    }
13179  }
13180}
13181
13182
13183/* Keep the bottom shadow visible while closing, then fade it out */
13184#od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing::after{
13185  opacity: 1;
13186  animation: od-shadow-fade 220ms ease both;
13187}
13188
13189@keyframes od-nav-rise{
13190  from { max-height: 80vh; opacity: 1; transform: translateY(0); }
13191  to   { max-height: 0;    opacity: 0; transform: translateY(-8px); }
13192}
13193
13194@keyframes od-shadow-fade{
13195  from { opacity: 1; }
13196  to   { opacity: 0; }
13197}
13198
13199
13200/* Bottom shadow exists in sticky state so it can animate smoothly */
13201#od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13202  content:"";
13203  position:absolute;
13204  left: 0;
13205  bottom: -14px;
13206  width: 100vw;
13207  height: 14px;
13208  background: linear-gradient(
13209    to bottom,
13210    rgba(0,0,0,.14) 0%,
13211    rgba(0,0,0,.08) 45%,
13212    rgba(0,0,0,0) 100%
13213  );
13214  opacity: 0;                         /* hidden until the third row is triggered */
13215  transition: opacity 220ms ease;
13216  pointer-events: none;
13217}
13218
13219/* Show shadow when the third row (nav) is triggered/open */
13220.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13221  opacity: 1;
13222}
13223
13224/* Hide the sticky row’s own shadow while menu is open (avoid double shadow) */
13225.od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity: 0; }
13226
13227/* Motion safety */
13228@media (prefers-reduced-motion: reduce){
13229  #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13230    transition: none; transform: none;
13231  }
13232  #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13233    transition: none;
13234  }
13235}
13236/* Let the shadow spill out when the third row is open */
13237.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13238  overflow: visible; /* was hidden */
13239}
13240
13241/* Make sure the shadow paints above page content */
13242#od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13243  z-index: 1; /* within the nav’s stacking context */
13244}
13245
13246
13247  /* Shadow: when menu closed, shadow sits under row (existing ::after).
13248     When menu open, hide row shadow and draw shadow under the expanded nav. */
13249  .od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity:0; }
13250
13251  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13252    content:"";
13253    position:absolute;
13254    left: calc(-1 * var(--od-row-left, 0px));
13255    bottom: -14px;
13256    width: 100vw;
13257    height: 14px;
13258    background: linear-gradient(
13259      to bottom,
13260      rgba(0,0,0,.14) 0%,
13261      rgba(0,0,0,.08) 45%,
13262      rgba(0,0,0,0) 100%
13263    );
13264    pointer-events:none;
13265  }
13266}
13267
13268/* ===== Sticky shadow (full-bleed) — fades in when od-fixed is active ===== */
13269@media (min-width:768px){
13270  /* Base: define the shadow strip but keep it invisible in static mode */
13271  #od-desktop-middle{
13272    position: relative; /* already set above; harmless if duplicated */
13273  }
13274  #od-desktop-middle::after{
13275    content:"";
13276    position: absolute;              /* anchored to the row */
13277    top: 100%;                       /* sit just below the row */
13278    left: calc(-1 * var(--od-row-left, 0px));
13279    width: 100vw;                    /* full viewport width */
13280    height: 14px;                    /* shadow thickness */
13281    background: linear-gradient(
13282      to bottom,
13283      rgba(0,0,0,.14) 0%,
13284      rgba(0,0,0,.08) 45%,
13285      rgba(0,0,0,0) 100%
13286    );
13287    opacity: 0;                      /* hidden until sticky */
13288    pointer-events: none;
13289    z-index: -1;                     /* behind header content, above page (thanks to isolate) */
13290    transition: opacity 220ms ease;  /* fade in/out */
13291  }
13292
13293  /* When sticky: fade the shadow in */
13294  #od-desktop-middle.od-fixed{
13295    isolation: isolate;              /* already present in your block; ensures layering */
13296  }
13297  #od-desktop-middle.od-fixed::after{
13298    opacity: 1;
13299  }
13300}
13301/* ===== Smaller desktop search height, centered in row (static + sticky) ===== */
13302@media (min-width:768px){
13303  /* Tweak this one var if you want even smaller/taller later */
13304  :root{ --od-search-h: 36px; } /* was 44px */
13305
13306  /* Ensure the search wrapper vertically centers within the 64px row */
13307  #od-desktop-middle .od-search{
13308    align-items: center; /* the wrapper already has display:flex; this centers it */
13309  }
13310
13311  /* Make the input shorter but keep it visually centered */
13312  #header-search-input{
13313    height: var(--od-search-h) !important;
13314    line-height: var(--od-search-h) !important;
13315    padding-top: 0 !important;
13316    padding-bottom: 0 !important;
13317  }
13318
13319  /* Keep the icons perfectly centered on the new height (already mostly set) */
13320  #od-header .od-search-icon,
13321  #od-header .od-search-clear{
13322    top: 50% !important;
13323    transform: translateY(-50%) !important;
13324  }
13325}
13326/* 1) Don't let the logo wrapper swallow clicks over the burger */
13327@media (min-width:768px){
13328  /* only disable pointer events on the LEFT logo wrapper, not the actions */
13329  #od-desktop-middle > .flex.items-center.z-10:not(.od-actions){ pointer-events:none; }
13330  #od-desktop-middle > .flex.items-center.z-10:not(.od-actions) .od-logo{ pointer-events:auto; }
13331
13332  /* ensure the right-side actions stay fully clickable */
13333  #od-desktop-middle .od-actions,
13334  #od-desktop-middle .od-actions a{ pointer-events:auto; }
13335}
13336
13337/* 2) Ensure the burger/close button sits on top and the whole box is hot */
13338@media (min-width:768px){
13339  #od-desktop-middle .od-desktop-burger{
13340    width:44px; height:44px;          /* explicit hit area */
13341    z-index:80;                        /* above .od-logo/.od-actions (z-10) */
13342    pointer-events:auto;
13343  }
13344  #od-desktop-middle .od-desktop-burger::before{
13345    content:""; position:absolute; inset:0; /* guarantees hover over full box */
13346  }
13347}
13348/* Desktop burger: slightly smaller + a little more inset */
13349@media (min-width:768px){
13350  /* shrink the button hit area a touch */
13351  #od-desktop-middle .od-desktop-burger{
13352    width:40px; height:40px;           /* was 44 (or 36 earlier) */
13353    border-radius:8px;                  /* slightly tighter corners */
13354  }
13355
13356  /* shrink the glyphs */
13357  #od-desktop-middle .od-burger-icon,
13358  #od-desktop-middle .od-close-icon{
13359    width:20px; height:20px;           /* was 22 */
13360  }
13361
13362  /* move the button a few pixels away from the viewport edge */
13363  #od-desktop-middle .od-desktop-burger{
13364    left: calc(var(--od-row-left, 0px) + 12px); /* was + 8px */
13365  }
13366  #od-desktop-middle.od-fixed .od-desktop-burger{
13367    left: calc(-1 * var(--od-row-left, 0px) + 12px); /* was + 8px */
13368  }
13369}
13370
13371
13372  /* Turn OFF every other bottom line/shadow so we don't double-draw */
13373  #od-desktop-middle:not(.od-fixed) ~ #od-desktop-nav::before { content:none !important; } /* old static line */
13374  #od-desktop-nav::after  { content:none !important; }                                    /* shadow strip */
13375
13376  #od-header:has(#od-desktop-middle.od-fixed)::after { content:none !important; }         /* old sticky line from header */
13377}
13378
13379/* Shadow under the third row (flydown) only when sticky + menu open */
13380@media (min-width:768px){
13381  /* Define the shadow for sticky state, hidden by default */
13382  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13383    content:"";
13384    position:absolute;
13385    left:0;
13386    bottom:-14px;              /* how far it “spills” below the nav */
13387    width:100vw;
13388    height:14px;               /* shadow thickness */
13389    background:linear-gradient(
13390      to bottom,
13391      rgba(0,0,0,.14) 0%,
13392      rgba(0,0,0,.08) 45%,
13393      rgba(0,0,0,0) 100%
13394    );
13395    opacity:0;
13396    transition:opacity 220ms ease;
13397    pointer-events:none;
13398    z-index:69;                /* above page content, below overlays */
13399  }
13400
13401  /* Reveal shadow only when the hamburger is open */
13402  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13403    content:"" !important;     /* override any earlier content:none */
13404    opacity:1;
13405  }
13406}
13407
13408
13409/* Nav spacer no longer needed because static nav never becomes fixed */
13410#od-desktop-middle ~ #od-desktop-nav-spacer{
13411  height:0 !important;
13412  transition:none !important;
13413}
13414
13415/* Desktop: smaller logo, same header height via wrapper padding (unchanged) */
13416@media (min-width:768px){
13417  #od-desktop-middle .od-logo{ padding-top:3px; padding-bottom:3px; }
13418  #od-desktop-middle .od-logo img{ height:36px !important; }
13419}
13420@media (min-width:1024px){
13421  #od-desktop-middle .od-logo{ padding-top:3px; padding-bottom:3px; }
13422  #od-desktop-middle .od-logo img{ height:44px !important; }
13423}
13424
13425/* MOBILE — single thin hairline on the normal header (menu closed) */
13426@media (max-width:767.98px){
13427  /* Define the divider tokens once */
13428  #od-header{
13429    --od-divider-width: 1px;
13430    --od-divider-color: #e5e7eb;
13431  }
13432
13433  /* Put the line on the inner container so it stays with sticky header */
13434  #od-header > .max-w-7xl{
13435    position: relative;
13436    border-bottom: var(--od-divider-width) solid var(--od-divider-color);
13437  }
13438
13439  /* When the hamburger overlay is open, hide the line to avoid the “extra line” in the panel */
13440  #od-header.od-shadow-anim > .max-w-7xl{
13441    border-bottom: 0 !important;
13442  }
13443
13444  /* Keep the gradient strip below the hairline (so it never covers it) */
13445  #od-header::before{
13446    top: 100%;
13447
13448  }
13449}
13450
13451/* Tailwind-only shadow for the mobile header when fixed */
13452@media (max-width:767.98px){
13453  #od-header.od-header-fixed{
13454    /* Force-use Tailwind’s shadow variables so `shadow-sm`/`shadow-md` keep working */
13455    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
13456                var(--tw-ring-shadow, 0 0 #0000),
13457                var(--tw-shadow) !important;
13458  }
13459}
13460
13461/* DESKTOP — single full-bleed hairline at the bottom of the header (static) */
13462@media (min-width:768px){
13463  /* tokens (same as original) */
13464  #od-header{
13465    --od-divider-width: 1px;
13466    --od-divider-color: #e5e7eb;
13467  }
13468
13469  /* make inner container a positioning context */
13470  #od-header > .max-w-7xl{ position: relative; }
13471
13472  /* draw one full-bleed line at the very bottom of the header */
13473  #od-header > .max-w-7xl::after{
13474    content:"";
13475    position:absolute;
13476    left:50%;
13477    transform:translateX(-50%);
13478    bottom:0;
13479    width:100vw;
13480    height:var(--od-divider-width,1px);
13481    background:var(--od-divider-color,#e5e7eb);
13482    pointer-events:none;
13483    z-index:1;
13484  }
13485
13486  /* safety: when the middle row is sticky, don’t double-draw this static line */
13487  #od-header:has(#od-desktop-middle.od-fixed) > .max-w-7xl::after{
13488    content:none !important;
13489  }
13490}
13491
13492/* Align cart + wishlist badges horizontally on DESKTOP */
13493@media (min-width: 768px){
13494  #od-desktop-header .od-icon-wrap.od-has-badge{ position:relative; }
13495
13496  /* Shared offsets (tweak these two vars if you want) */
13497  #od-desktop-header .od-actions .od-icon-link .od-cart-badge{
13498    /* ↓ try -2px or -3px to move the bubble DOWN */
13499    top: var(--badge-top, -3px) !important;
13500    /* ↓ smaller magnitude pulls the bubble closer to the icon */
13501    right: var(--badge-right, -6px) !important;
13502  }
13503
13504  /* If the heart’s silhouette needs a tiny nudge, do it here (optional) */
13505  #od-desktop-header .od-icon-link.swym-wishlist .od-cart-badge{
13506    right: var(--wishlist-badge-right, -6px) !important; /* match cart by default */
13507  }
13508}
13509
13510@media (max-width:767.98px){
13511  .od-cp--mobile{
13512    display:block !important;
13513    width:100% !important;
13514    text-align:center !important;
13515  }
13516  .od-cp--mobile .od-cp__btn{
13517    margin-left:auto !important;
13518    margin-right:auto !important;
13519  }
13520}
13521@media (max-width:767.98px){
13522  .od-mobile-overlay .od-cp--mobile{
13523    margin-top: 14px !important;
13524  }
13525}
13526@media (max-width:767.98px){
13527  body.od-cp-open .od-mobile-overlay{
13528    overflow: hidden !important;     /* ✅ stops scrolling behind */
13529    overscroll-behavior: contain;
13530  }
13531}
13532
13533@media (max-width:767.98px){
13534  body.od-cp-open .od-mobile-overlay{
13535    transform: none !important;      /* ✅ allows popup to be viewport-fixed */
13536  }
13537}
13538
13539/* Desktop sticky menu: keep one shadow owner at a time to prevent flicker */
13540@media (min-width:768px){
13541  /* Disable the older pseudo-element shadow stack in sticky mode. */
13542  #od-header:has(#od-desktop-middle.od-fixed)::after,
13543  #od-desktop-middle.od-fixed::after,
13544  #od-desktop-middle.od-fixed ~ #od-desktop-nav::after,
13545  #od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing::after{
13546    content: none !important;
13547    animation: none !important;
13548  }
13549
13550  /* The sticky middle row owns the closed-state shadow. */
13551  #od-desktop-middle.od-fixed{
13552    box-shadow: 0 14px 20px -20px rgba(0,0,0,.38);
13553  }
13554
13555  /* The flydown owns the open-state shadow and keeps overflow stable. */
13556  #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13557    overflow: hidden;
13558    backface-visibility: hidden;
13559    -webkit-backface-visibility: hidden;
13560    transform-origin: top center;
13561    box-shadow: 0 0 0 rgba(0,0,0,0);
13562    transition:
13563      max-height 260ms ease,
13564      opacity 220ms ease,
13565      transform 260ms ease,
13566      box-shadow 220ms ease;
13567  }
13568
13569  .od-desktop-menu-open #od-desktop-middle.od-fixed{
13570    box-shadow: none;
13571  }
13572
13573  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13574    overflow: visible;
13575    box-shadow: none;
13576  }
13577
13578  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13579    content:"";
13580    position:absolute;
13581    left:0;
13582    bottom:-14px;
13583    width:100vw;
13584    height:14px;
13585    background: linear-gradient(
13586      to bottom,
13587      rgba(0,0,0,.14) 0%,
13588      rgba(0,0,0,.08) 45%,
13589      rgba(0,0,0,0) 100%
13590    );
13591    opacity:0;
13592    transition:opacity 220ms ease;
13593    pointer-events:none;
13594  }
13595
13596  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13597    opacity:1;
13598  }
13599
13600  /* Safety: the legacy close-animation class should not affect the static nav now. */
13601  #od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing{
13602    animation: none !important;
13603  }
13604}
13605
13606/* Sticky Row 2 only: desktop/tablet breakpoint overrides */
13607@media (min-width:768px){
13608  #od-desktop-middle .od-sticky-mobile-search-trigger{
13609    display:none;
13610  }
13611
13612  #od-desktop-middle.od-fixed{
13613    --od-sticky-logo-h: 44px;
13614    --od-sticky-search-max: 420px;
13615  }
13616
13617  #od-desktop-middle.od-fixed .od-desktop-burger{
13618    position:absolute;
13619  }
13620
13621  #od-desktop-middle.od-fixed .od-logo{
13622    padding-top:3px;
13623    padding-bottom:3px;
13624  }
13625
13626  #od-desktop-middle.od-fixed .od-logo img{
13627    height:var(--od-sticky-logo-h) !important;
13628  }
13629
13630  #od-desktop-middle.od-fixed .od-search{
13631    max-width:var(--od-sticky-search-max) !important;
13632  }
13633
13634  #od-desktop-middle.od-fixed .od-search > .relative,
13635  #od-desktop-middle.od-fixed .header-search-form{
13636    width:100%;
13637  }
13638
13639  #od-desktop-middle.od-fixed #header-search-input{
13640    min-width:250px;
13641  }
13642
13643  #od-desktop-middle.od-fixed .od-icon-link{
13644    flex-shrink:0;
13645  }
13646}
13647
13648@media (min-width:768px) and (max-width:1275px){
13649  #od-desktop-middle.od-fixed .od-icon-label{
13650    display:none;
13651  }
13652
13653  #od-desktop-middle.od-fixed .od-actions{
13654    gap:10px;
13655  }
13656
13657  #od-desktop-middle.od-fixed .od-actions .od-icon-wrap{
13658    --icon-size-desktop:20px;
13659  }
13660
13661  #od-desktop-middle.od-fixed .od-actions [style*="--tap:"]{
13662    --tap:28px;
13663  }
13664}
13665
13666@media (min-width:768px) and (max-width:1150px){
13667  #od-desktop-middle.od-fixed{
13668    --od-sticky-logo-h: 34px;
13669    --od-sticky-search-max: 360px;
13670  }
13671}
13672
13673@media (min-width:768px) and (max-width:1080px){
13674  #od-desktop-middle.od-fixed .od-search{
13675    max-width:320px !important;
13676  }
13677}
13678
13679@media (min-width:768px) and (max-width:980px){
13680  #od-desktop-middle.od-fixed .od-search{
13681    display:none !important;
13682  }
13683
13684  #od-desktop-middle.od-fixed .od-actions{
13685    gap:8px;
13686  }
13687
13688  #od-desktop-middle.od-fixed .od-sticky-mobile-search-trigger{
13689    display:inline-flex;
13690    width:38px;
13691    height:38px;
13692    --icon-size-desktop:24px;
13693  }
13694
13695  #od-desktop-middle.od-fixed .od-actions .od-icon-wrap{
13696    --icon-size-desktop:24px;
13697  }
13698
13699  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"]{
13700    display:block !important;
13701    position:fixed;
13702    top:calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px) + 8px);
13703    left:var(--od-row-left, 16px);
13704    width:var(--od-row-width, calc(100vw - 32px));
13705    margin-top:0 !important;
13706    z-index:90;
13707    background:#fff;
13708    border-bottom:var(--od-divider-width, 1px) solid var(--od-divider-color, #e5e7eb);
13709    border-radius:0;
13710    max-width:var(--od-sticky-search-max) !important;
13711    box-shadow:none;
13712    overflow:hidden;
13713    transform-origin:top;
13714    transition:max-height 300ms ease, opacity 300ms ease, transform 300ms ease;
13715    will-change:max-height, opacity, transform;
13716  }
13717
13718  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"]{
13719    padding:0;
13720  }
13721
13722  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"].p-3{
13723    padding:12px 12px 16px !important;
13724  }
13725
13726  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"] form.flex{
13727    position:relative;
13728    align-items:center;
13729  }
13730
13731  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input{
13732    appearance:none;
13733    -webkit-appearance:none;
13734    background:#fff !important;
13735    border:1px solid #111 !important;
13736    border-radius:12px !important;
13737    height:44px !important;
13738    padding:0 48px 0 12px !important;
13739    line-height:44px !important;
13740    box-shadow:none !important;
13741    outline:none !important;
13742    background-clip:padding-box;
13743    transition:border-color .15s ease;
13744  }
13745
13746  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input:hover,
13747  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input:focus{
13748    border-color:#000 !important;
13749  }
13750
13751  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input::placeholder{
13752    color:#6b7280;
13753    opacity:.95;
13754  }
13755
13756  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"] .od-mobile-search-icon{
13757    position:absolute;
13758    top:50%;
13759    right:8px;
13760    left:auto;
13761    width:20px;
13762    height:20px;
13763    transform:translateY(-50%);
13764    pointer-events:none;
13765  }
13766
13767  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"] .od-mobile-search-clear{
13768    position:absolute;
13769    top:50%;
13770    right:8px;
13771    transform:translateY(-50%);
13772    width:40px;
13773    height:40px;
13774    display:inline-flex;
13775    align-items:center;
13776    justify-content:center;
13777    font-size:22px;
13778    line-height:1;
13779    color:#6b7280;
13780    background:transparent;
13781    border:0;
13782    border-radius:9999px;
13783    cursor:pointer;
13784    overflow:visible;
13785  }
13786}
13787
13788
13789</style>
13790
13791
13792<script>
13793(function(){
13794  window.OD = window.OD || {};
13795
13796  function initDesktopPin(){
13797    if (OD._desktopPinCleanup) {
13798      OD._desktopPinCleanup();
13799      OD._desktopPinCleanup = null;
13800    }
13801
13802    const header   = document.getElementById('od-header');
13803    if(!header) return;
13804
13805    const frame    = header.querySelector('.max-w-7xl');                // centered container
13806    const row      = header.querySelector('#od-desktop-middle');        // middle row
13807    let   sentinel = header.querySelector('#od-middle-top-sentinel')
13808                   || header.querySelector('.od-middle-sentinel');      // 1px above row
13809    const spacer   = header.querySelector('#od-desktop-middle-spacer'); // spacer after row
13810    if(!frame || !row || !spacer) return;
13811
13812    let destroyed = false;
13813    let fixed = row.classList.contains('od-fixed');
13814    let framePending = false;
13815    let scrollFrame = null;
13816    let lockFrame = null;
13817    let initFrame = null;
13818    let initTimeout = null;
13819    let rowResizeObserver = null;
13820    let lastRowLeft = null;
13821    let lastRowWidth = null;
13822    let lastRowHeight = null;
13823    let lastSpacerHeight = null;
13824    let lastNavReserve = null;
13825    const cleanupFns = [];
13826    const desktopQuery = window.matchMedia('(min-width: 768px)');
13827    const rootStyle = document.documentElement.style;
13828
13829    const addListener = (target, type, handler, options) => {
13830      if (!target || !target.addEventListener) return;
13831      target.addEventListener(type, handler, options);
13832      cleanupFns.push(() => target.removeEventListener(type, handler, options));
13833    };
13834
13835    const watchQuery = (query, handler) => {
13836      if (!query) return;
13837      if (query.addEventListener) {
13838        query.addEventListener('change', handler);
13839        cleanupFns.push(() => query.removeEventListener('change', handler));
13840      } else if (query.addListener) {
13841        query.addListener(handler);
13842        cleanupFns.push(() => query.removeListener(handler));
13843      }
13844    };
13845
13846    // Ensure there is a sentinel just before the row
13847    if (!sentinel){
13848      sentinel = document.createElement('div');
13849      sentinel.id = 'od-middle-top-sentinel';
13850      sentinel.className = 'od-middle-sentinel';
13851      sentinel.setAttribute('aria-hidden','true');
13852      sentinel.style.height = '1px';
13853      row.parentNode.insertBefore(sentinel, row);
13854    }
13855// === NAV STATIC HEIGHT MEASUREMENT (for layout spacer) ===
13856const nav = header.querySelector('#od-desktop-nav');
13857
13858// Ghost line that mirrors the nav's bottom border while it recedes under the sticky row
13859const ghostLine = document.getElementById('od-nav-ghost-line') || (() => {
13860  const el = document.createElement('div');
13861  el.id = 'od-nav-ghost-line';
13862  el.setAttribute('aria-hidden', 'true');
13863  el.style.cssText = [
13864    'position:fixed',
13865    'left:0',
13866    'width:100vw',
13867    'height:var(--od-divider-width,1px)',
13868    'background:var(--od-divider-color,#e5e7eb)',
13869    'pointer-events:none',
13870    'z-index:80',     // above the sticky row (z-70), but below overlays
13871    'display:none'
13872  ].join(';');
13873  document.body.appendChild(el);
13874  return el;
13875})();
13876
13877
13878	function setNavStaticHeight(){
13879	  if (destroyed) return;
13880	  if (!nav) return;
13881
13882	  // Skip measuring while the drawer is fixed/open or animating closed.
13883  // (We re-measure on animationend elsewhere.)
13884  const isSticky = row.classList.contains('od-fixed');
13885  const headerRoot = document.getElementById('od-header');
13886  const isOpen = !!(
13887    headerRoot &&
13888    (headerRoot.classList.contains('od-desktop-menu-open') ||
13889     (headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen))
13890  );
13891  if ((isSticky && isOpen) || nav.classList.contains('od-closing')) return;
13892
13893  try {
13894    const dpr   = window.devicePixelRatio || 1;
13895    const rectH = nav.getBoundingClientRect().height || 0;
13896    const cs    = getComputedStyle(nav);
13897    const mt    = parseFloat(cs.marginTop)    || 0;
13898    const mb    = parseFloat(cs.marginBottom) || 0;
13899
13900    // Reserve the full block space the nav occupies in normal flow:
13901    // content height + top margin (+ bottom margin, defensively).
13902	    const reserve = Math.max(0, Math.round((rectH + mt + mb) * dpr) / dpr);
13903
13904	    if (reserve !== lastNavReserve) {
13905	      rootStyle.setProperty('--od-nav-static-h', reserve + 'px');
13906	      lastNavReserve = reserve;
13907	    }
13908	  } catch (e) {
13909	    // Fail-safe: never let an exception here stop the sticky logic.
13910	    // (Keep the prior --od-nav-static-h value.)
13911	  }
13912	}
13913
13914
13915
13916	// Initial measure + keep it fresh
13917	setNavStaticHeight();
13918	if (document.fonts && document.fonts.ready) {
13919	  document.fonts.ready.then(() => {
13920	    if (!destroyed) setNavStaticHeight();
13921	  });
13922	}
13923	nav && nav.querySelectorAll('img').forEach(img => {
13924	  if (!img.complete) addListener(img, 'load', setNavStaticHeight, { once:true });
13925	});
13926	addListener(window, 'resize', setNavStaticHeight, { passive:true });
13927	addListener(document, 'od:after-swap', setNavStaticHeight);
13928	addListener(document, 'shopify:page:load', setNavStaticHeight);
13929	// After close animation finishes, re-measure
13930	nav && addListener(nav, 'animationend', setNavStaticHeight);
13931
13932	    const DPR = window.devicePixelRatio || 1;
13933	    const px  = v => Math.round(v * DPR) / DPR;   // snap to device pixels
13934	    const HYST = 40;                               // px of hysteresis — wide enough that trackpad momentum/bounce can't rattle the row across the stick/unstick boundary
13935
13936	    // Match FIXED row left/width to the frame’s *content* box (padding-aware)
13937	    const syncFrameBox = () => {
13938	      if (destroyed) return { left: lastRowLeft || 0, width: lastRowWidth || 0 };
13939	      const fr  = frame.getBoundingClientRect();
13940	      const cs  = getComputedStyle(frame);
13941	      const padL = parseFloat(cs.paddingLeft)  || 0;
13942	      const padR = parseFloat(cs.paddingRight) || 0;
13943	      const left  = px(fr.left + padL);
13944	      const width = px(Math.max(0, fr.width - padL - padR));
13945	      if (left !== lastRowLeft) {
13946	        rootStyle.setProperty('--od-row-left',  left + 'px');
13947	        lastRowLeft = left;
13948	      }
13949	      if (width !== lastRowWidth) {
13950	        rootStyle.setProperty('--od-row-width', width + 'px');
13951	        lastRowWidth = width;
13952	      }
13953	      return { left, width };
13954	    };
13955
13956    const getOffset = () => {
13957      const v = getComputedStyle(document.documentElement).getPropertyValue('--od-desktop-offset');
13958      return parseFloat(v) || 0;
13959    };
13960
13961	    const applySpacer = () => {
13962	      if (destroyed) return lastRowHeight || 0;
13963	      const h = px(Math.max(0, row.getBoundingClientRect().height || row.offsetHeight || 0
13963));
13964	      if (h !== lastRowHeight) {
13965	        rootStyle.setProperty('--od-row-h', h + 'px');
13966	        lastRowHeight = h;
13967	      }
13968	      const nextSpacerHeight = row.classList.contains('od-fixed') ? (h + 'px') : '0px';
13969	      if (nextSpacerHeight !== lastSpacerHeight || spacer.style.height !== nextSpacerHeight) {
13970	        spacer.style.height = nextSpacerHeight;
13971	        lastSpacerHeight = nextSpacerHeight;
13972	      }
13973	      return h;
13974	    };
13975
13976	    const refreshGeometry = () => {
13977	      syncFrameBox();
13978	      applySpacer();
13979	    };
13980
13981	    // Lock width/height inline for a single frame so the toggle can’t reflow
13982	    const lockForOneFrame = (w, h) => {
13983	      if (lockFrame) window.cancelAnimationFrame(lockFrame);
13984	      row.style.transition = 'none';
13985	      row.style.width  = w + 'px';
13986	      row.style.height = h + 'px';
13987	      lockFrame = requestAnimationFrame(() => {
13988	        lockFrame = null;
13989	        if (destroyed) return;
13990	        row.style.transition = '';
13991	        row.style.width  = '';
13992	        row.style.height = '';
13993	      });
13994	    };
13995
13996	    const stick = () => {
13997	      if (fixed) return;
13998      // measure in static state
13999      const { width } = syncFrameBox();
14000      const h = applySpacer();
14001      lockForOneFrame(width, h);      // freeze geometry for one frame
14002	      row.classList.add('od-fixed');  // toggle to fixed
14003	      fixed = true;
14004	      // ensure CSS vars are already correct post-toggle
14005	      refreshGeometry();
14006	    };
14007
14008const unstick = () => {
14009  // If desktop menu is open, keep the row fixed so the nav can expand under it
14010  try {
14011    const headerRoot = document.getElementById('od-header');
14012    const isOpen = !!(headerRoot && headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen);
14013    if (isOpen) return; // do not unstick while menu is open
14014  } catch (e) {}
14015
14016	  if (!fixed) return;
14017	  row.classList.remove('od-fixed');
14018	  fixed = false;
14019	  if (spacer.style.height !== '0px') spacer.style.height = '0px';
14020	  lastSpacerHeight = '0px';
14021	  // NOTE: no auto-close of desktopMenuOpen here
14022	};
14023
14024
14025
14026	   const forceCheck = () => {
14027	  if (destroyed) return;
14028	  if (!desktopQuery.matches) {
14029	    if (fixed) unstick();
14030	    return;
14031	  }
14032
14033	  // If menu is open, force sticky and keep geometry fresh
14034	  try {
14035	    const headerRoot = document.getElementById('od-header');
14036	    const isOpen = !!(headerRoot && headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen);
14037	    if (isOpen) {
14038	      if (!fixed) stick();
14039	      refreshGeometry();
14040	      return;
14041	    }
14042  
14043  } catch (e) {}
14044
14045  const dist = sentinel.getBoundingClientRect().top - getOffset(); // >0 = below top
14046  if (!fixed && dist <= -HYST) {
14047    stick();
14048	  } else if (fixed && dist > HYST) {
14049	    unstick();
14050	  }
14051	};
14052
14053	    const handleScroll = () => {
14054	      if (framePending || !desktopQuery.matches) return;
14055
14056	      framePending = true;
14057	      scrollFrame = requestAnimationFrame(() => {
14058	        framePending = false;
14059	        scrollFrame = null;
14060	        forceCheck();
14061	      });
14062	    };
14063
14064	    const handleViewportChange = () => {
14065	      if (!desktopQuery.matches) return;
14066	      refreshGeometry();
14067	      forceCheck();
14068	    };
14069
14070	    const handleDesktopModeChange = () => {
14071	      if (desktopQuery.matches) {
14072	        refreshGeometry();
14073	        forceCheck();
14074	      } else if (fixed) {
14075	        unstick();
14076	      }
14077	    };
14078
14079
14080	    // Boot: measure in static state, then evaluate
14081	    refreshGeometry();
14082	    forceCheck();
14083
14084	    // Observers / events
14085	    if (row._odIO) { try{ row._odIO.disconnect(); }catch(_){} }
14086	    row._odIO = null;
14087
14088	    if (row._odRO) { try{ row._odRO.disconnect(); }catch(_){} }
14089	    if ('ResizeObserver' in window) {
14090	      rowResizeObserver = new ResizeObserver(() => { if (fixed) applySpacer(); });
14091	      row._odRO = rowResizeObserver;
14092	      rowResizeObserver.observe(row);
14093	    } else {
14094	      row._odRO = null;
14095	    }
14096
14097	    addListener(window, 'scroll', handleScroll, { passive:true });
14098	    addListener(window, 'resize', handleViewportChange, { passive:true });
14099	    addListener(window, 'orientationchange', handleViewportChange, { passive:true });
14100	    addListener(window, 'pageshow', handleViewportChange, { passive:true });
14101	    if (window.visualViewport) {
14102	      addListener(window.visualViewport, 'resize', handleViewportChange, { passive:true });
14103	    }
14104	    watchQuery(desktopQuery, handleDesktopModeChange);
14105
14106	    addListener(window, 'load', handleViewportChange, { passive:true });
14107	    if (document.fonts && document.fonts.ready) {
14108	      document.fonts.ready.then(() => {
14109	        if (!destroyed) forceCheck();
14110	      });
14111	    }
14112	    row.querySelectorAll('img').forEach(img => {
14113	      if (!img.complete) addListener(img, 'load', forceCheck, { once:true });
14114	    });
14115
14116	    initFrame = requestAnimationFrame(() => {
14117	      initFrame = null;
14118	      forceCheck();
14119	    });
14120	    initTimeout = setTimeout(forceCheck, 0);
14121
14122	    OD._desktopPinCleanup = () => {
14123	      destroyed = true;
14124	      cleanupFns.splice(0).forEach(cleanup => {
14125	        try { cleanup(); } catch (_) {}
14126	      });
14127	      if (scrollFrame) {
14128	        window.cancelAnimationFrame(scrollFrame);
14129	        scrollFrame = null;
14130	      }
14131	      if (lockFrame) {
14132	        window.cancelAnimationFrame(lockFrame);
14133	        lockFrame = null;
14134	        row.style.transition = '';
14135	        row.style.width = '';
14136	        row.style.height = '';
14137	      }
14138	      if (initFrame) {
14139	        window.cancelAnimationFrame(initFrame);
14140	        initFrame = null;
14141	      }
14142	      if (initTimeout) {
14143	        clearTimeout(initTimeout);
14144	        initTimeout = null;
14145	      }
14146	      const activeRowResizeObserver = rowResizeObserver;
14147	      if (activeRowResizeObserver) {
14148	        try { activeRowResizeObserver.disconnect(); } catch (_) {}
14149	      }
14150	      if (row._odRO === activeRowResizeObserver) row._odRO = null;
14151	      rowResizeObserver = null;
14152	      framePending = false;
14153	    };
14154	  }
14155
14156	  OD.initDesktopPin = initDesktopPin;
14157
14158	  const runDesktopPinInit = () => {
14159	    if (OD.initDesktopPin) OD.initDesktopPin();
14160	  };
14161
14162	  const scheduleDesktopPinInit = () => {
14163	    if (OD._desktopPinInitTimer) clearTimeout(OD._desktopPinInitTimer);
14164	    OD._desktopPinInitTimer = setTimeout(() => {
14165	      OD._desktopPinInitTimer = null;
14166	      runDesktopPinInit();
14167	    }, 0);
14168	  };
14169
14170	  if (!OD._desktopPinLifecycleBound) {
14171	    OD._desktopPinLifecycleBound = true;
14172	    document.addEventListener('DOMContentLoaded', runDesktopPinInit);
14173	    document.addEventListener('shopify:page:load', runDesktopPinInit);
14174	    document.addEventListener('od:after-swap', runDesktopPinInit);
14175	    window.addEventListener('locationchange', scheduleDesktopPinInit);
14176	  }
14177
14178	  if (document.readyState !== 'loading') scheduleDesktopPinInit();
14179})();
14180</script>
14180
14181
14182
14183
14184
14185<script>
14186/* SPA market change + rehydrate (no hard reload) */
14187(function () {
14188  window.OD = window.OD || {};
14189  OD.version = 'spa-currency-stable';
14190
14191  /* ---------------- Rehydrate header and widgets after swaps ---------------- */
14192OD.rehydrateHeader = function () {
14193  const header = document.getElementById('od-header');
14194  if (!header) return;
14195
14196  // Remove any leftover x-cloak inside header
14197  header.querySelectorAll('[x-cloak]').forEach(el => el.removeAttribute('x-cloak'));
14198
14199  // Re-init Alpine just for the header subtree
14200  if (window.Alpine) window.Alpine.initTree(header);
14201
14202  // ✅ Close menus after rehydration so hamburger resets
14203  try { OD.closeHeaderMenus(); } catch(e) {}
14204
14205  // Close any lingering dropdown state
14206  const cp = header.querySelector('.od-cp');
14207  if (cp && cp.__x && cp.__x.$data && typeof cp.__x.$data.open !== 'undefined') {
14208    try { cp.__x.$data.open = false; } catch(e) {}
14209  }
14210
14211};
14212
14213  document.addEventListener('DOMContentLoaded', OD.rehydrateHeader);
14214  document.addEventListener('shopify:page:load', OD.rehydrateHeader);
14215  document.addEventListener('shopify:section:load', OD.rehydrateHeader);
14216  document.addEventListener('od:after-swap', OD.rehydrateHeader);
14217
14218  /* ------------------- Helpers to collect/swap Shopify sections ------------------- */
14219  OD.collectSectionIds = function (root = document) {
14220    const ids = new Set();
14221    root.querySelectorAll('[id^="shopify-section-"],[id^="shopify-section-group-"]').forEach(el => {
14222      ids.add(el.id.replace(/^shopify-section-group-/, '').replace(/^shopify-section-/, ''));
14223    });
14224    return Array.from(ids);
14225  };
14226
14227  function domSectionMap(doc) {
14228    const map = new Map();
14229    doc.querySelectorAll('[id^="shopify-section-"],[id^="shopify-section-group-"]').forEach(el => {
14230      map.set(el.id, el);
14231    });
14232    return map;
14233  }
14234
14235  function swapSectionsFromDoc(newDoc) {
14236    const newMap = domSectionMap(newDoc);
14237    let swapped = 0;
14238    newMap.forEach((newEl, id) => {
14239      const cur = document.getElementById(id);
14240      if (cur) { cur.outerHTML = newEl.outerHTML; swapped++; }
14241    });
14242    if (swapped) {
14243      // Alpine will be re-inited by OD.rehydrateHeader via od:after-swap
14244      document.dispatchEvent(new CustomEvent('od:after-swap', { detail: { source: 'full-html' } }));
14245    }
14246    return swapped;
14247  }
14248
14249  OD.replaceSections = function (map) {
14250    Object.keys(map).forEach(id => {
14251      const groupMount = document.getElementById('shopify-section-group-' + id);
14252      const mount = groupMount || document.getElementById('shopify-section-' + id);
14253      if (mount) mount.outerHTML = map[id];
14254    });
14255    document.dispatchEvent(new CustomEvent('od:after-swap', { detail: { source: 'sections-api' } }));
14256  };
14257
14258  /* ---------------- SPA refresh of SAME URL (no hard reload) ---------------- */
14259  OD.softReloadSameURL = async function () {
14260    const url = new URL(location.href);
14261    url.searchParams.set('_od_spa', Date.now()); // cache-bust
14262
14263    const res = await fetch(url.toString(), {
14264      credentials: 'include',
14265      headers: { 'Accept': 'text/html', 'X-Requested-With': 'XMLHttpRequest' },
14266      cache: 'no-store',
14267      redirect: 'follow'
14268    });
14269
14270    // If market change jumped origins, we must hard navigate
14271    try {
14272      const redirected = new URL(res.url);
14273      if (redirected.origin !== location.origin) {
14274        location.assign(redirected.href);
14275        return;
14276      }
14277    } catch (_) {}
14278
14279    const html = await res.text();
14280    const parser = new DOMParser();
14281    const newDoc = parser.parseFromString(html, 'text/html');
14282
14283    const swapped = swapSectionsFromDoc(newDoc);
14284    if (!swapped) {
14285      // Fallback to Section Rendering API
14286      const ids = OD.collectSectionIds(document);
14287      if (ids.length) {
14288        const u2 = new URL(location.href);
14289        u2.searchParams.set('sections', ids.join(','));
14290        const res2 = await fetch(u2.toString(), {
14291          credentials: 'include',
14292          headers: { 'Accept': 'application/json' },
14293          cache: 'no-store'
14294        });
14295        const htmlById = await res2.json();
14296        OD.replaceSections(htmlById);
14297      }
14298    }
14299  };
14300
14301  /* --------- Submit Shopify localization form via hidden iframe, then SPA --------- */
14302  OD._changingMarket = false;
14303  OD.changeMarketViaIframeFromForm = async function (triggerEl, countryCode) {
14304    if (OD._changingMarket) return;
14305    OD._changingMarket = true;
14306
14307    const root = triggerEl.closest('.od-cp');
14308    const form = root && root.closest('form');
14309    if (!form) { OD._changingMarket = false; return; }
14310
14311    // Create or reuse hidden iframe
14312    let iframe = document.getElementById('od-localization-iframe');
14313    if (!iframe) {
14314      iframe = document.createElement('iframe');
14315      iframe.id = 'od-localization-iframe';
14316      iframe.name = 'od-localization-iframe';
14317      iframe.style.display = 'none';
14318      document.body.appendChild(iframe);
14319    }
14320
14321    // Clone and POST to Shopify's endpoint (cookie will be set by platform)
14322    const clone = form.cloneNode(true);
14323    clone.style.display = 'none';
14324    clone.setAttribute('target', 'od-localization-iframe');
14325    clone.setAttribute('action', '/localization');
14326    clone.setAttribute('method', 'POST');
14327
14328    const ensure = (name, val) => {
14329      let el = clone.querySelector(`[name="${name}"]`);
14330      if (!el) { el = document.createElement('input'); el.type = 'hidden'; el.name = name; clone.appendChild(el); }
14331      el.value = val;
14332    };
14333    ensure('utf8', '✓');
14334    ensure('form_type', 'localization');
14335    ensure('country_code', countryCode);
14336    ensure('return_to', location.pathname + location.search);
14337
14338    document.body.appendChild(clone);
14339    document.documentElement.classList.add('od-soft-loading');
14340
14341    const proceed = async () => {
14342      iframe.removeEventListener('load', proceed);
14343      clone.remove();
14344      try {
14345        await OD.softReloadSameURL(); // swap in-place, no hard reload
14346        document.dispatchEvent(new CustomEvent('od:localization-changed', { detail: { country_code: countryCode } }));
14347      } catch (e) {
14348        console.error('Soft reload failed; hard reloading', e);
14349        location.reload(); // last resort
14350      } finally {
14351        document.documentElement.classList.remove('od-soft-loading');
14352        OD._changingMarket = false;
14353      }
14354    };
14355
14356    iframe.addEventListener('load', proceed);
14357    try { clone.submit(); }
14358    catch (e) {
14359      // Fallback to direct POST then proceed
14360      try {
14361        const params = new URLSearchParams();
14362        params.set('utf8', '✓');
14363        params.set('form_type', 'localization');
14364        params.set('country_code', countryCode);
14365        params.set('return_to', location.pathname + location.search);
14366        await fetch('/localization', {
14367          method: 'POST',
14368          credentials: 'include',
14369          headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
14370          body: params.toString()
14371        });
14372      } finally {
14373        proceed();
14374      }
14375    }
14376
14377    // If the iframe onload never fires, keep things moving
14378    setTimeout(() => { if (OD._changingMarket) proceed(); }, 1200);
14379  };
14380})();
14381</script>
vendor: 1 bytes, line 14381
14381
14382<script>
14383(function(){
14384  // expose so other scripts (rehydrate, etc.) can call it
14385  window.OD = window.OD || {};
14386  OD.closeHeaderMenus = function(){
14387    const root = document.getElementById('od-header');
14388    if (!root) return;
14389
14390    // kill CSS state immediately
14391    root.classList.remove('od-desktop-menu-open');
14392
14393    // reset Alpine flags if present (safe if not yet hydrated)
14394    const x = root.__x && root.__x.$data;
14395    if (x) {
14396      x.desktopMenuOpen = false;
14397      x.mobileMenuOpen  = false;
14398      x.mobileSearchOpen = false;
14399    }
14400
14401    // nudge sticky geometry after state change
14402    requestAnimationFrame(() => window.dispatchEvent(new Event('scroll')));
14403  };
14404
14405  // your existing hooks
14406  document.addEventListener('od:after-swap', OD.closeHeaderMenus);
14407  document.addEventListener('shopify:page:load', OD.closeHeaderMenus);
14408  window.addEventListener('popstate', OD.closeHeaderMenus); // back/forward
14409  window.addEventListener('pageshow', OD.closeHeaderMenus);
14410  window.addEventListener('locationchange', OD.closeHeaderMenus);
14411
14412  // NEW: catch pushState/replaceState SPA navigations
14413  if (!history.__odPatched) {
14414    history.__odPatched = true;
14415    const _push = history.pushState;
14416    const _replace = history.replaceState;
14417    const fire = () => setTimeout(() => OD.closeHeaderMenus(), 0);
14418
14419    history.pushState = function(){ const r = _push.apply(this, arguments); fire(); return r; };
14420    history.replaceState = function(){ const r = _replace.apply(this, arguments); fire(); return r; };
14421  }
14422})();
14423</script>
14423
14424
14425
14426<script>
14427document.addEventListener('alpine:init', () => {
14428  Alpine.data('odMobileCP', () => ({
14429    open: false,
14430
14431    isMobile(){
14432      return window.matchMedia('(max-width: 767.98px)').matches;
14433    },
14434
14435    toggle(){
14436      this.open ? this.close() : this.openMenu();
14437    },
14438
14439    openMenu(){
14440      this.open = true;
14441      document.body.classList.add('od-no-scroll');
14442    },
14443
14444    close(){
14445      this.open = false;
14446      document.body.classList.remove('od-no-scroll');
14447    }
14448  }));
14449});
14450</script>
14450
14451</div>
14452<!-- END sections: header-group -->
14453      <div
14454  x-data
14455  x-cloak
14456  class="contents"
14457  :style="
14458    {
14459      '--popup-end-of-header-height': $store.popup.__endOfHeaderHeight + 'px',
14460      '--popup-content-ratio': $store.popup._popupContentRatio,
14461      '--popup-content-height': $store.popup.__popupContentHeight + 'px',
14462      '--popup-max-height': Math.min($store.popup.__popupContentHeight, $store.popup.__getWindowHeight() - $store.popup.__endOfHeaderHeight - 8 * 4) + 'px',
14463    }
14464  "
14465>
14466  <div
14467    class="popup__overlay"
14468    :class="
14469      {
14470        'popup__overlay--full-screen': $store.popup.isCurrentPopupFullScreen,
14471        'popup__overlay--focused': $store.main.isPopupFocused()
14472      }
14473    "
14474    @click="$store.main.hideAllPopupsAndResizables()"
14475  ></div>
14476  <div class="popup__main" :style="`opacity: ${$store.main.opacityOnZoom}`">
14477    <div
14478      class="popup__shadow"
14479      :class="
14480        {
14481          'popup__shadow--large': $store.popup._isPopupSimple
14482        }
14483      "
14484    ></div>
14485    <div
14486      class="popup__wrapper"
14487      :class="
14488        {
14489          'popup__wrapper--visible': $store.popup._isPopupVisible,
14490        }
14491      "
14492      x-a11y-trap="$store.popup._isPopupVisible"
14493    >
14494      <div class="popup__content-wrapper">
14495        <div
14496          class="popup__content-top"
14497          :class="
14498            {
14499              'popup__content-top--full-screen': $store.popup.isCurrentPopupFullScreen,
14500            }
14501          "
14502        ></div>
14503        <div
14504          id="popup-content"
14505          class="popup__content"
14506          :class="
14507            {
14508              'popup__content--visible': !$store.popup._isPopupContentHidden,
14509              'popup__content--full-screen': $store.popup.isCurrentPopupFullScreen,
14510            }
14511          "
14512        >
14513          <div
14514            id="popup-content-portal"
14515            class="popup__content-portal"
14516            :class="
14517              {
14518                'popup__content-portal--full-screen': $store.popup.isCurrentPopupFullScreen,
14519              }
14520            "
14521          ></div>
14522        </div>
14523        <div
14524          id="popup-fixed-content-portal"
14525          class="popup__fixed-content-portal"
14526          :class="
14527            {
14528              'popup__fixed-content-portal--visible': $store.popup._isPopupVisible,
14529            }
14530          "
14531        ></div>
14532      </div>
14533      <div class="popup__bottom"></div>
14534    </div>
14535  </div>
14536</div>
14537
14538      <div
14539  class="transition-preview"
14540  x-data="TransitionPreview()"
14541  :class="
14542    {
14543    'transition-preview--active': isActive,
14544    'is-transition': $store['transition'].isPreviewAnimating,
14545    }
14546  "
14547  style="--scroll-progress: 0; --offset-top: 400;"
14548  :style="
14549    {
14550      '--offset-top': offsetTop,
14551    }
14552  "
14553  x-ref="preview"
14554>
14555  <div
14556    class="transition-preview__wrapper"
14557    @click="
14558      (e) => {
14559        if ($refs.transitionContent.contains(e.target)) return;
14560        if ($refs.transitionBg === e.target) return;
14561
14562        hidePreview();
14563      }
14564    "
14565  >
14566    <div class="content-wrapper relative mx-auto">
14567      <div x-ref="transitionBg" class="transition-preview__bg"></div>
14568    </div>
14569    <div
14570      x-ref="scrollContainer"
14571      class="transition-preview__scroll"
14572      x-a11y-trap="isActive"
14573    >
14574      <div class="content-wrapper relative mx-auto">
14575        <div class="transition-preview__content" x-ref="transitionContent">
14576          <div id="PreviewContent"></div>
14577          <div class="content-wrapper pointer-events-none fixed bottom-0 left-1/2 z-50 -translate-x-1/2">
14578            <div
14579              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))]"
14580            >
14581              <div
14582                class="animate-[bounce_2s_infinite] text-2xl text-text-50"
14583                :class="
14584                  {
14585                      'animate-none': $store.main.isReducedMotion
14586                  }
14587                "
14588              >
14589                <div class="flex flex-col items-center">
14590                  <svg width="22" height="46" viewBox="0 0 22 46" class="text-4xl" xmlns="http://www.w3.org/2000/svg">
14591  <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" />
14592</svg>
14593
14594                </div>
14595              </div>
14596            </div>
14597          </div>
14598        </div>
14599      </div>
14600    </div>
14601  </div>
14602</div>
14603
14604      <div
14605  x-data
14606  x-element-transition-wrapper
14607  class="element-transition opacity-0"
14608  :class="
14609    {
14610      'opacity-100': $store['transition'].isTransitioning
14611    }
14612  "
14613></div>
14614
14615
14616      <template x-fallback-template-type="search">
14617        
14618<div class="mt-[72px] md:mt-[89px]"></div>
14619
14620<div class="max-md:hidden">
14621  
14622
14623
14624
14625
14626
14627  <nav
14628
14629    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
14630    role="navigation"
14631    aria-label="Breadcrumbs"
14632  >
14633    <div role="list" class="truncate px-2">
14634      <div role="listitem" class="inline font-semibold">
14635        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
14636          Home
14637        </a>
14638      </div>
14639
14640      <div
14641        role="listitem"
14642        class="mx-4 inline-block"
14643        aria-hidden="true"
14644      >
14645        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14646  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14647</svg>
14648
14649      </div>
14650
14651      
14652        <template x-if="$store['transition'].pageType === 'category'">
14653          <div class="contents">
14654            <div
14655              role="listitem"
14656              class="breadcrumb text-text-500"
14657              x-html="$store['transition'].pageData?.title"
14658            ></div>
14659          </div>
14660        </template>
14661
14662        <template x-if="$store['transition'].pageType === 'article'">
14663          <div class="contents">
14664            <div role="listitem" class="breadcrumb">
14665              <a
14666                class="inline-flex hover:underline"
14667                x-element-transition-trigger
14668                href=""
14669                aria-current="page"
14670              ></a>
14671            </div>
14672            <div
14673              role="listitem"
14674              class="mx-4 inline-block"
14675              aria-hidden="true"
14676            >
14677              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14678  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14679</svg>
14680
14681            </div>
14682            <div
14683              role="listitem"
14684              class="breadcrumb text-text-500"
14685              x-html="$store['transition'].pageData?.title"
14686            ></div>
14687          </div>
14688        </template>
14689
14690        <template x-if="$store['transition'].pageType === 'product'">
14691          <div class="contents">
14692            <div
14693              role="listitem"
14694              class="breadcrumb text-text-500"
14695              x-html="$store['transition'].pageData?.title"
14696            ></div>
14697          </div>
14698        </template>
14699
14700        <template x-if="$store['transition'].pageType === 'search'">
14701          <div class="contents">
14702            <div
14703              role="listitem"
14704              class="breadcrumb text-text-500"
14705              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
14706            ></div>
14707          </div>
14708        </template>
14709      
14710    </div>
14711  </nav>
14712
14713
14714</div>
14715
14716<article
14717  aria-label="Search details"
14718  class="content-wrapper mx-auto flex flex-col items-start gap-3 py-5 pb-6 pt-3"
14719>
14720  <div class="flex w-full items-end justify-between">
14721    <div class="flex flex-col gap-3">
14722      <h2
14723        class="heading text-lg"
14724        x-html="'Search results for &amp;quot;XXX&amp;quot;'.replace('XXX', $store['transition'].pageData?.search)"
14725      ></h2>
14726      <p class="">
14727        Here are the items that we found.
14728      </p>
14729    </div>
14730    <div class="button button--filled-primary invisible max-md:hidden"></div>
14731  </div>
14732  <div class="min-h-screen"></div>
14733</article>
14734
14735      </template>
14736      <template x-fallback-template-type="product">
14737        
14738
14739
14740
14741<div class="md:[&:not(.transition-preview_&)]:mt-[89px]"></div>
14742
14743<div class="max-md:hidden [.transition-preview_&]:hidden">
14744  
14745
14746
14747
14748
14749
14750  <nav
14751
14752    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
14753    role="navigation"
14754    aria-label="Breadcrumbs"
14755  >
14756    <div role="list" class="truncate px-2">
14757      <div role="listitem" class="inline font-semibold">
14758        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
14759          Home
14760        </a>
14761      </div>
14762
14763      <div
14764        role="listitem"
14765        class="mx-4 inline-block"
14766        aria-hidden="true"
14767      >
14768        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14769  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14770</svg>
14771
14772      </div>
14773
14774      
14775        <template x-if="$store['transition'].pageType === 'category'">
14776          <div class="contents">
14777            <div
14778              role="listitem"
14779              class="breadcrumb text-text-500"
14780              x-html="$store['transition'].pageData?.title"
14781            ></div>
14782          </div>
14783        </template>
14784
14785        <template x-if="$store['transition'].pageType === 'article'">
14786          <div class="contents">
14787            <div role="listitem" class="breadcrumb">
14788              <a
14789                class="inline-flex hover:underline"
14790                x-element-transition-trigger
14791                href=""
14792                aria-current="page"
14793              ></a>
14794            </div>
14795            <div
14796              role="listitem"
14797              class="mx-4 inline-block"
14798              aria-hidden="true"
14799            >
14800              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14801  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14802</svg>
14803
14804            </div>
14805            <div
14806              role="listitem"
14807              class="breadcrumb text-text-500"
14808              x-html="$store['transition'].pageData?.title"
14809            ></div>
14810          </div>
14811        </template>
14812
14813        <template x-if="$store['transition'].pageType === 'product'">
14814          <div class="contents">
14815            <div
14816              role="listitem"
14817              class="breadcrumb text-text-500"
14818              x-html="$store['transition'].pageData?.title"
14819            ></div>
14820          </div>
14821        </template>
14822
14823        <template x-if="$store['transition'].pageType === 'search'">
14824          <div class="contents">
14825            <div
14826              role="listitem"
14827              class="breadcrumb text-text-500"
14828              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
14829            ></div>
14830          </div>
14831        </template>
14832      
14833    </div>
14834  </nav>
14835
14836
14837</div>
14838
14839<!-- Title styling: scoped to fallback; matches PDP -->
14840<style data-od-fallback>
14841  [data-od-fallback-root] .od-title-wrap h1.od-product-title{
14842    all: unset; display:block; margin:0 0 .25em 0;
14843    font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
14844    font-style: italic; font-weight:400; line-height:1.1; color:#330065;
14845    font-size: clamp(30px, 2.8vw, 46px);
14846    text-align: left;
14847    font-synthesis-weight: none;
14848  }
14849  [data-od-fallback-root] .od-title-wrap .od-product-subtitle{
14850    display:block; margin:0 0 1rem 0; text-align:left;
14851    font-style: normal; font-weight: 400; font-family: inherit; color: inherit;
14852  }
14853  @media (max-width: 767.98px){
14854    [data-od-fallback-root] .od-title-wrap{ text-align:center !important; }
14855    [data-od-fallback-root] .od-title-wrap h1.od-product-title{
14856      text-align:center !important; font-size: clamp(28px, 8vw, 40px);
14857    }
14858    [data-od-fallback-root] .od-title-wrap .od-product-subtitle{ text-align:center !important; }
14859  }
14860</style>
14861
14862<!-- Your mobile rhythm + divider rules, scoped to fallback -->
14863<style data-od-fallback-mobile>
14864  @media (max-width: 767.98px){
14865    [data-od-fallback-root] .od-title-wrap{
14866      padding-bottom: .5rem;
14867      margin-bottom: .5rem;
14868      border-bottom: 1px solid #33006526;
14869    }
14870    [data-od-fallback-root] .reviews-badge-wrapper{ margin-top:.25rem; margin-bottom:.5rem; opacity:.95; }
14871    [data-od-fallback-root] .reviews-badge-wrapper *{ font-size:.95rem; }
14872    [data-od-fallback-root] .od-product-price{ margin-top:.25rem; margin-bottom:.875rem; }
14873    [data-od-fallback-root] [id^="variant-options-"]{ margin-bottom:.5rem !important; }
14874    [data-od-fallback-root] .wishlist-epi{ margin-top:.25rem; margin-bottom:1.25rem; }
14875    [data-od-fallback-root] .wishlist-epi .od-wishlist-button{ width:26px; height:26px; }
14876  }
14877</style>
14878
14879<style data-od-fallback-gallery-skin>
14880  [data-od-fallback-root] .coming-soon-overlay{
14881    position:absolute;
14882    inset:0;
14883    display:flex;
14884    align-items:flex-end;
14885    justify-content:center;
14886    padding:1rem;
14887    box-sizing:border-box;
14888    pointer-events:none;
14889    z-index:20;
14890    opacity:0;
14891    visibility:hidden;
14892    transition:opacity .15s ease;
14893    border-radius:inherit;
14894    overflow:hidden;
14895  }
14896
14897  [data-od-fallback-root] .coming-soon-overlay.visible{
14898    opacity:1;
14899    visibility:visible;
14900  }
14901
14902  [data-od-fallback-root] .coming-soon-overlay.invisible{
14903    opacity:0;
14904    visibility:hidden;
14905  }
14906
14907  [data-od-fallback-root] .coming-soon-overlay::before{
14908    content:"";
14909    position:absolute;
14910    inset:auto 0 0 0;
14911    height:38%;
14912    background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
14913    pointer-events:none;
14914  }
14915
14916  [data-od-fallback-root] .coming-soon-overlay span{
14917    position:relative;
14918    z-index:1;
14919    color:#fff;
14920    font-size:1rem;
14921    font-weight:500;
14922    text-align:center;
14923  }
14924
14925  /* white rounded card around the Alpine image target (keeps SPA anchor) */
14926[data-od-fallback-root] [x-element-transition-dest="img"]{
14927  transform: translateZ(0);
14928  -webkit-transform: translateZ(0);
14929}
14930
14931  /* visual-only arrows */
14932  [data-od-fallback-root] .sticky-arrow{
14933    position:absolute;
14934    top:50%;
14935    transform:translateY(-50%);
14936    background-color:rgba(255,255,255,.85);
14937    border:none;
14938    font-size:2rem;
14939    padding:.5rem .75rem;
14940    border-radius:999px;
14941    z-index:20;
14942    pointer-events:none;
14943    transition:background-color .3s ease, transform .3s ease;
14944  }
14945
14946  [data-od-fallback-root] .sticky-arrow.left{ left:16px; }
14947  [data-od-fallback-root] .sticky-arrow.right{ right:16px; }
14948</style>
14949<style data-od-disable-mobile-image-morph>
14950  @media (max-width: 767.98px){
14951    [data-od-fallback-root] [x-element-transition-dest="img"]{
14952      padding: 0 !important;
14953    }
14954
14955    [data-od-fallback-root] [x-element-transition-dest="img"] > img[x-show]{
14956      display: block;
14957      width: 100%;
14958      max-width: 100%;
14959      height: auto;
14960      max-height: 100%;
14961      object-fit: cover;
14962      object-position: center;
14963    }
14964
14965    /* ensure the real mobile image stays visible immediately */
14966    [data-od-fallback-root] [x-element-transition-dest="img"] > img[x-show]{
14967      opacity: 1 !important;
14968      transform: none !important;
14969    }
14970  }
14971</style>
14972<div
14973  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"
14974  data-od-fallback-root
14975  data-coming-soon="false"
14976x-data="
14977  {
14978    mobileImg: $store['transition'].pageData?.variantImg || $store['transition'].pageData?.productImg,
14979    desktopImg: $store['transition'].pageData?.variantImg || $store['transition'].pageData?.productImg,
14980    showComingSoon: !!$store['transition'].pageData?.isComingSoon
14981  }
14982"
14983>
14984
14985  <!-- DESKTOP IMAGE — EXACT MATCH TO PDP GALLERY STRUCTURE -->
14986  <div class="contents max-md:hidden" data-od-fallback-desktop>
14987    <div class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery">
14988      <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
14989        <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">
14990
14991          <div
14992            x-data="
14993              TransitionImage({
14994                src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
14995                imageId: 'od-fallback-desktop-image'
14996              })
14997            "
14998            x-show="!!src"
14999            class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15000            :class="{ 'opacity-0': isImgLoaded }"
15001            aria-hidden="true"
15002            role="presentation"
15003          >
15004            <img
15005              height="100%"
15006              width="100%"
15007              class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15008              :src="src"
15009              alt=""
15010            >
15011          </div>
15012
15013          <img
15014            id="od-fallback-desktop-image"
15015            x-show="!!desktopImg"
15016            :src="desktopImg"
15017            class="rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15018            width="1200"
15019            height="1200"
15020          >
15021
15022          <div class="w-full overflow-hidden md:rounded-xl" x-show="!desktopImg">
15023            
15024
15025
15026
15027<div
15028  class="flex aspect-product w-full items-center justify-center p-[4%] bg-[--fade-in-bg] text-center"
15029  style="transform: translateZ(0)"
15030>
15031  
15032    <div
15033      class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center transition-opacity delay-1000 duration-300 p-[4%]"
15034      x-data="
15035        TransitionImage({
15036          src: '//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121',
15037          imageId: 'product_fallback_image'
15038        })
15039      "
15040      x-show="!!src"
15041      :class="{ 'opacity-0': isImgLoaded }"
15042    >
15043      <img
15044        height="100%"
15045        width="100%"
15046        class="max-h-full object-center w-auto object-contain rounded-2xl mix-blend-darken"
15047        :src="src"
15048      >
15049    </div>
15050
15051    
15052
15053
15054<div class="bg-[--fade-in-bg] aspect-product flex items-center justify-center w-full h-full transition-transform md:group-hover:scale-105">
15055  
15056    <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;);">
15057  
15058</div>
15059
15060
15061    
15062    
15063<div
15064      class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm md:hidden bottom left"
15065      data-od-sale-pct-badge
15066      data-od-sale-collections="all,all-recordings,ludwig-van-beethoven,boris-christoff,ernst-kozub,lorin-maazel,opera-in-german,graziella-sciutti,september-new,best-sellers,hilde-zadek"
15067      
15068      hidden
15069    >
15070      <span class="font-semibold"></span>
15071    </div>
15072
15073  
15074</div>
15075
15076          </div>
15077
15078          <div
15079            class="coming-soon-overlay"
15080            :class="showComingSoon ? 'visible' : 'invisible'"
15081          >
15082            <span>Coming Soon</span>
15083          </div>
15084
15085        </div>
15086      </div>
15087    </div>
15088  </div>
15089
15090  <div class="product-details md:sticky md:top-[--scroll-top] md:order-1 md:pb-7">
15091    <!-- MOBILE IMAGE — preserves SPA anchor but matches PDP framing more closely -->
15092  <div class="contents md:hidden">
15093    <div class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery">
15094      <div class="flex justify-center items-center px-4 md:px-0">
15095        <div
15096  x-element-transition-dest="img"
15097  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"
15098>
15099
15100           <!-- OVERLAY: first child INSIDE the x-element-transition-dest container -->
15101
15102           <div
15103  x-data="
15104    TransitionImage({
15105      src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
15106      imageId: 'od-fallback-mobile-image'
15107    })
15108  "
15109  x-show="!!src"
15110  class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15111  :class="{ 'opacity-0': isImgLoaded }"
15112  aria-hidden="true"
15113  role="presentation"
15114>
15115  <img
15116    width="2048"
15117    height="2048"
15118    class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15119    :src="src"
15120    alt=""
15121  >
15122</div>
15123
15124<!-- FALLBACK MOBILE IMAGE -->
15125<div class="bg-[--fade-in-bg] w-full flex justify-center" x-show="!!mobileImg">
15126  <img
15127    id="od-fallback-mobile-image"
15128    :src="mobileImg"
15129    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"
15130    width="1200"
15131    height="1200"
15132    loading="eager"
15133    onload="this.classList.remove('opacity-0');"
15134  >
15135</div>
15136
15137<div class="bg-[--fade-in-bg] w-full flex justify-center overflow-hidden md:rounded-xl" x-show="!mobileImg">
15138  
15139
15140
15141
15142<div
15143  class="flex aspect-product w-full items-center justify-center p-[4%] bg-[--fade-in-bg] text-center"
15144  style="transform: translateZ(0)"
15145>
15146  
15147    <div
15148      class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center transition-opacity delay-1000 duration-300 p-[4%]"
15149      x-data="
15150        TransitionImage({
15151          src: '//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121',
15152          imageId: 'product_fallback_image'
15153        })
15154      "
15155      x-show="!!src"
15156      :class="{ 'opacity-0': isImgLoaded }"
15157    >
15158      <img
15159        height="100%"
15160        width="100%"
15161        class="max-h-full object-center w-auto object-contain rounded-2xl mix-blend-darken"
15162        :src="src"
15163      >
15164    </div>
15165
15166    
15167
15168
15169<div class="bg-[--fade-in-bg] aspect-product flex items-center justify-center w-full h-full transition-transform md:group-hover:scale-105">
15170  
15171    <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;);">
15172  
15173</div>
15174
15175
15176    
15177    
15178<div
15179      class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm md:hidden bottom left"
15180      data-od-sale-pct-badge
15181      data-od-sale-collections="all,all-recordings,ludwig-van-beethoven,boris-christoff,ernst-kozub,lorin-maazel,opera-in-german,graziella-sciutti,september-new,best-sellers,hilde-zadek"
15182      
15183      hidden
15184    >
15185      <span class="font-semibold"></span>
15186    </div>
15187
15188  
15189</div>
15190
15191</div>
15192
15193<div
15194  class="coming-soon-overlay"
15195  :class="showComingSoon ? 'visible' : 'invisible'"
15196>
15197  <span>Coming Soon</span>
15198</div>
15199            
15200
15201          </div>
15202        </div>
15203      </div>
15204
15205      <div :style="showComingSoon ? 'visibility:hidden' : ''">
15206        
15207  <div
15208    class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm bottom left"
15209    x-show="$store['transition'].pageData?.discount_percentage"
15210  >
15211    <span
15212      class="font-semibold"
15213      x-text="`-${$store['transition'].pageData?.discount_percentage}% OFF`"
15214    >
15215    </span>
15216  </div>
15217
15218
15219      </div>
15220    </div>
15221
15222    
15223  </div>
15224</div>
15225
15226      </template>
15227      <template x-fallback-template-type="voice-grid">
15228        <div class="mt-[72px] md:mt-[89px]"></div>
15229
15230<section class="voice-grid voice-grid-fallback">
15231  <div class="voice-grid-shell content-wrapper mx-auto px-5 pb-10 pt-3">
15232    <div class="voice-grid-header flex flex-col items-center">
15233      <h1
15234        class="od-voice-grid-title"
15235        data-transition-title
15236      ></h1>
15237    </div>
15238    <div class="collection-grid voice-grid-fallback-geometry" aria-hidden="true"></div>
15239  </div>
15240</section>
15241
15242<style data-voice-grid-fallback>
15243  .voice-grid {
15244    width: 100%;
15245  }
15246
15247  .voice-grid-fallback {
15248    min-height: 40vh;
15249  }
15250
15251  .voice-grid-shell {
15252    display: flex;
15253    flex-direction: column;
15254    align-items: center;
15255  }
15256
15257  .voice-grid-header {
15258    width: 100%;
15259  }
15260
15261  .od-voice-grid-title {
15262    all: unset;
15263    display: block;
15264    margin: 0 0 30px 0;
15265    color: #330065;
15266    font-family: "Baskerville", "Libre Baskerville", "Times New Roman", serif;
15267    font-size: clamp(30px, 2.8vw, 46px);
15268    font-style: italic;
15269    font-weight: 400;
15270    line-height: 1.1;
15271    text-align: center;
15272    text-transform: capitalize;
15273  }
15274
15275  .collection-grid {
15276    display: grid;
15277    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
15278    gap: 20px;
15279    width: 100%;
15280    max-width: 1200px;
15281  }
15282
15283  .voice-grid-fallback-geometry {
15284    min-height: 260px;
15285  }
15286
15287  @media (max-width: 767.98px) {
15288    .od-voice-grid-title {
15289      font-size: clamp(28px, 8vw, 40px);
15290    }
15291
15292    .voice-grid-fallback-geometry {
15293      min-height: 0;
15294    }
15295  }
15296</style>
15297
15298      </template>
15299      <template x-fallback-template-type="category">
15300        
15301<div class="mt-[72px] md:mt-[89px]"></div>
15302
15303<div class="max-md:hidden">
15304  
15305
15306
15307
15308
15309
15310  <nav
15311
15312    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15313    role="navigation"
15314    aria-label="Breadcrumbs"
15315  >
15316    <div role="list" class="truncate px-2">
15317      <div role="listitem" class="inline font-semibold">
15318        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15319          Home
15320        </a>
15321      </div>
15322
15323      <div
15324        role="listitem"
15325        class="mx-4 inline-block"
15326        aria-hidden="true"
15327      >
15328        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15329  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15330</svg>
15331
15332      </div>
15333
15334      
15335        <template x-if="$store['transition'].pageType === 'category'">
15336          <div class="contents">
15337            <div
15338              role="listitem"
15339              class="breadcrumb text-text-500"
15340              x-html="$store['transition'].pageData?.title"
15341            ></div>
15342          </div>
15343        </template>
15344
15345        <template x-if="$store['transition'].pageType === 'article'">
15346          <div class="contents">
15347            <div role="listitem" class="breadcrumb">
15348              <a
15349                class="inline-flex hover:underline"
15350                x-element-transition-trigger
15351                href=""
15352                aria-current="page"
15353              ></a>
15354            </div>
15355            <div
15356              role="listitem"
15357              class="mx-4 inline-block"
15358              aria-hidden="true"
15359            >
15360              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15361  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15362</svg>
15363
15364            </div>
15365            <div
15366              role="listitem"
15367              class="breadcrumb text-text-500"
15368              x-html="$store['transition'].pageData?.title"
15369            ></div>
15370          </div>
15371        </template>
15372
15373        <template x-if="$store['transition'].pageType === 'product'">
15374          <div class="contents">
15375            <div
15376              role="listitem"
15377              class="breadcrumb text-text-500"
15378              x-html="$store['transition'].pageData?.title"
15379            ></div>
15380          </div>
15381        </template>
15382
15383        <template x-if="$store['transition'].pageType === 'search'">
15384          <div class="contents">
15385            <div
15386              role="listitem"
15387              class="breadcrumb text-text-500"
15388              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
15389            ></div>
15390          </div>
15391        </template>
15392      
15393    </div>
15394  </nav>
15395
15396
15397</div>
15398
15399<article
15400  aria-label="Category details"
15401  class="content-wrapper mx-auto flex flex-col items-start gap-3 py-5 pb-6 pt-3 collection-header"
15402>
15403  
15404    <template x-if="$store['transition'].pageData?.img">
15405      <div class="disable-fade contents">
15406        <div
15407          class="relative bg-[--fade-in-bg] w-full mb-2 rounded-md overflow-hidden"
15408        >
15409          <div
15410            x-data="
15411              TransitionImage({
15412                src: Alpine.store('transition').pageData?.img,
15413                imageId: 'od-fallback-collection-image'
15414              })
15415            "
15416            x-show="!!src"
15417            class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15418            :class="{ 'opacity-0': isImgLoaded }"
15419            aria-hidden="true"
15420            role="presentation"
15421          >
15422            <img
15423              width="1200"
15424              height="480"
15425              class="transition-image collection-header-image w-full h-[40vh] object-cover rounded-md"
15426              :src="src"
15427              alt=""
15428            >
15429          </div>
15430          <img
15431            id="od-fallback-collection-image"
15432            x-element-transition-dest="img"
15433            :src="$store['transition'].pageData?.img"
15434            :alt="$store['transition'].pageData?.title"
15435            class="no-fade collection-header-image w-full h-[40vh] object-cover rounded-md transition-opacity duration-300"
15436            loading="eager"
15437            sizes="(min-width: 750px) calc(50vw - 130px), calc(50vw - 55px)"
15438            width="1200"
15439            height="480"
15440          >
15441        </div>
15442      </div>
15443    </template>
15444  
15445
15446  <div class="flex w-full justify-center">
15447    <div class="flex flex-col gap-3 items-center text-center">
15448      <h1
15449        class="heading text-lg text-text-500"
15450        x-text="$store['transition'].pageData?.title"
15451      ></h1>
15452
15453      
15454        <div
15455          class="rte text-center"
15456          x-html="$store['transition'].pageData?.description"
15457          x-show="$store['transition'].pageData?.description && $store['transition'].pageData?.description != ''"
15458        ></div>
15459      
15460    </div>
15461  </div>
15462
15463  <div class="min-h-screen"></div>
15464</article>
15465
15466      </template>
15467      <template x-fallback-template-type="article">
15468        <div class="contents">
15469  <div class="mt-[72px] md:mt-[89px]"></div>
15470  
15471  
15472
15473
15474
15475
15476
15477  <nav
15478
15479    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15480    role="navigation"
15481    aria-label="Breadcrumbs"
15482  >
15483    <div role="list" class="truncate px-2">
15484      <div role="listitem" class="inline font-semibold">
15485        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15486          Home
15487        </a>
15488      </div>
15489
15490      <div
15491        role="listitem"
15492        class="mx-4 inline-block"
15493        aria-hidden="true"
15494      >
15495        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15496  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15497</svg>
15498
15499      </div>
15500
15501      
15502        <template x-if="$store['transition'].pageType === 'category'">
15503          <div class="contents">
15504            <div
15505              role="listitem"
15506              class="breadcrumb text-text-500"
15507              x-html="$store['transition'].pageData?.title"
15508            ></div>
15509          </div>
15510        </template>
15511
15512        <template x-if="$store['transition'].pageType === 'article'">
15513          <div class="contents">
15514            <div role="listitem" class="breadcrumb">
15515              <a
15516                class="inline-flex hover:underline"
15517                x-element-transition-trigger
15518                href=""
15519                aria-current="page"
15520              ></a>
15521            </div>
15522            <div
15523              role="listitem"
15524              class="mx-4 inline-block"
15525              aria-hidden="true"
15526            >
15527              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15528  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15529</svg>
15530
15531            </div>
15532            <div
15533              role="listitem"
15534              class="breadcrumb text-text-500"
15535              x-html="$store['transition'].pageData?.title"
15536            ></div>
15537          </div>
15538        </template>
15539
15540        <template x-if="$store['transition'].pageType === 'product'">
15541          <div class="contents">
15542            <div
15543              role="listitem"
15544              class="breadcrumb text-text-500"
15545              x-html="$store['transition'].pageData?.title"
15546            ></div>
15547          </div>
15548        </template>
15549
15550        <template x-if="$store['transition'].pageType === 'search'">
15551          <div class="contents">
15552            <div
15553              role="listitem"
15554              class="breadcrumb text-text-500"
15555              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
15556            ></div>
15557          </div>
15558        </template>
15559      
15560    </div>
15561  </nav>
15562
15563
15564
15565  
15566  <article
15567    class="content-wrapper mx-auto"
15568    itemscope=""
15569    itemtype="http://schema.org/BlogPosting"
15570    x-data="
15571      {
15572        pageData: $store['transition'].pageData
15573      }
15574    "
15575  >
15576    <header class="mb-7 text-center">
15577      <div class="mb-4">
15578        <span x-show="pageData?.show_date" x-text="pageData?.date"></span>
15579        <template
15580          x-for="(tag, i) in pageData?.tags"
15581          :key="i"
15582        >
15583          <span
15584            class="capitalize before:mx-3 before:inline-block before:text-gray-200 before:content-['/']"
15585            x-text="tag"
15586          ></span>
15587        </template>
15588      </div>
15589
15590      <h1 class="text-4xl text-text-500" itemprop="headline" x-text="pageData?.title"></h1>
15591    </header>
15592  </article>
15593</div>
15594
15595      </template>
15596
15597      <!-- Wrapper contains main element when it is scaled thus fixing popup bottom position -->
15598      <div
15599        class="main-wrapper -mt-[72px] flex-1 md:-mt-[89px] max-md:overflow-hidden"
15600        :class="
15601          {
15602            'print:max-md:!hidden': $store.popup._isPopupVisible
15603          }
15604        "
15605      >
15606        <!-- main-content -->
15607        <main
15608          id="MainContent"
15609          class="content-for-layout focus-none flex h-full origin-top flex-col transition-transform duration-500 will-change-transform motion-reduce:transition-none"
15610          :class="
15611            {
15612              'is-transition': $store['transition'].isAnimating,
15613            }
15614          "
15615          role="main"
15616          tabindex="-1"
15617          :style="
15618            {
15619              transform: ($store.popup.isCurrentPopupFocused && !$store.main.isReducedMotion)
15620                ? `scale(${$store.main.scaleFactor}) translateY(${$store.main.yOffset}px)`
15621                : 'scale(1)'
15622            }
15623          "
15624          @scroll.window="$store.main.setTransformValues"
15625        >
15626          
15627            <div
15628              class=" md:mt-[89px] "
15629            ></div>
15630          
15631
15632          
15633            
15634
15635
15636
15637
15638
15639  <nav
15640
15641    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15642    role="navigation"
15643    aria-label="Breadcrumbs"
15644  >
15645    <div role="list" class="truncate px-2">
15646      <div role="listitem" class="inline font-semibold">
15647        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15648          Home
15649        </a>
15650      </div>
15651
15652      <div
15653        role="listitem"
15654        class="mx-4 inline-block"
15655        aria-hidden="true"
15656      >
15657        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15658  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15659</svg>
15660
15661      </div>
15662
15663      
15664        
15665            
15666            
15667
15668            <div role="listitem" class="breadcrumb text-text-500">
15669              Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964
15670            </div>
15671
15672          
15673      
15674    </div>
15675  </nav>
15676
15677
15678          
15679
15680          <!-- preview-content -->
15681          <div class="product-page" x-data="ProductPage()"><section id="shopify-section-template--27874879373633__main" class="shopify-section section">
15682
15683
15684
15685<div
15686  x-init="
15687    () => {
15688      $data.setProductPageProps({
15689        manuallySelectedVariantId: 0,
15690        selectedVariantId: 67585691091265,
15691        selectedOptions: JSON.parse('[&quot;CD&quot;]'),
15692        productId: 15395233333569,
15693        productUrl: '/products/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel',
15694        isSyncedWithUrl: true,
15695        isScrollingToTop: false,
15696        XRMediaModels: [],
15697        variants: [{&quot;id&quot;:67585691091265,&quot;title&quot;:&quot;CD&quot;,&quot;option1&quot;:&quot;CD&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;12413-2&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - 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;:-1,&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;:67585691124033,&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 12413-2&quot;,&quot;requires_shipping&quot;:false,&quot;taxable&quot;:false,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;
15697Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - 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;: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}},{&quot;id&quot;:67585691156801,&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 12413-2&quot;,&quot;requires_shipping&quot;:false,&quot;taxable&quot;:false,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - 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}}]
15698      });
15699
15700      // Wishlist button state/labels are handled by od-wishlist.js via
15701      // Alpine bindings — no Swym re-init needed here anymore.
15702    }
15703  "
15704  class="contents "
15705>
15706
15707  <div id="product-page">
15708    <!-- product-page-content -->
15709    
15710
15711
15712
15713
15714
15715
15716
15717
15718
15719
15720
15721
15722
15723
15724<div class="od-pdp-desktop-layout content-wrapper mx-auto">
15725<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">
15726  <div class="contents max-md:hidden">
15727    
15728<div 
15729  x-data="{
15730    currentIndex: 0,
15731    startX: 0,
15732    startY: 0,
15733    isScrolling: undefined,
15734
15735    onTouchStart(e) {
15736      this.startX = e.touches[0].clientX;
15737      this.startY = e.touches[0].clientY;
15738      this.isScrolling = undefined;
15739    },
15740
15741    onTouchMove(e) {
15742      const dx = e.touches[0].clientX - this.startX;
15743      const dy = e.touches[0].clientY - this.startY;
15744
15745      if (this.isScrolling === undefined) {
15746        this.isScrolling = Math.abs(dy) > Math.abs(dx);
15747      }
15748
15749      if (!this.isScrolling) {
15750        e.preventDefault();
15751      }
15752    },
15753
15754    onTouchEnd(e) {
15755      const endX = e.changedTouches[0].clientX;
15756      const diffX = this.startX - endX;
15757
15758      if (diffX > 50 && this.currentIndex < 1) {
15759        this.currentIndex += 1;
15760      } else if (diffX < -50 && this.currentIndex > 0) {
15761        this.currentIndex -= 1;
15762      }
15763    }
15764  }"
15765  x-on:touchstart="onTouchStart($event)"
15766  x-on:touchmove="onTouchMove($event)"
15767  x-on:touchend="onTouchEnd($event)"
15768  class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery"
15769>
15770
15771  <div class="relative">
15772    <div class="flex transition-transform duration-500 snap-x snap-mandatory" 
15773         :style="`transform: translateX(-${currentIndex * 100}%);`">
15774      
15775            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15776        <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">
15777          
15778  <!-- Transition overlay: FIRST CHILD inside the hero box -->
15779  <div
15780    x-data="
15781      TransitionImage({
15782        src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
15783        imageId: ''
15784      })
15785    "
15786    x-show="!!src"
15787    class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15788    :class="{ 'opacity-0': isImgLoaded }"
15789    aria-hidden="true"
15790    role="presentation"
15791  >
15792    <img
15793      height="100%"
15794      width="100%"
15795      class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15796      :src="src"
15797      alt=""
15798    >
15799
15800    
15801  </div>
15802
15803
15804          
15805
15806
15807
15808
15809
15810
15811<div class="bg-[--fade-in-bg] w-full flex justify-center">
15812  
15813    <img src="//operadepot.com/cdn/shop/files/12413-2front.jpg?v=1790530114" alt="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutt
15813i; Maazel. Roma, 1964" 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;);">
15814  
15815</div>
15816
15817  
15818
15819
15820          
15821        </div>
15822      </div>
15823
15824      
15825            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15826        <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">
15827          
15828
15829          
15830
15831
15832
15833
15834
15835
15836<div class="bg-[--fade-in-bg] w-full flex justify-center">
15837  
15838    <img src="//operadepot.com/cdn/shop/files/12413-2back.jpg?v=1790530114" alt="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964" 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;);">
15839  
15840</div>
15841
15842  
15843
15844
15845          
15846        </div>
15847      </div>
15848
15849      
15850    </div>
15851
15852    <!-- Left Arrow -->
15853    <button
15854      x-show="currentIndex > 0"
15855      @click="currentIndex--"
15856      class="sticky-arrow left"
15857      aria-label="Previous image"
15858    >‹</button>
15859
15860    <!-- Right Arrow -->
15861    <button
15862      x-show="currentIndex < 1"
15863      @click="currentIndex++"
15864      class="sticky-arrow right"
15865      aria-label="Next image"
15866    >›</button>
15867  </div>
15868
15869  <!-- Opera Depot Player Button (shared with the product lightbox) -->
15870  
15871<div id="stream-button-container" class="od-stream-button mt-6 text-center">
15872  <button
15873    type="button"
15874    class="opera-player-launch lightbox-stream-button stream-recording-button"
15875    data-product-handle="beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel"
15876    data-product-stream-button
15877    data-product-free-streaming="false"
15878    data-product-coming-soon="false"
15879    data-product-public-full-streaming="false"
15880    data-product-full-streaming-available="false"
15881    aria-label="Sample Recording"
15882  >
15883    <span class="stream-recording-button__play play-icon-wrapper" aria-hidden="true">
15884      <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false">
15885        <circle class="play-icon-circle" cx="12" cy="12" r="10" />
15886        <path class="play-icon-triangle" d="M9.25 7.75v8.5L16 12z" />
15887      </svg>
15888      <span class="stream-button-spinner" aria-hidden="true"></span>
15889    </span>
15890    <span class="stream-label" data-product-stream-label>Sample Recording</span>
15891  </button>
15892  <p class="od-member-line">
15893    <a class="od-member-line__link" href="/pages/membership" x-element-transition-trigger>
15894      Members hear the full recording<span aria-hidden="true">&nbsp;&rarr;</span>
15895    </a>
15896  </p>
15897</div>
15898
15899
15900</div>
15901
15902<style>
15903  .sticky-arrow {
15904    position: absolute;
15905    top: 50%;
15906    transform: translateY(-50%);
15907    background-color: rgba(255, 255, 255, 0.85);
15908    border: none;
15909    font-size: 2rem;
15910    padding: 0.5rem 0.75rem;
15911    border-radius: 999px;
15912    cursor: pointer;
15913    z-index: 20;
15914    transition: background-color 0.3s ease, transform 0.3s ease;
15915  }
15916
15917  .sticky-arrow:hover {
15918    background-color: rgba(255, 255, 255, 1);
15919    transform: translateY(-50%) scale(1.1);
15920    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
15921  }
15922
15923  .sticky-arrow.left { left: 16px; }
15924  .sticky-arrow.right { right: 16px; }
15925</style>
15926
15927  </div>
15928
15929  <div class="product-details md:sticky md:top-[--scroll-top] md:pb-7"
15930    
15931      x-sticky-scroll="{
15932        container: $refs.scrollContainer,
15933        top: $refs.scrollContainer ? (window.innerHeight > 1080 ? 24 : 72) : 90,
15934        bottom: $refs.scrollContainer ? (window.innerHeight > 1080 ? 300 : 100) : 24,
15935      }"
15936    
15937  >
15938 
15939
15940   
15941   
15942
15943  <div class="contents md:hidden">
15944    
15945<div 
15946  x-data="{
15947    currentIndex: 0,
15948    startX: 0,
15949    startY: 0,
15950    isScrolling: undefined,
15951
15952    onTouchStart(e) {
15953      this.startX = e.touches[0].clientX;
15954      this.startY = e.touches[0].clientY;
15955      this.isScrolling = undefined;
15956    },
15957
15958    onTouchMove(e) {
15959      const dx = e.touches[0].clientX - this.startX;
15960      const dy = e.touches[0].clientY - this.startY;
15961
15962      if (this.isScrolling === undefined) {
15963        this.isScrolling = Math.abs(dy) > Math.abs(dx);
15964      }
15965
15966      if (!this.isScrolling) {
15967        e.preventDefault();
15968      }
15969    },
15970
15971    onTouchEnd(e) {
15972      const endX = e.changedTouches[0].clientX;
15973      const diffX = this.startX - endX;
15974
15975      if (diffX > 50 && this.currentIndex < 1) {
15976        this.currentIndex += 1;
15977      } else if (diffX < -50 && this.currentIndex > 0) {
15978        this.currentIndex -= 1;
15979      }
15980    }
15981  }"
15982  x-on:touchstart="onTouchStart($event)"
15983  x-on:touchmove="onTouchMove($event)"
15984  x-on:touchend="onTouchEnd($event)"
15985  class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery"
15986>
15987
15988  <div class="relative">
15989    <div class="flex transition-transform duration-500 snap-x snap-mandatory" 
15990         :style="`transform: translateX(-${currentIndex * 100}%);`">
15991      
15992            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15993        <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">
15994          
15995  <!-- Transition overlay: FIRST CHILD inside the hero box -->
15996  <div
15997    x-data="
15998      TransitionImage({
15999        src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
16000        imageId: ''
16001      })
16002    "
16003    x-show="!!src"
16004    class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
16005    :class="{ 'opacity-0': isImgLoaded }"
16006    aria-hidden="true"
16007    role="presentation"
16008  >
16009    <img
16010      height="100%"
16011      width="100%"
16012      class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
16013      :src="src"
16014      alt=""
16015    >
16016
16017    
16018  </div>
16019
16020
16021          
16022
16023
16024
16025
16026
16027
16028<div class="bg-[--fade-in-bg] w-full flex justify-center">
16029  
16030    <img src="//operadepot.com/cdn/shop/files/12413-2front.jpg?v=1790530114" alt="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutt
16030i; Maazel. Roma, 1964" 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;);">
16031  
16032</div>
16033
16034  
16035
16036
16037          
16038        </div>
16039      </div>
16040
16041      
16042            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
16043        <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">
16044          
16045
16046          
16047
16048
16049
16050
16051
16052
16053<div class="bg-[--fade-in-bg] w-full flex justify-center">
16054  
16055    <img src="//operadepot.com/cdn/shop/files/12413-2back.jpg?v=1790530114" alt="Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964" 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;);">
16056  
16057</div>
16058
16059  
16060
16061
16062          
16063        </div>
16064      </div>
16065
16066      
16067    </div>
16068
16069    <!-- Left Arrow -->
16070    <button
16071      x-show="currentIndex > 0"
16072      @click="currentIndex--"
16073      class="sticky-arrow left"
16074      aria-label="Previous image"
16075    >‹</button>
16076
16077    <!-- Right Arrow -->
16078    <button
16079      x-show="currentIndex < 1"
16080      @click="currentIndex++"
16081      class="sticky-arrow right"
16082      aria-label="Next image"
16083    >›</button>
16084  </div>
16085
16086  <!-- Opera Depot Player Button (shared with the product lightbox) -->
16087  
16088<div id="stream-button-container" class="od-stream-button mt-6 text-center">
16089  <button
16090    type="button"
16091    class="opera-player-launch lightbox-stream-button stream-recording-button"
16092    data-product-handle="beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel"
16093    data-product-stream-button
16094    data-product-free-streaming="false"
16095    data-product-coming-soon="false"
16096    data-product-public-full-streaming="false"
16097    data-product-full-streaming-available="false"
16098    aria-label="Sample Recording"
16099  >
16100    <span class="stream-recording-button__play play-icon-wrapper" aria-hidden="true">
16101      <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false">
16102        <circle class="play-icon-circle" cx="12" cy="12" r="10" />
16103        <path class="play-icon-triangle" d="M9.25 7.75v8.5L16 12z" />
16104      </svg>
16105      <span class="stream-button-spinner" aria-hidden="true"></span>
16106    </span>
16107    <span class="stream-label" data-product-stream-label>Sample Recording</span>
16108  </button>
16109  <p class="od-member-line">
16110    <a class="od-member-line__link" href="/pages/membership" x-element-transition-trigger>
16111      Members hear the full recording<span aria-hidden="true">&nbsp;&rarr;</span>
16112    </a>
16113  </p>
16114</div>
16115
16116
16117</div>
16118
16119<style>
16120  .sticky-arrow {
16121    position: absolute;
16122    top: 50%;
16123    transform: translateY(-50%);
16124    background-color: rgba(255, 255, 255, 0.85);
16125    border: none;
16126    font-size: 2rem;
16127    padding: 0.5rem 0.75rem;
16128    border-radius: 999px;
16129    cursor: pointer;
16130    z-index: 20;
16131    transition: background-color 0.3s ease, transform 0.3s ease;
16132  }
16133
16134  .sticky-arrow:hover {
16135    background-color: rgba(255, 255, 255, 1);
16136    transform: translateY(-50%) scale(1.1);
16137    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
16138  }
16139
16140  .sticky-arrow.left { left: 16px; }
16141  .sticky-arrow.right { right: 16px; }
16142</style>
16143
16144  </div>
16145  
16146
16147<div
16148  class="relative flex flex-col animate-on-transition"
16149  :style="`--price-width: ${$refs.ProductPrice?.clientWidth}px`"
16150><style id="od-product-typography-template--27874879373633__main">
16151  /* Desktop/tablet defaults */
16152  #shopify-section-template--27874879373633__main .od-title-wrap{ text-align:left; }
16153
16154  #shopify-section-template--27874879373633__main .od-title-wrap .od-product-eyebrow{
16155    display:block; margin:0 0 .25rem 0; text-align:left;
16156    font-family:inherit; color:inherit;
16157    font-size:.8em; font-weight:700;
16158    text-transform:uppercase; letter-spacing:.08em;
16159  }
16160
16161  #shopify-section-template--27874879373633__main .od-title-wrap h1.od-product-title{
16162    /* wipe theme/global h1 so it can't flash */
16163    all: unset; display:block; margin:0 0 .25em 0;
16164    /* brand */
16165    font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
16166    font-style: italic; font-weight:400; line-height:1.1; color:#330065;
16167    font-size: clamp(30px, 2.8vw, 46px);
16168    text-align: left; /* explicit for desktop */
16169  }
16170
16171  /* parentheticals like "(In Italian)" stay upright within the italic title */
16172  #shopify-section-template--27874879373633__main .od-title-wrap h1.od-product-title .od-title-paren{
16173    font-style: normal;
16174  }
16175
16176  #shopify-section-template--27874879373633__main .od-title-wrap .od-product-subtitle{
16177    display:block; margin:0 0 1rem 0; text-align:left;
16178  }
16179
16180  /* Mobile: center wrapper AND explicitly center children */
16181  @media (max-width: 767.98px){
16182    #shopify-section-template--27874879373633__main .od-title-wrap{ text-align:center !important; }
16183
16184    /* Force each child to center—no reliance on inherit */
16185    #shopify-section-template--27874879373633__main .od-title-wrap h1.od-product-title{
16186      text-align:center !important;
16187      font-size: clamp(28px, 8vw, 40px);
16188    }
16189    #shopify-section-template--27874879373633__main .od-title-wrap .od-product-subtitle{
16190      text-align:center !important;
16191    }
16192    #shopify-section-template--27874879373633__main .od-title-wrap .od-product-eyebrow{
16193      text-align:center !important;
16194    }
16195  }
16196</style><style id="od-product-mobile-rhythm-template--27874879373633__main">
16197  #shopify-section-template--27874879373633__main .reviews-badge-wrapper{
16198    display: flex;
16199    align-items: center;
16200    min-height: 1.375rem;
16201    line-height: 1;
16202  }
16203
16204  @media (max-width: 767.98px){
16205    /* Reviews row: a touch smaller & air below */
16206    #shopify-section-template--27874879373633__main .reviews-badge-wrapper{
16207      margin-top: .25rem;
16208      margin-bottom: .5rem;
16209      opacity: .95;
16210    }
16211    #shopify-section-template--27874879373633__main .reviews-badge-wrapper *{
16212      font-size: .95rem;
16213    }
16214
16215    /* Price: a bit of space before "Select Format" */
16216    #shopify-section-template--27874879373633__main .od-product-price{
16217      margin-top: .25rem;
16218      margin-bottom: .875rem;
16219    }
16220
16221    /* Swatches: small gap before wishlist */
16222    #shopify-section-template--27874879373633__main [id^="variant-options-"]{
16223      margin-bottom: .5rem !important;
16224    }
16225
16226    /* Wishlist: close to swatches, more air before Add to cart */
16227    #shopify-section-template--27874879373633__main .wishlist-epi{
16228      margin-top: .25rem;
16229      margin-bottom: 1.25rem;
16230    }
16231
16232    /* Slightly smaller heart on phones */
16233    #shopify-section-template--27874879373633__main .wishlist-epi .od-wishlist-button{
16234      width: 26px; height: 26px;
16235    }
16236  }
16237</style>
16238<style id="od-product-dividers-template--27874879373633__main">
16239  @media (max-width: 767.98px){
16240    /* Hairline under the title block */
16241    #shopify-section-template--27874879373633__main .od-title-wrap{
16242      padding-bottom: .5rem;        /* space inside the rule */
16243      margin-bottom:  .5rem;        /* space after the rule */
16244      border-bottom: 1px solid #33006526; /* brand purple @ ~15% opacity */
16245    }
16246  }
16247
16248
16249</style>
16250
16251
16252  
16253    <form method="post" action="/cart/add" id="product_form_15395233333569" 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="✓" />
16254     
16255      
16256      <template x-if="isVariantAvailable && true">
16257        <div class="contents">
16258          <input
16259            type="hidden"
16260            name="id"
16261            value="67585691091265"
16262          >
16263          <input
16264            type="hidden"
16265            name="quantity"
16266            :value="variantQty"
16267          >
16268        </div>
16269      </template>
16270
16271      
16272        
16273  
16274  
16275  
16276  
16277  
16278<div class="od-title-wrap max-md:px-4">
16279  
16280    <p class="od-product-eyebrow animate-on-transition">Beethoven</p>
16281  
16282  <h1 class="od-product-title" >Fidelio
16283</h1>
16284  
16285    
16286    
16287    
16288      
16289      
16290      
16291      <p class="od-product-subtitle animate-on-transition">Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel<br>Roma, 1964</p>
16292    
16293  
16294</div>
16295
16296
16297
16298<!-- Native review badge -->
16299<div class="reviews-badge-wrapper mt-2 max-md:px-4" aria-label="Product rating">
16300  
16301
16302</div>
16303
16304
16305  
16306          
16307      
16308        
16309  <div
16310    class="od-product-price animate-on-transition max-md:px-4 md:mb-8 md:mt-7 md:px-0"
16311    x-ref="ProductPrice"
16312    
16313  >
16314    <div id="price-template--27874879373633__main" role="status">
16315
16316
16317  
16318
16319  <div class="contents">
16320    <div
16321      class="price__element z-10 flex items-center gap-2 text-text-500 text-md md:text-lg"
16322      data-od-sale-base="1795"
16323      data-od-sale-collections="all,all-recordings,ludwig-van-beethoven,boris-christoff,ernst-kozub,lorin-maazel,opera-in-german,graziella-sciutti,september-new,best-sellers,hilde-zadek"
16324      
16325      
16326      data-od-sale-badge="1"
16327    >
16328      
16329        <span class="sr-only">Regular price</span>
16330        <span class="text-primary-600"><span class="money">$17.95</span></span>
16331      
16332      
16333        
16334<div
16335      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"
16336      data-od-sale-pct-badge
16337      data-od-sale-collections="all,all-recordings,ludwig-van-beethoven,boris-christoff,ernst-kozub,lorin-maazel,opera-in-german,graziella-sciutti,september-new,best-sellers,hilde-zadek"
16338      
16339      hidden
16340    >
16341      <span class="font-semibold"></span>
16342    </div>
16343
16344      
16345    </div>
16346    <div class="mt-2 text-md  hidden">
16347      <span class="sr-only">Unit price</span>
16348      <span class="text-primary-600">
16349        <span></span>
16350        <span aria-hidden="true">/</span>
16351        <span class="sr-only">&nbsp;per&nbsp;</span>
16352        <span>
16353        </span>
16354      </span>
16355    </div>
16356  </div>
16357
16358</div>
16359    
16360  </div>
16361
16362      
16363        
16364  <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"
16365    
16366  >
16367    
16368    <div id="variant-options-15395233333569" class="mb-0 md:mb-0 animate-on-transition">
16369      
16370
16371<div class="flex flex-col gap-5 max-md:mx-2">
16372    <div
16373      role="radiogroup"
16374      aria-required="true"
16375      aria-label="Select Format"
16376      class="flex h-full w-full flex-col items-center justify-between gap-2"
16377      style="order: 1"
16378    >
16379      <div
16380        class="flex h-full w-full flex-row items-center justify-between pb-2 max-md:sticky top-0 z-10 bg-bg-500"
16381      >
16382        <span class="font-semibold text-text-500">
16383          Select Format
16384        </span>
16385      </div>
16386
16387      <article
16388        class="flex h-fit w-full flex-wrap gap-3  "
16389      >
16390            
16391    <div
16392    class="
16393      relative button button--size-sm select-none transition-all ease-in-out
16394      flex flex-col items-center text-center
16395       button--outline-primary button--disabled !opacity-100 !bg-bg-700 
16396      
16397      
16398      
16399    "
16400    @click="selectOptionAndSetVariantId(0, `CD`, 67585691091265, '')"
16401    :class="{
16402      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `CD`,
16403      'button--outline-secondary': selectedOptions[0] !== `CD`,
16404    }"
16405    
16406    role="radio"
16407    title="CD"
16408    aria-label="CD"
16409    :tabindex="selectedOptions[0] === `CD` ? '0' : '-1'"
16410    :aria-checked="selectedOptions[0] === `CD` ? 'true' : 'false'"
16411    x-a11y-radio
16412    
16413  >
16414
16415              
16416                <span class="line-clamp-2 text-wrap text-base md:text-lg">CD</span>
16417              
16418
16419            </div>
16420          
16421        
16422            
16423    <div
16424    class="
16425      relative button button--size-sm select-none transition-all ease-in-out
16426      flex flex-col items-center text-center
16427       button--outline-secondary 
16428      
16429      
16430      
16431    "
16432    @click="selectOptionAndSetVariantId(0, `MP3`, 67585691124033, '')"
16433    :class="{
16434      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `MP3`,
16435      'button--outline-secondary': selectedOptions[0] !== `MP3`,
16436    }"
16437    
16438    role="radio"
16439    title="MP3"
16440    aria-label="MP3"
16441    :tabindex="selectedOptions[0] === `MP3` ? '0' : '-1'"
16442    :aria-checked="selectedOptions[0] === `MP3` ? 'true' : 'false'"
16443    x-a11y-radio
16444    
16445  >
16446
16447              
16448                <span class="line-clamp-2 text-wrap text-base md:text-lg">MP3</span>
16449              
16450
16451            </div>
16452          
16453        
16454            
16455    <div
16456    class="
16457      relative button button--size-sm select-none transition-all ease-in-out
16458      flex flex-col items-center text-center
16459       button--outline-secondary 
16460      
16461      
16462      
16463    "
16464    @click="selectOptionAndSetVariantId(0, `FLAC`, 67585691156801, '')"
16465    :class="{
16466      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `FLAC`,
16467      'button--outline-secondary': selectedOptions[0] !== `FLAC`,
16468    }"
16469    
16470    role="radio"
16471    title="FLAC"
16472    aria-label="FLAC"
16473    :tabindex="selectedOptions[0] === `FLAC` ? '0' : '-1'"
16474    :aria-checked="selectedOptions[0] === `FLAC` ? 'true' : 'false'"
16475    x-a11y-radio
16476    
16477  >
16478
16479              
16480                <span class="line-clamp-2 text-wrap text-base md:text-lg">FLAC</span>
16481              
16482
16483            </div>
16484          
16485        
16486      </article>
16487    </div></div>
16488
16489    </div>
16490<div
16491  class="wishlist-epi mt-0 mb-5 md:mt-1 md:mb-3 animate-on-transition"
16492  id="wishlist-epi-15395233333569"
16493  data-od-wishlist-epi
16494>
16494<script type="application/json" data-od-wishlist-meta>
16495    {
16496      "productId": "15395233333569",
16497      "handle": "beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel",
16498      "title": "Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964",
16499      "itemType": "wishlist",
16500      "image": "\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114\u0026width=600",
16501      "variants": {"67585691091265": {
16502            "sku": "12413-2",
16503            "title": "CD",
16504            "priceCents": 1795
16505          },
16506"67585691124033": {
16507            "sku": "MP3 12413-2",
16508            "title": "MP3",
16509            "priceCents": 995
16510          },
16511"67585691156801": {
16512            "sku": "FLAC 12413-2",
16513            "title": "FLAC",
16514            "priceCents": 1195
16515          }
16516}
16517    }
16518  </script>
16518
16519
16520  <button
16521    type="button"
16522    class="od-wishlist-button"
16523    aria-label="Add to Wishlist"
16524    data-variant-id="67585691091265"
16525    x-bind:data-variant-id="selectedVariantId"
16526    x-bind:aria-pressed="$store.wishlist && $store.wishlist.has && $store.wishlist.has(selectedVariantId) ? 'true' : 'false'"
16527    x-bind:class="{ 'od-wishlist-added': $store.wishlist && $store.wishlist.has && $store.wishlist.has(selectedVariantId) }"
16528    @click.prevent="window.ODWishlist && window.ODWishlist.toggleFromButton($el)"
16529  >
16530    
16531    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
16532      <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"/>
16533    </svg>
16534    
16535  </button>
16536
16537  <span
16538    class="wishlist-epi__label"
16539    role="button"
16540    tabindex="0"
16541    aria-live="polite"
16542    @click="$el.previousElementSibling.click()"
16543    @keydown.enter.prevent="$el.previousElementSibling.click()"
16544    @keydown.space.prevent="$el.previousElementSibling.click()"
16545  >
16546    
16547    <span class="wl-text-add">Add to Wishlist</span>
16548    <span class="wl-text-added">Added to Wishlist</span>
16549    
16550  </span>
16551</div>
16552
16553
16554
16555    
16556    
16557
16558
16559
16560
16561
16562
16563
16564
16565
16566
16567
16568
16569
16570  <div class="animate-on-transition md:mb-5 max-md:hidden">
16571    <!-- product-options-content -->
16572    
16573    <!-- end-product-options-content -->
16574  </div>
16575
16576
16577
16578  
16579<div
16580  class="relative flex flex-grow flex-wrap justify-stretch gap-3 "
16581  id="product-actions"
16582  x-transition
16583  
16584    x-intersect:enter="toggleStickyProductActions(false)"
16585    x-intersect:leave="toggleStickyProductActions(true)"
16586  
16587>
16588  
16589    
16590
16591
16592
16593<!-- Quantity Controls -->
16594<div
16595  class="contents max-md:hidden"
16596>
16597  <button
16598    type="button"
16599    class="animate-on-transition button button--outline-secondary icon-button select-none icon-button--size-md md:icon-button--size-lg "
16600    :class="
16601      {
16602        'button--disabled': (!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true
16603      }
16604    "
16605    :aria-label="
16606      variantQty > 1
16607      ? 'Decrease quantity'
16608      : 'Remove from cart'
16609    "
16610    :disabled="(!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true"
16611    @click.prevent.stop="decreaseQty()"
16612  >
16613    <span class="sr-only">Decrease quantity for Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964</span>
16614    <span
16615      
16616      x-show="variantQty < 2"
16617    >
16618      <svg
16619  xmlns="http://www.w3.org/2000/svg"
16620  fill="currentColor"
16621  stroke="currentColor"
16622  stroke-width="0"
16623  aria-hidden="true"
16624  class="icon icon-remove"
16625  viewBox="0 0 24 24"
16626>
16627  <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"/>
16628</svg>
16629
16630    </span>
16631    <span
16632      
16633        style="display: none"
16634      
16635      x-show="variantQty > 1"
16636    >
16637      <svg
16638  xmlns="http://www.w3.org/2000/svg"
16639  fill="currentColor"
16640  stroke="currentColor"
16641  stroke-width="0"
16642  aria-hidden="true"
16643  class=""
16644  viewBox="0 0 24 24"
16645>
16646  <path stroke="none" d="M5 11h14v2H5z"/>
16647</svg>
16648
16649    </span>
16650  </button>
16651
16652  <label for="quantity_template--27874879373633__main_15395233333569" class="sr-only tracking-widest">Quantity</label>
16653  <input
16654    type="number"
16655    value="0"
16656    :value="variantQty"
16657    class="animate-on-transition input__field flex-shrink-0 basis-14 text-center md:h-auto bg-transparent"
16658    min="1"
16659    @change.lazy="setQuantity($event.target.value)"
16660    aria-label="Quantity"
16661    id="quantity_template--27874879373633__main_15395233333569"
16662    :disabled="!isVariantAvailable || !true"
16663  >
16664
16665  <button
16666    type="button"
16667    class="animate-on-transition button button--outline-secondary icon-button select-none icon-button--size-md md:icon-button--size-lg"
16668    :aria-label="'Increase quantity'"
16669    @click.prevent.stop="increaseQty()"
16670    :class="
16671      {
16672        'button--disabled': !isVariantAvailable || !true
16673      }
16674    "
16675    :disabled="!isVariantAvailable || !true"
16676  >
16677    <span class="sr-only">Increase quantity</span>
16678    <svg
16679  xmlns="http://www.w3.org/2000/svg"
16680  fill="currentColor"
16681  stroke="currentColor"
16682  stroke-width="0"
16683  aria-hidden="true"
16684  class=""
16685  viewBox="0 0 24 24"
16686>
16687  <path stroke="none" d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"/>
16688</svg>
16689
16690  </button>
16691</div>
16692<button
16693  
16694  x-show="(!isVariantInCart || false) && isVariantAvailable"
16695  class="animate-on-transition button button--disabled button--outline-secondary flex-grow   max-md:hidden  md:hidden "
16696  disabled
16697  type="button"
16698>
16699  Out of stock
16700</button>
16701
16702<button
16703  
16704    style="display: none"
16705  
16706  x-show="!isVariantAvailable"
16707  class="animate-on-transition button button--disabled button--outline-secondary flex-grow max-md:hidden "
16708  disabled
16709  x-cloak
16710  type="button"
16711>
16712  Unavailable
16713</button>
16714
16715
16716
16717<button
16718  
16719  x-show="(!isVariantInCart || false) && true && isVariantAvailable"
16720  class="animate-on-transition button button--filled-primary flex-grow "
16721  @click.prevent="addToCart()"
16722
16723  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
16724  :class="{
16725    'button--disabled': isProductBeingAdded || isProductBeingRemoved
16726  }"
16727  :disabled="isProductBeingAdded || isProductBeingRemoved"
16728  type="button"
16729>
16730  <span class="flex items-center" x-show="!isProductBeingAdded && !isProductBeingRemoved">
16731    Add to cart
16732    <span class="button__icon button__icon--right ">
16733      <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
16734  <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>
16735</svg>
16736
16737    </span>
16738  </span>
16739
16740  <span style="display: none" x-show="isProductBeingRemoved">
16741    Removing from cart...
16742  </span>
16743
16744  <span style="display: none" x-show="isProductBeingAdded">
16745    Adding...
16746  </span>
16747</button>
16748
16749
16750<button
16751  
16752    style="display: none"
16753  
16754  x-show="isVariantInCart && contentId !== 'product-options'"
16755  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  max-md:hidden"
16756  
16757    href="/cart"
16758    x-element-transition-trigger
16759  
16760  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
16761  type="button"
16762>
16763  <span>
16764    Already in cart
16765  </span>
16766</button>
16767
16768    
16769
16770
16771
16772<button
16773  
16774    style="display: none"
16775  
16776  x-show="isVariantAvailable && (3 > 1) && isVariantInCart && !false"
16777  class="animate-on-transition button button--filled-primary w-full  md:hidden"
16778  @click.prevent="showProductActions()"
16779  type="button"
16780>
16781  <span>
16782    Select another option
16783  </span>
16784  <span
16785    class="button__icon button__icon--right "
16786  >
16787    <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
16788  <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>
16789</svg>
16790
16791  </span>
16792</button>
16793
16794    <span
16795      class="basis-full text-error"
16796      x-show="$store.cart.error.message"
16797    >
16798      <span x-text="$store.cart.error.message"></span>
16799    </span>
16800    
16801      <div
16802        class="od-product-purchase-status basis-full"
16803        data-product-purchased-badge
16804        data-product-handle="beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel"
16805        aria-live="polite"
16806        hidden
16807      ></div>
16808    
16809  
16810</div>
16811
16812  
16813    
16814
16815  
16816
16817  
16818    
16819  <div
16820  class="contents"
16821  x-init="
16822    $store.popup._registerPopup({
16823      id: 'product_bottom_actions',
16824      isFocused: false,
16825      isFullScreen: false,
16826      isAlwaysVisible: false,
16827      isPreventOverlayClose: false
16828    });
16829  "
16830>
16831  <template
16832    x-portal="$store.main.isMobile ? document.getElementById('popup-content-portal') : document.getElementById('popup-content-portal')"
16833  >
16834    <template x-if="$store.main.isMobile ? $store.popup._nextPopup === 'product_bottom_actions' : true">
16835      <div
16836        class="contents "
16837        id="product_bottom_actions"
16838      >
16839        
16840  <div class="h-9"></div>
16841  <template x-portal="document.getElementById('popup-fixed-content-portal')">
16842    <div
16843      id="ProductBottomActionsPopup"
16844      x-show="$store.popup.currentPopup == 'product_bottom_actions'"
16845      class="flex w-full items-center justify-end gap-3 bg-bg-500 px-3"
16846    >
16847      <div
16848        class="ml-3 flex flex-grow gap-3"
16849        x-show="!isVariantInCart"
16850        x-transition
16851      >
16852
16853
16854  
16855
16856  <div class="flex items-end flex-grow gap-3  [&>div]:mt-0">
16857    <div
16858      class="price__element z-10 flex items-center gap-2 text-text-500 text-lg"
16859      data-od-sale-base="1795"
16860      data-od-sale-collections="all,all-recordings,ludwig-van-beethoven,boris-christoff,ernst-kozub,lorin-maazel,opera-in-german,graziella-sciutti,september-new,best-sellers,hilde-zadek"
16861      
16862      
16863      
16864    >
16865      
16866        <span class="sr-only">Regular price</span>
16867        <span class="text-primary-600"><span class="money">$17.95</span></span>
16868      
16869      
16870    </div>
16871    <div class="mt-2 text-md  hidden">
16872      <span class="sr-only">Unit price</span>
16873      <span class="text-primary-600">
16874        <span></span>
16875        <span aria-hidden="true">/</span>
16876        <span class="sr-only">&nbsp;per&nbsp;</span>
16877        <span>
16878        </span>
16879      </span>
16880    </div>
16881  </div>
16882
16883</div>
16884      <div
16885        class="flex flex-grow justify-stretch gap-3"
16886        :class="{
16887          'w-full': isVariantInCart,
16888        }"
16889      >
16890        
16891
16892
16893
16894<!-- Quantity Controls -->
16895<div
16896  class="contents max-md:hidden"
16897>
16898  <button
16899    type="button"
16900    class="animate-on-transition button button--outline-secondary icon-button select-none  icon-button--size-sm"
16901    :class="
16902      {
16903        'button--disabled': (!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true
16904      }
16905    "
16906    :aria-label="
16907      variantQty > 1
16908      ? 'Decrease quantity'
16909      : 'Remove from cart'
16910    "
16911    :disabled="(!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true"
16912    @click.prevent.stop="decreaseQty()"
16913  >
16914    <span class="sr-only">Decrease quantity for Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutt
16914i; Maazel. Roma, 1964</span>
16915    <span
16916      
16917      x-show="variantQty < 2"
16918    >
16919      <svg
16920  xmlns="http://www.w3.org/2000/svg"
16921  fill="currentColor"
16922  stroke="currentColor"
16923  stroke-width="0"
16924  aria-hidden="true"
16925  class="icon icon-remove"
16926  viewBox="0 0 24 24"
16927>
16928  <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"/>
16929</svg>
16930
16931    </span>
16932    <span
16933      
16934        style="display: none"
16935      
16936      x-show="variantQty > 1"
16937    >
16938      <svg
16939  xmlns="http://www.w3.org/2000/svg"
16940  fill="currentColor"
16941  stroke="currentColor"
16942  stroke-width="0"
16943  aria-hidden="true"
16944  class=""
16945  viewBox="0 0 24 24"
16946>
16947  <path stroke="none" d="M5 11h14v2H5z"/>
16948</svg>
16949
16950    </span>
16951  </button>
16952
16953  <label for="quantity_template--27874879373633__main_15395233333569" class="sr-only tracking-widest">Quantity</label>
16954  <input
16955    type="number"
16956    value="0"
16957    :value="variantQty"
16958    class="animate-on-transition input__field flex-shrink-0 basis-14 text-center md:h-auto bg-transparent h-9 px-3 "
16959    min="1"
16960    @change.lazy="setQuantity($event.target.value)"
16961    aria-label="Quantity"
16962    id="quantity_template--27874879373633__main_15395233333569"
16963    :disabled="!isVariantAvailable || !true"
16964  >
16965
16966  <button
16967    type="button"
16968    class="animate-on-transition button button--outline-secondary icon-button select-none  icon-button--size-sm "
16969    :aria-label="'Increase quantity'"
16970    @click.prevent.stop="increaseQty()"
16971    :class="
16972      {
16973        'button--disabled': !isVariantAvailable || !true
16974      }
16975    "
16976    :disabled="!isVariantAvailable || !true"
16977  >
16978    <span class="sr-only">Increase quantity</span>
16979    <svg
16980  xmlns="http://www.w3.org/2000/svg"
16981  fill="currentColor"
16982  stroke="currentColor"
16983  stroke-width="0"
16984  aria-hidden="true"
16985  class=""
16986  viewBox="0 0 24 24"
16987>
16988  <path stroke="none" d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"/>
16989</svg>
16990
16991  </button>
16992</div>
16993<button
16994  
16995  x-show="(!isVariantInCart || false) && isVariantAvailable"
16996  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  button--size-sm   max-md:hidden  md:hidden "
16997  disabled
16998  type="button"
16999>
17000  Out of stock
17001</button>
17002
17003<button
17004  
17005    style="display: none"
17006  
17007  x-show="!isVariantAvailable"
17008  class="animate-on-transition button button--disabled button--outline-secondary flex-grow max-md:hidden  button--size-sm "
17009  disabled
17010  x-cloak
17011  type="button"
17012>
17013  Unavailable
17014</button>
17015
17016
17017
17018<button
17019  
17020  x-show="(!isVariantInCart || false) && true && isVariantAvailable"
17021  class="animate-on-transition button button--filled-primary flex-grow  button--size-sm "
17022  @click.prevent="addToCart()"
17023
17024  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
17025  :class="{
17026    'button--disabled': isProductBeingAdded || isProductBeingRemoved
17027  }"
17028  :disabled="isProductBeingAdded || isProductBeingRemoved"
17029  type="button"
17030>
17031  <span class="flex items-center" x-show="!isProductBeingAdded && !isProductBeingRemoved">
17032    Add to cart
17033    <span class="button__icon button__icon--right  text-lg ">
17034      <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
17035  <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>
17036</svg>
17037
17038    </span>
17039  </span>
17040
17041  <span style="display: none" x-show="isProductBeingRemoved">
17042    Removing from cart...
17043  </span>
17044
17045  <span style="display: none" x-show="isProductBeingAdded">
17046    Adding...
17047  </span>
17048</button>
17049
17050
17051<button
17052  
17053    style="display: none"
17054  
17055  x-show="isVariantInCart && contentId !== 'product-options'"
17056  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  button--size-sm  max-md:hidden"
17057  
17058    href="/cart"
17059    x-element-transition-trigger
17060  
17061  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
17062  type="button"
17063>
17064  <span>
17065    Already in cart
17066  </span>
17067</button>
17068
17069        
17070
17071
17072
17073<button
17074  
17075    style="display: none"
17076  
17077  x-show="isVariantAvailable && (3 > 1) && isVariantInCart && !false"
17078  class="animate-on-transition button button--filled-primary w-full  button--size-sm  md:hidden"
17079  @click.prevent="showProductActions()"
17080  type="button"
17081>
17082  <span>
17083    Select another option
17084  </span>
17085  <span
17086    class="button__icon button__icon--right  text-lg "
17087  >
17088    <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
17089  <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>
17090</svg>
17091
17092  </span>
17093</button>
17094
17095      </div>
17096    </div>
17097  </template>
17098
17099      </div>
17100    </template>
17101  </template>
17102</div>
17103
17104
17105  
17106  
17107  
17108
17109  <div
17110  class="contents"
17111  x-init="
17112    $store.popup._registerPopup({
17113      id: 'product_actions-15395233333569',
17114      isFocused: true,
17115      isFullScreen: false,
17116      isAlwaysVisible: false,
17117      isPreventOverlayClose: false
17118    });
17119  "
17120>
17121  <template
17122    x-portal="$store.main.isMobile ? document.getElementById('popup-content-portal') : document.getElementById('popup-content-portal')"
17123  >
17124    <template x-if="$store.main.isMobile ? $store.popup._nextPopup === 'product_actions-15395233333569' : true">
17125      <div
17126        class="contents "
17127        id="product_actions-15395233333569"
17128      >
17129        
17130  
17131
17132      </div>
17133    </template>
17134  </template>
17135</div>
17136
17137
17138
17139
17140  </div>
17141
17142
17143          
17144      
17145        
17146      
17147        
17148            <div
17149              x-data="Slider()"
17150              id="complementary-products-wrapper"
17151              x-init="
17152                () => {
17153                  $data.fetchProductRecommendations('complementary-products', '/recommendations/products?section_id=template--27874879373633__main&product_id=15395233333569&limit=10&intent=complementary');
17154                }
17155              "
17156              
17157            ></div>
17158
17159          
17160      
17161    <input type="hidden" name="product-id" value="15395233333569" /><input type="hidden" name="section-id" value="template--27874879373633__main" /></form>
17162  
17163
17164  <button
17165    
17166      style="display: none"
17167    
17168    x-show="typeof hidePreview === 'function'"
17169    class="button button--ghost-primary animate-on-transition   max-md:hidden"
17170    @click="hidePreview"
17171    type="button"
17172  >
17173    Hide product
17174    <span class="button__icon button__icon--right text-lg">
17175      <svg
17176  viewBox="0 0 24 24"
17177  aria-hidden="true"
17178  xmlns="http://www.w3.org/2000/svg"
17179  class=""
17180>
17181  <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>
17182</svg>
17183
17184    </span>
17185  </button>
17186</div>
17187
17188
17189  </div>
17190</div>
17191
17192<!-- Release tabs: Description / Track List (SPA-safe) --><div class="release-tabs" data-product-tabs>
17193
17194  <div class="release-tabs__bar" role="tablist" aria-label="Release details">
17195    <button
17196      class="release-tabs__tab"
17197      type="button"
17198      id="tab-description-template--27874879373633__main"
17199      role="tab"
17200      aria-selected="true"
17201      aria-controls="panel-description-template--27874879373633__main"
17202      tabindex="0"
17203      data-tab-target="description">
17204      Description
17205    </button>
17206
17207    
17208    <button
17209      class="release-tabs__tab"
17210      type="button"
17211      id="tab-tracks-template--27874879373633__main"
17212      role="tab"
17213      aria-selected="false"
17214      aria-controls="panel-tracks-template--27874879373633__main"
17215      tabindex="-1"
17216      data-tab-target="tracklist">
17217      Track List
17218    </button>
17219    
17220  </div>
17221
17222  <!-- Description panel -->
17223  <div
17224    class="release-tabs__panel"
17225    id="panel-description-template--27874879373633__main"
17226    role="tabpanel"
17227    aria-labelledby="tab-description-template--27874879373633__main"
17228    data-tab-panel="description">
17229
17230    
17231<div class="od-release-description">
17232    
17233
17234    
17235      <div class="release-desc">
17236        <div class="release-desc__main">
17237          <h2 class="release-desc__title">Fidelio</h2>
17238          
17239            <p class="release-desc__byline">Ludwig van Beethoven</p>
17240          
17241          <div class="release-desc__body">
17242            <p>The combination of musical exactitude and stylistic taste made Beethoven a particularly good fit for conductor <strong>Lorin Maazel</strong>. He brings both qualities to this performance of <i>Fidelio</i>, while investing the score with the infectious optimism that allows the opera to come fully to life.</p>
17243    <p>In the title role, <strong>Hilde Zadek</strong> brings a formidable technique, though her voice lacks the degree of Classical polish that is my preference in this opera. <strong>Ernst Kozub</strong>, however, proves an ideal Florestan, approaching his daunting opening aria with the fearless virility of a true Wagnerian tenor while displaying vocal control that would be the envy of many a Mozart specialist.</p>
17244    <p><strong>Boris Christoff</strong>, a noted Rocco, here takes the role of Pizarro and demonstrates that, despite his impressive credentials as one of the leading basso profundos of his day, he could navigate a baritone role with ease. <strong>Graziella Sciutti</strong>'s talents are somewhat wasted on Marzelline, but she brings her customary sparkle to the part, lending the character's domestic subplot with Jacquino greater interest.</p>
17245            
17246          </div>
17247        </div>
17248
17249        <div class="release-desc__divider" aria-hidden="true"></div>
17250
17251        <aside class="release-desc__side">
17252          
17253            <h3 class="release-desc__label">Cast</h3>
17254            
17255      <dl class="release-cast"><dt>Florestan</dt>
17256            <dd><strong>Ernst Kozub</strong></dd><dt>Leonore</dt>
17257            <dd><strong>Hilde Zadek</strong></dd><dt>Don Pizarro</dt>
17258            <dd><strong>Boris Christoff</strong></dd><dt>Marzelline</dt>
17259            <dd><strong>Graziella Sciutti</strong></dd><dt>Rocco</dt>
17260            <dd><strong>Otto von Rohr</strong></dd><dt>Jaquino</dt>
17261            <dd><strong>Paul Paeny</strong></dd><dt>Don Fernando</dt>
17262            <dd><strong>Rudolf Knoll</strong></dd></dl>
17263    
17264          
17265          
17266            <div class="release-desc__extra">
17267              <h3 class="section-heading" style="font-weight: bold; color: #330065; font-size: 21px;">DETAILS</h3>
17268    <p>
17269      Location: <strong>Teatro dell'Opera di Roma, Roma</strong><br>
17270      Date: <strong>February 13, 1964</strong><br>
17271      Conductor: <strong>Lorin Maazel</strong><br>
17272      Catalogue Number: <strong>OD 12413-2</strong><br>
17273      Label: <strong>Opera Depot</strong><br>
17274      Number of Discs: <strong>2</strong><br>
17275      <strong>In Mono</strong><br>
17276    </p>
17277            </div>
17278          
17279        </aside>
17280      </div>
17281    
17282</div>
17283
17284<style>
17285.od-release-description{
17286  --rt-accent:#8e2179;
17287  --rt-muted:#7a7285;
17288  --rt-faint:#8a8194;
17289  --rt-hairline:#eeeaf1;
17290  --rt-row-line:#f0edf3;
17291  --rt-body-ink:#3b3542;
17292  --rt-title-ink:#5b1580;
17293  --rt-strong-ink:#2c2830;
17294  --rt-byline-ink:#6d6577;
17295}
17296
17297/* description panel: text | hairline | cast */
17298.release-desc{
17299  display:grid;
17300  grid-template-columns:1fr 1px 1fr;
17301  gap:40px;
17302  align-items:start;
17303}
17304/* cast-only descriptions: full-width header, then cast | hairline | details */
17305.release-desc--info{ row-gap:28px; }
17306.release-desc__header{ grid-column:1 / -1; }
17307.release-desc--info:not(:has(.release-desc__divider)){
17308  grid-template-columns:1fr;
17309}
17310.release-desc__divider{
17311  width:1px;
17312  height:100%;
17313  background:var(--rt-hairline);
17314}
17315.release-desc__title .release-desc__title-paren{ font-style:normal; }
17316.release-desc__title{
17317  margin:0 0 6px;
17318  font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
17319  font-style:italic;
17320  font-weight:400;
17321  font-size:38px;
17322  line-height:1.15;
17323  color:var(--rt-title-ink);
17324}
17325.release-desc__byline{
17326  margin:0 0 18px;
17327  font-size:15px;
17328  line-height:1.5;
17329  color:var(--rt-byline-ink);
17330}
17331.release-desc__body{
17332  font-size:16px;
17333  line-height:1.62;
17334  color:var(--rt-body-ink);
17335  text-wrap:pretty;
17336}
17337.release-desc__body > p{ margin:0 0 1em; }
17338.release-desc__body > p:last-child{ margin-bottom:0; }
17339.od-release-description .cast{ margin-top:20px; }
17340
17341/* small-caps labels: CAST / DETAILS / act headings
17342   (global .section-heading rule is !important, hence these) */
17343.release-desc__label,
17344.release-desc__extra h3.section-heading{
17345  margin:0 0 14px;
17346  font-size:14px !important;
17347  font-weight:900 !important;
17348  letter-spacing:.15em;
17349  text-transform:uppercase;
17350  text-align:left !important;
17351  color:var(--rt-accent) !important;
17352}
17353
17354.release-cast{
17355  display:grid;
17356  grid-template-columns:auto 1fr;
17357  gap:9px 16px;
17358  margin:0;
17359  font-size:15px;
17360  line-height:1.45;
17361}
17362.release-cast dt{ color:var(--rt-faint); }
17363.release-cast dd{
17364  margin:0;
17365  color:var(--rt-strong-ink);
17366  font-weight:700;
17367}
17368.release-cast dd strong{
17369  font-weight:700;
17370  color:var(--rt-strong-ink);
17371}
17372.release-cast__wide{ grid-column:1 / -1; }
17373
17374/* remaining right-column sections (DETAILS, NOTE, …) */
17375.release-desc__extra hr{ display:none; }
17376.release-desc__extra h3.section-heading{ margin-top:26px; }
17377.release-desc--info .release-desc__extra h3.section-heading:first-child{ margin-top:0; }
17378.release-desc__extra:first-child h3.section-heading:first-child{ margin-top:0; }
17379.release-desc__extra p{
17380  margin:0;
17381  font-size:15px;
17382  line-height:1.7;
17383  color:var(--rt-muted);
17384}
17385.release-desc__extra p strong{
17386  color:var(--rt-strong-ink);
17387  font-weight:600;
17388}
17389
17390/* unstructured fallback: legacy two-column grids keep breathing room
17391   between columns once they stack */
17392@media (max-width: 767.98px){
17393  .od-release-description .rte .two-column-grid > div + div{
17394    margin-top:24px;
17395  }
17396}
17397
17398/* mobile */
17399@media (max-width: 639.98px){
17400  .release-desc{ display:block; }
17401  .release-desc__divider{ display:none; }
17402  .release-desc__side,
17403  .release-desc--info .release-desc__col{
17404    margin-top:24px;
17405    border-top:1px solid var(--rt-row-line);
17406    padding-top:20px;
17407  }
17408  .release-desc__title{ font-size:32px; }
17409  .release-desc__body{
17410    font-size:15px;
17411    line-height:1.6;
17412  }
17413}
17414</style>
17415
17416
17417    
17418      <aside class="featured-artists" aria-labelledby="featured-artists-title">
17419        <h2 class="featured-artists__heading" id="featured-artists-title">Featured Artists</h2>
17420        <ul class="featured-artists__list" role="list">
17421          <li class="featured-artists__item" x-element-transition-area="c-14079113">
17422            <a
17423  x-element-transition-trigger:category.animate="{ 'title': `BEETHOVEN, Ludwig van`,
17424  
17425    'img': '//operadepot.com/cdn/shop/collections/Beethoven-Ludwig-van.png?v=1744562739',
17426  
17427  
17428  }" href="/collections/ludwig-van-beethoven"
17429
17430class="featured-artists__link"
17431            >
17432              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17433                
17434
17435
17436<div class=" featured-artists__image-container">
17437  
17438    <img src="//operadepot.com/cdn/shop/collections/Beethoven-Ludwig-van.png?v=1744562739" 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;);">
17439  
17440</div>
17441
17442              </span>
17443              <span class="featured-artists__name">BEETHOVEN, Ludwig van</span>
17444            </a>
17445          </li>
17446          
17447      
17448    
17449  
17450    
17451    
17452    
17453
17454    
17455      
17456        <li class="featured-artists__item" x-element-transition-area="c-14111809">
17457            <a
17458  x-element-transition-trigger:category.animate="{ 'title': `CHRISTOFF, Boris`,
17459  
17460    'img': '//operadepot.com/cdn/shop/collections/Christoff-Boris.png?v=1752372274',
17461  
17462  
17463  }" href="/collections/boris-christoff"
17464
17465class="featured-artists__link"
17466            >
17467              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17468                
17469
17470
17471<div class=" featured-artists__image-container">
17472  
17473    <img src="//operadepot.com/cdn/shop/collections/Christoff-Boris.png?v=1752372274" 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;);">
17474  
17475</div>
17476
17477              </span>
17478              <span class="featured-artists__name">CHRISTOFF, Boris</span>
17479            </a>
17480          </li>
17481          
17482      
17483    
17484  
17485    
17486    
17487    
17488
17489    
17490      
17491        <li class="featured-artists__item" x-element-transition-area="c-14091993">
17492            <a
17493  x-element-transition-trigger:category.animate="{ 'title': `KOZUB, Ernst`,
17494  
17495    'img': '//operadepot.com/cdn/shop/collections/Kozub-Ernst.png?v=1749778619',
17496  
17497  
17498  }" href="/collections/ernst-kozub"
17499
17500class="featured-artists__link"
17501            >
17502              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17503                
17504
17505
17506<div class=" featured-artists__image-container">
17507  
17508    <img src="//operadepot.com/cdn/shop/collections/Kozub-Ernst.png?v=1749778619" 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;);">
17509  
17510</div>
17511
17512              </span>
17513              <span class="featured-artists__name">KOZUB, Ernst</span>
17514            </a>
17515          </li>
17516          
17517      
17518    
17519  
17520    
17521    
17522    
17523
17524    
17525      
17526        <li class="featured-artists__item" x-element-transition-area="c-14173173">
17527            <a
17528  x-element-transition-trigger:category.animate="{ 'title': `MAAZEL, Lorin`,
17529  
17530    'img': '//operadepot.com/cdn/shop/collections/Maazel-Lorin.png?v=1770683153',
17531  
17532  
17533  }" href="/collections/lorin-maazel"
17534
17535class="featured-artists__link"
17536            >
17537              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17538                
17539
17540
17541<div class=" featured-artists__image-container">
17542  
17543    <img src="//operadepot.com/cdn/shop/collections/Maazel-Lorin.png?v=1770683153" 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;);">
17544  
17545</div>
17546
17547              </span>
17548              <span class="featured-artists__name">MAAZEL, Lorin</span>
17549            </a>
17550          </li>
17551          
17552      
17553    
17554  
17555    
17556    
17557    
17558
17559    
17560  
17561    
17562    
17563    
17564
17565    
17566      
17567        <li class="featured-artists__item" x-element-transition-area="c-14176865">
17568            <a
17569  x-element-transition-trigger:category.animate="{ 'title': `SCIUTTI, Graziella`,
17570  
17571    'img': '//operadepot.com/cdn/shop/collections/Sciutti-Graziella.png?v=1748312485',
17572  
17573  
17574  }" href="/collections/graziella-sciutti"
17575
17576class="featured-artists__link"
17577            >
17578              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17579                
17580
17581
17582<div class=" featured-artists__image-container">
17583  
17584    <img src="//operadepot.com/cdn/shop/collections/Sciutti-Graziella.png?v=1748312485" 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;);">
17585  
17586</div>
17587
17588              </span>
17589              <span class="featured-artists__name">SCIUTTI, Graziella</span>
17590            </a>
17591          </li>
17592          
17593      
17594    
17595  
17596    
17597    
17598    
17599
17600    
17601  
17602    
17603    
17604    
17605
17606    
17607  
17608    
17609    
17610    
17611
17612    
17613      
17614        <li class="featured-artists__item" x-element-transition-area="c-14177217">
17615            <a
17616  x-element-transition-trigger:category.animate="{ 'title': `ZADEK, Hilde`,
17617  
17618    'img': '//operadepot.com/cdn/shop/collections/Zadek-Lisa.png?v=1748313589',
17619  
17620  
17621  }" href="/collections/hilde-zadek"
17622
17623class="featured-artists__link"
17624            >
17625              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17626                
17627
17628
17629<div class=" featured-artists__image-container">
17630  
17631    <img src="//operadepot.com/cdn/shop/collections/Zadek-Lisa.png?v=1748313589" 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;);">
17632  
17633</div>
17634
17635              </span>
17636              <span class="featured-artists__name">ZADEK, Hilde</span>
17637            </a>
17638          </li>
17639        </ul>
17640      </aside>
17641    
17642  </div>
17643
17644  
17645  <!-- Track list panel -->
17646  <div
17647    class="release-tabs__panel release-tabs__panel--tracks"
17648    id="panel-tracks-template--27874879373633__main"
17649    role="tabpanel"
17650    aria-labelledby="tab-tracks-template--27874879373633__main"
17651    data-tab-panel="tracklist"
17652    hidden>
17653    <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>
17654<div class="two-column-grid">
17655  <div>
17656    <h3 class="section-heading" style="text-align: center;">Act I</h3>
17657    <div>
17658      1. Ouverture<br>
17659      2. Jetzt, Schätzchen, jetzt sind wir allein<br>
17660      3. O wär ich schon mit dir vereint<br>
17661      4. Mir ist so wunderbar<br>
17662      5. Hat man nicht auch Gold beineben<br>
17663      6. Gut, Söhnchen, gut<br>
17664      7. Marsch<br>
17665      8. Ha, welch ein Augenblick!<br>
17666      9. Jetzt, Alter, jetzt hat es Eile!<br>
17667      10. Abscheulicher! Wo eilst du hin?<br>
17668      11. O welche Lust<br>
17669      12. Nun sprecht, wie ging's?<br>
17670      13. Leb' wohl, du warmes Sonnenlicht
17671    </div>
17672  </div>
17673  <div>
17674    <h3 class="section-heading" style="text-align: center;">Act II</h3>
17675    <div>
17676      14. Gott! Welch Dunkel hier!<br>
17677      15. Wie kalt ist es in diesem unterirdischen Gewölbe!<br>
17678      16. Nur hurtig fort, nur frisch gegraben<br>
17679      17. Euch werde Lohn in bessern Welten<br>
17680      18. Er sterbe!<br>
17681      19. O namenlose Freude!<br>
17682      20. Heil sei dem Tag<br>
17683      21. O Gott! - Welch ein Augenblick!<br>
17684      22. Wer ein holdes Weib errungen
17685    </div>
17686  </div>
17687</div>
17688  </div>
17689  
17690</div>
17691</div>
17692
17693 <style>
17694  /* ===== existing: gallery arrow (unchanged) ===== */
17695  .gallery-arrow {
17696    position: absolute;
17697    top: 50%;
17698    transform: translateY(-50%);
17699    z-index: 10;
17700    width: 3rem;
17701    height: 3rem;
17702    background-color: rgba(255, 255, 255, 0.5);
17703    backdrop-filter: blur(4px);
17704    border-radius: 9999px;
17705    display: flex;
17706    justify-content: center;
17707    align-items: center;
17708    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
17709    transition: background 0.3s ease;
17710  }
17711  .gallery-arrow:hover { background-color: rgba(255, 255, 255, 0.8); }
17712  @media (min-width: 768px) {
17713    .carousel-arrow {
17714      top: 50% !important;
17715      transform: translateY(-50%) !important;
17716    }
17717  }
17718
17719 /* ===== Release tabs (Description / Track List) ===== */
17720.release-tabs{
17721  /* scoped palette tokens for the tabs area */
17722  --rt-panel-border:#e7e3ec;
17723  --rt-ink:#43105f;
17724  --rt-accent:#8e2179;
17725  --rt-accent-soft:#e2c9d9;
17726  --rt-muted:#7a7285;
17727  --rt-faint:#8a8194;
17728  --rt-pill-bg:#f3eef7;
17729  --rt-hairline:#eeeaf1;
17730  --rt-row-line:#f0edf3;
17731  --rt-body-ink:#3b3542;
17732  --rt-title-ink:#5b1580;
17733  --rt-strong-ink:#2c2830;
17734  --rt-num-ink:#a49bad;
17735  --rt-byline-ink:#6d6577;
17736
17737  position:relative;
17738  z-index:1;
17739  max-width:1000px;
17740  margin-left:auto;
17741  margin-right:auto;
17742  background:#fff;
17743  border:1px solid var(--rt-panel-border);
17744  border-radius:6px;
17745}
17746
17747@media (max-width: 1279.98px){
17748  .release-tabs{
17749    width:calc(100% - 2rem);
17750    margin-top:1.5rem;
17751  }
17752}
17753
17754/* mobile: drop the panel chrome so content gets the full width —
17755   the bordered card is desktop-only */
17756@media (max-width: 767.98px){
17757  .release-tabs{
17758    width:100%;
17759    background:transparent;
17760    border:0;
17761    border-radius:0;
17762  }
17763}
17764
17765/* tab bar */
17766.release-tabs__bar{
17767  display:flex;
17768  gap:34px;
17769  padding:30px 40px 0;
17770  border-bottom:1px solid var(--rt-panel-border);
17771}
17772
17773.release-tabs__tab{
17774  appearance:none;
17775  background:none;
17776  border:0;
17777  border-radius:0;
17778  display:inline-flex;
17779  align-items:baseline;
17780  gap:8px;
17781  padding:0 2px 14px;
17782  margin-bottom:-1px;
17783  border-bottom:3px solid transparent;
17784  font:inherit;
17785  font-size:17px;
17786  font-weight:700;
17787  line-height:1.2;
17788  color:var(--rt-muted);
17789  cursor:pointer;
17790  transition:color .15s, border-color .15s;
17791}
17792.release-tabs__tab[aria-selected="true"]{
17793  color:var(--rt-ink);
17794  border-bottom-color:var(--rt-accent);
17795}
17796.release-tabs__tab[aria-selected="false"]:hover{
17797  color:var(--rt-ink);
17798  border-bottom-color:var(--rt-accent-soft);
17799}
17800.release-tabs__tab:focus-visible{
17801  outline:2px solid var(--rt-accent);
17802  outline-offset:3px;
17803}
17804
17805/* panels */
17806.release-tabs__panel{ padding:32px 40px 40px; }
17807.release-tabs__panel[hidden]{ display:none; }
17808
17809/* track list act headings (description styles live in od-release-description) */
17810.release-tabs__panel--tracks .section-heading{
17811  margin:0 0 14px;
17812  font-size:14px !important;
17813  font-weight:900 !important;
17814  letter-spacing:.15em;
17815  text-transform:uppercase;
17816  text-align:left !important;
17817  color:var(--rt-accent) !important;
17818}
17819
17820/* track list panel */
17821.release-tabs__panel--tracks .two-column-grid{ gap:0 40px; }
17822.release-tabs__panel--tracks .two-column-grid::before{ display:none; }
17823.release-tabs__panel--tracks .two-column-grid > div{
17824  padding-left:0;
17825  padding-right:0;
17826}
17827.release-tabs__panel--tracks .section-heading{ margin:24px 0 4px; }
17828.release-tabs__panel--tracks .section-heading:first-child{ margin-top:0; }
17829/* when the two track columns stack on mobile, a heading that led the
17830   second column is no longer at a column top — give it the same spacing
17831   as any other act heading so the seam is invisible */
17832@media (max-width: 767.98px){
17833  .release-tabs__panel--tracks .two-column-grid > div:not(:first-child) .section-heading:first-child{
17834    margin-top:24px;
17835  }
17836}
17837
17838.release-tracks{
17839  list-style:none;
17840  margin:0;
17841  padding:0;
17842}
17843.release-tracks__row{
17844  display:flex;
17845  align-items:baseline;
17846  gap:12px;
17847  padding:11px 0;
17848  border-bottom:1px solid var(--rt-row-line);
17849  font-size:15px;
17850  line-height:1.45;
17851  color:var(--rt-body-ink);
17852}
17853.release-tracks__num{
17854  flex:0 0 26px;
17855  color:var(--rt-num-ink);
17856  font-variant-numeric:tabular-nums;
17857}
17858.release-tracks__title{
17859  flex:1 1 auto;
17860  min-width:0;
17861}
17862/* unnumbered continuation lines (e.g. bonus-track cast info) stay inside
17863   their track's row instead of reading as tracks of their own */
17864.release-tracks__sub{
17865  display:block;
17866  margin-top:5px;
17867  font-size:14px;
17868  color:var(--rt-muted);
17869}
17870.release-tracks__dur{
17871  margin-left:auto;
17872  color:var(--rt-muted);
17873  font-variant-numeric:tabular-nums;
17874}
17875
17876/* mobile */
17877@media (max-width: 639.98px){
17878  .release-tabs__bar{
17879    gap:24px;
17880    padding:22px 22px 0;
17881  }
17882  .release-tabs__panel{ padding:24px 22px 28px; }
17883}
17884
17885/* Let the existing sticky product panel use the full media/description height
17886   at the theme's xl breakpoint. Below xl, the wrapper is layout-neutral. */
17887.od-pdp-desktop-layout {
17888  display: contents;
17889}
17890
17891@media (min-width: 1280px) {
17892  .od-pdp-desktop-layout {
17893    position: relative;
17894    z-index: 30;
17895    display: grid;
17896    grid-template-columns: minmax(0, 1fr) 400px;
17897    grid-template-rows: auto auto;
17898    column-gap: 4rem;
17899    row-gap: 2rem;
17900    align-items: start;
17901  }
17902
17903  .od-pdp-primary-layout {
17904    display: contents;
17905  }
17906
17907  .od-pdp-desktop-layout .od-pdp-gallery {
17908    grid-column: 1;
17909    grid-row: 1;
17910  }
17911
17912  .od-pdp-desktop-layout .product-details {
17913    grid-column: 2;
17914    grid-row: 1 / 3;
17915    align-self: start;
17916  }
17917
17918  .od-pdp-desktop-layout > .release-tabs {
17919    grid-column: 1;
17920    grid-row: 2;
17921    width: 100%;
17922    max-width: none;
17923    margin-right: 0;
17924    margin-left: 0;
17925  }
17926}
17927
17928.featured-artists {
17929  margin-top: 28px;
17930  padding: 12px 20px 20px;
17931  background: #fff;
17932  border: 1px solid rgba(51, 0, 101, 0.18);
17933  border-radius: 8px;
17934  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
17935}
17936
17937.featured-artists__heading {
17938  margin: 0 0 14px;
17939  padding-bottom: 10px;
17940  border-bottom: 1px solid rgba(51, 0, 101, 0.14);
17941  color: #330065;
17942  font-size: 1rem;
17943  font-weight: 700;
17944  line-height: 1.2;
17945}
17946
17947.release-tabs .featured-artists__list {
17948  display: grid;
17949  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
17950  gap: 12px;
17951  margin: 0;
17952  padding: 0;
17953  list-style: none;
17954}
17955
17956.featured-artists__item {
17957  margin: 0;
17958}
17959
17960.featured-artists__link {
17961  display: grid;
17962  grid-template-columns: 56px minmax(0, 1fr) auto;
17963  gap: 12px;
17964  align-items: center;
17965  padding: 8px;
17966  color: #111;
17967  text-decoration: none !important;
17968  border-radius: 8px;
17969  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
17970}
17971
17972.featured-artists__link::after {
17973  content: "";
17974  width: 7px;
17975  height: 7px;
17976  margin-right: 4px;
17977  border-right: 2px solid #330065;
17978  border-top: 2px solid #330065;
17979  opacity: 0.35;
17980  transform: rotate(45deg);
17981  transition: opacity 0.2s ease, transform 0.2s ease;
17982}
17983
17984.featured-artists__link:hover {
17985  background: rgba(51, 0, 101, 0.06);
17986  box-shadow: inset 0 0 0 1px rgba(51, 0, 101, 0.08);
17987  transform: translateX(2px);
17988}
17989
17990.featured-artists__link:hover::after {
17991  opacity: 0.7;
17992  transform: rotate(45deg) translate(2px, -2px);
17993}
17994
17995.featured-artists__link:focus-visible {
17996  outline: 2px solid #330065;
17997  outline-offset: 2px;
17998}
17999
18000.featured-artists__image-shell {
18001  display: block;
18002  overflow: hidden;
18003  width: 56px;
18004  height: 56px;
18005  background: #f5f5f5;
18006  border: 2px solid #330065;
18007  border-radius: 999px;
18008}
18009
18010.featured-artists__image-container {
18011  width: 100%;
18012  height: 100%;
18013}
18014
18015.featured-artists__image {
18016  display: block;
18017  width: 100% !important;
18018  height: 100% !important;
18019  object-fit: cover;
18020  border-radius: 999px;
18021}
18022
18023.featured-artists__name {
18024  min-width: 0;
18025  color: #111;
18026  font-size: 0.98rem;
18027  font-weight: 700;
18028  line-height: 1.2;
18029  word-break: normal;
18030  overflow-wrap: normal;
18031  hyphens: none;
18032}
18033
18034@media (max-width: 900px) {
18035  .release-tabs .featured-artists__list {
18036    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
18037  }
18038}
18039
18040@media (max-width: 640px) {
18041  .featured-artists {
18042    margin-top: 24px;
18043    padding: 9px 14px 14px;
18044  }
18045
18046  .release-tabs .featured-artists__list {
18047    grid-template-columns: 1fr;
18048  }
18049
18050  .featured-artists__link {
18051    grid-template-columns: 48px minmax(0, 1fr);
18052    gap: 10px;
18053  }
18054
18055  .featured-artists__link::after {
18056    display: none;
18057  }
18058
18059  .featured-artists__image-shell {
18060    width: 48px;
18061    height: 48px;
18062  }
18063}
18064
18065  /* Reviews badge row (native) */
18066  .reviews-badge-wrapper { display: flex; align-items: center; gap: .25rem; line-height: 1; }
18067
18068  /* Ensure player launch buttons stay clickable above product media/reviews */
18069  .opera-player-launch { position: relative; z-index: 5; pointer-events: auto; }
18070
18071  /* Clamp tabs + reviews to 1000px and add mobile padding */
18072.page-clamp {
18073  max-width: 1000px;
18074  margin-left: auto;
18075  margin-right: auto;
18076}
18077
18078@media (max-width: 767.98px) {
18079  .page-clamp {
18080    padding-left: 1rem;   /* ~16px */
18081    padding-right: 1rem;  /* ~16px */
18082  }
18083}
18084</style>
18085
18086    <!-- end-product-page-content -->
18087  </div>
18088</div>
18088<script type="application/ld+json">
18089  {
18090    "@context": "http://schema.org/",
18091    "@type": "Product",
18092    "name": "Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964",
18093    "url": "https:\/\/operadepot.com\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel",
18094    "image": [
18095        "https:\/\/operadepot.com\/cdn\/shop\/files\/12413-2front.jpg?v=1790530114\u0026width=600"
18096      ],
18097    "description": "\n  \n  \n    Fidelio\n    Ludwig van Beethoven (1770 - 1827)\n    \n    DESCRIPTION\n    The combination of musical exactitude and stylistic taste made Beethoven a particularly good fit for conductor Lorin Maazel. He brings both qualities to this performance of Fidelio, while investing the score with the infectious optimism that allows the opera to come fully to life.\n    In the title role, Hilde Zadek brings a formidable technique, though her voice lacks the degree of Classical polish that is my preference in this opera. Ernst Kozub, however, proves an ideal Florestan, approaching his daunting opening aria with the fearless virility of a true Wagnerian tenor while displaying vocal control that would be the envy of many a Mozart specialist.\n    Boris Christoff, a noted Rocco, here takes the role of Pizarro and demonstrates that, despite his impressive credentials as one of the leading basso profundos of his day, he could navigate a baritone role with ease. Graziella Sciutti's talents are somewhat wasted on Marzelline, but she brings her customary sparkle to the part, lending the character's domestic subplot with Jacquino greater interest.\n    \n  \n  \n  \n    CAST\n    \n      Florestan – Ernst Kozub\n      Leonore – Hilde Zadek\n      Don Pizarro – Boris Christoff\n      Marzelline – Graziella Sciutti\n      Rocco – Otto von Rohr\n      Jaquino – Paul Paeny\n      Don Fernando – Rudolf Knoll\n    \n    \n    DETAILS\n    \n      Location: Teatro dell'Opera di Roma, Roma\n      Date: February 13, 1964\n      Conductor: Lorin Maazel\n      Catalogue Number: OD 12413-2\n      Label: Opera Depot\n      Number of Discs: 2\n      In Mono\n    \n  \n",
18098    "sku": "12413-2",
18099    "brand": {
18100      "@type": "Thing",
18101      "name": "Opera Depot"
18102    },
18103    "offers": [{
18104          "@type" : "Offer","sku": "12413-2","availability" : "http://schema.org/InStock",
18105          "price" : 17.95,
18106          "priceCurrency" : "USD",
18107          "url" : "https:\/\/operadepot.com\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel?variant=67585691091265"
18108        },{
18109          "@type" : "Offer","sku": "MP3 12413-2","availability" : "http://schema.org/InStock",
18110          "price" : 9.95,
18111          "priceCurrency" : "USD",
18112          "url" : "https:\/\/operadepot.com\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel?variant=67585691124033"
18113        },{
18114          "@type" : "Offer","sku": "FLAC 12413-2","availability" : "http://schema.org/InStock",
18115          "price" : 11.95,
18116          "priceCurrency" : "USD",
18117          "url" : "https:\/\/operadepot.com\/products\/beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel?variant=67585691156801"
18118        }]
18119  }
18120</script>
18120
18121
18122
18123</section><section id="shopify-section-template--27874879373633__product-recommendations" class="shopify-section section">
18124
18125<div
18126  style="padding-top: 36px; padding-bottom: 28px"
18127  id="related-products-wrapper"
18128  class=""
18129>
18130  
18131    
18132    
18133
18134    <div
18135      id="related-products"
18136      
18137        x-init="
18138          (async () => {
18139            const url = '/recommendations/products?section_id=template--27874879373633__product-recommendations&product_id=15395233333569&limit=12';
18140            const text = await fetch(url, { credentials: 'same-origin' }).then(r => r.text());
18141            const html = document.createElement('div');
18142            html.innerHTML = text;
18143
18144            const fallback = html.querySelector('#related-products');
18145            const wrapper = document.querySelector('#related-products-wrapper');
18146            const content = html.querySelector('#related-products-wrapper');
18147
18148            if (!wrapper) return;
18149
18150            if (fallback) {
18151              wrapper.remove();
18152              return;
18153            }
18154
18155            if (content) {
18156              wrapper.innerHTML = content.innerHTML;
18157              if (window.Alpine && typeof window.Alpine.initTree === 'function') {
18158                window.Alpine.initTree(wrapper);
18159              }
18160            }
18161          })()
18162        "
18163      
18164    >
18165
18166
18167
18168
18169
18170
18171<div
18172  class="slider  slider--full-width "
18173  x-init="
18174    initWhenReady({
18175      slidesAmountInView: {xs: 2.2, sm: 2.5, md: 3, lg: 4, xl: 5, xxl: 5},
18176      gap: 16,
18177      isAutoplay: false,
18178      autoplaySpeed: 0,
18179      isEager: false
18180    })
18181  "
18182  
18183    x-data="Slider()"
18184  
18185  
18186  :class="'product-recommendations-slider'"style="
18187    --slide-gap: 16px;
18188    --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
18189  "
18190><div class="slider__header">
18191    <div class="slider__header-left"><h1 class="slider__title">You may also like</h1></div>
18192
18193   <div class="slider__actions">
18194  <template x-if="!$store.main.isMobile"><div x-show="!isPrevBtnDisabled || !isNextBtnDisabled" x-transition>
18195  <button
18196    class="button button--outline-primary icon-button icon-button--size-sm "
18197    @click.prevent="showPrevSlide()"
18198    :class="isPrevBtnDisabled && 'button--disabled'"
18199    :disabled="isPrevBtnDisabled"
18200    aria-label="Slide left"
18201    role="button"
18202    type="button"
18203  >
18204    <svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
18205  <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path>
18206</svg>
18207
18208  </button>
18209  <button
18210    class="button button--outline-primary icon-button icon-button--size-sm "
18211    @click.prevent="showNextSlide()"
18212    :class="isNextBtnDisabled && 'button--disabled'"
18213    :disabled="isNextBtnDisabled"
18214    aria-label="Slide right"
18215    role="button"
18216    type="button"
18217  >
18218    <svg
18219  viewBox="0 0 24 24"
18220  xmlns="http://www.w3.org/2000/svg"
18221  class=""
18222>
18223  <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path>
18224</svg>
18225
18226  </button>
18227</div>
18228</template>
18229</div>
18230
18231  </div><div
18232    class="slider__slides scrollbar-auto-hide  "
18233    x-ref="slider"
18234    @scroll="handleManualScroll"
18235  >
18236    
18237
18238
18239<div
18240  class="slider__slide"
18241  :class="''"
18242>
18243  
18244
18245<div class="col-span-2 md:col-auto ">
18246    <div class="relative flex min-w-0 rounded-md">
18247      <div
18248        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18249        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18250      ></div>
18251    </div>
18252  </div>
18253</div>
18254
18255
18256
18257<div
18258  class="slider__slide"
18259  :class="''"
18260>
18261  
18262
18263<div class="col-span-2 md:col-auto ">
18264    <div class="relative flex min-w-0 rounded-md">
18265      <div
18266        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18267        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18268      ></div>
18269    </div>
18270  </div>
18271</div>
18272
18273
18274
18275<div
18276  class="slider__slide"
18277  :class="''"
18278>
18279  
18280
18281<div class="col-span-2 md:col-auto ">
18282    <div class="relative flex min-w-0 rounded-md">
18283      <div
18284        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18285        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18286      ></div>
18287    </div>
18288  </div>
18289</div>
18290
18291
18292
18293<div
18294  class="slider__slide"
18295  :class="''"
18296>
18297  
18298
18299<div class="col-span-2 md:col-auto ">
18300    <div class="relative flex min-w-0 rounded-md">
18301      <div
18302        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18303        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18304      ></div>
18305    </div>
18306  </div>
18307</div>
18308
18309
18310
18311<div
18312  class="slider__slide"
18313  :class="''"
18314>
18315  
18316
18317<div class="col-span-2 md:col-auto ">
18318    <div class="relative flex min-w-0 rounded-md">
18319      <div
18320        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18321        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18322      ></div>
18323    </div>
18324  </div>
18325</div>
18326
18327
18328
18329<div
18330  class="slider__slide"
18331  :class="''"
18332>
18333  
18334
18335<div class="col-span-2 md:col-auto ">
18336    <div class="relative flex min-w-0 rounded-md">
18337      <div
18338        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18339        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18340      ></div>
18341    </div>
18342  </div>
18343</div>
18344
18345  </div>
18346  
18347</div>
18348</div>
18349  
18350</div>
18351
18352
18353
18354
18355
18356
18357
18358</section><section id="shopify-section-template--27874879373633__recently_viewed" class="shopify-section section">
18359
18360
18361  <div id="rv-product" data-product-handle="beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel" style="display:none;"></div>
18362
18363<div
18364  class=""
18365  style="padding-top: 36px; padding-bottom: 36px"
18366  data-recently-viewed-section
18367  data-max-items="12"
18368>
18369
18370
18371
18372
18373
18374
18375<div
18376  class="slider  slider--full-width "
18377  x-init="
18378    initWhenReady({
18379      slidesAmountInView: 
18380
18381
18382{xs: 2.1, sm: 2.3, md: 3, lg: 4, xl: 5, xxl: 5}
18383
18384,
18385      gap: 16,
18386      isAutoplay: false,
18387      autoplaySpeed: 0,
18388      isEager: false
18389    })
18390  "
18391  
18392    x-data="Slider()"
18393  
18394  
18395  :class="'recently-viewed-slider'"style="
18396    --slide-gap: 16px;
18397    --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
18398  "
18399><div class="slider__header">
18400    <div class="slider__header-left"><h1 class="slider__title">Recently viewed</h1></div>
18401
18402   <div class="slider__actions">
18403  <template x-if="!$store.main.isMobile"><div x-show="!isPrevBtnDisabled || !isNextBtnDisabled" x-transition>
18404  <button
18405    class="button button--outline-primary icon-button icon-button--size-sm "
18406    @click.prevent="showPrevSlide()"
18407    :class="isPrevBtnDisabled && 'button--disabled'"
18408    :disabled="isPrevBtnDisabled"
18409    aria-label="Slide left"
18410    role="button"
18411    type="button"
18412  >
18413    <svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
18414  <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path>
18415</svg>
18416
18417  </button>
18418  <button
18419    class="button button--outline-primary icon-button icon-button--size-sm "
18420    @click.prevent="showNextSlide()"
18421    :class="isNextBtnDisabled && 'button--disabled'"
18422    :disabled="isNextBtnDisabled"
18423    aria-label="Slide right"
18424    role="button"
18425    type="button"
18426  >
18427    <svg
18428  viewBox="0 0 24 24"
18429  xmlns="http://www.w3.org/2000/svg"
18430  class=""
18431>
18432  <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path>
18433</svg>
18434
18435  </button>
18436</div>
18437</template>
18438</div>
18439
18440  </div><div
18441    class="slider__slides scrollbar-auto-hide  "
18442    x-ref="slider"
18443    @scroll="handleManualScroll"
18444  >
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="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
184600.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>
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
18475<div
18476  class="slider__slide"
18477  :class="''"
18478>
18479  <div data-rv-skeleton>
18480          
18481
18482<div class="  card-product">
18483    <article
18484      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18485    >
18486      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18487        <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-.
184876-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>
18488      </div>
18489      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18490        <h2 class="card-product__title text-md text-text-500 ">
18491          Example product title
18492        </h2>
18493      </div>
18494      
18495    </article>
18496  </div>
18497        </div>
18498</div>
18499
18500
18501
18502<div
18503  class="slider__slide"
18504  :class="''"
18505>
18506  <div data-rv-skeleton>
18507          
18508
18509<div class="  card-product">
18510    <article
18511      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18512    >
18513      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18514        <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-.
185141 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>
18515      </div>
18516      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18517        <h2 class="card-product__title text-md text-text-500 ">
18518          Example product title
18519        </h2>
18520      </div>
18521      
18522    </article>
18523  </div>
18524        </div>
18525</div>
18526
18527
18528
18529<div
18530  class="slider__slide"
18531  :class="''"
18532>
18533  <div data-rv-skeleton>
18534          
18535
18536<div class="  card-product">
18537    <article
18538      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18539    >
18540      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18541        <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
185417.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
18541c-.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>
18542      </div>
18543      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18544        <h2 class="card-product__title text-md text-text-500 ">
18545          Example product title
18546        </h2>
18547      </div>
18548      
18549    </article>
18550  </div>
18551        </div>
18552</div>
18553
18554
18555
18556<div
18557  class="slider__slide"
18558  :class="''"
18559>
18560  <div data-rv-skeleton>
18561          
18562
18563<div class="  card-product">
18564    <article
18565      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18566    >
18567      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18568        <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"/>
18568<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>
18569      </div>
18570      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18571        <h2 class="card-product__title text-md text-text-500 ">
18572          Example product title
18573        </h2>
18574      </div>
18575      
18576    </article>
18577  </div>
18578        </div>
18579</div>
18580
18581
18582
18583<div
18584  class="slider__slide"
18585  :class="''"
18586>
18587  <div data-rv-skeleton>
18588          
18589
18590<div class="  card-product">
18591    <article
18592      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18593    >
18594      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18595        <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>
18596      </div>
18597      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18598        <h2 class="card-product__title text-md text-text-500 ">
18599          Example product title
18600        </h2>
18601      </div>
18602      
18603    </article>
18604  </div>
18605        </div>
18606</div>
18607
18608
18609  </div>
18610  
18611</div>
18612</div>
18613
18614
18615
18616
18617
18618</section><section id="shopify-section-template--27874879373633__product_reviews_widget" class="shopify-section section">
18619
18620  <div
18621    id="product-reviews"
18622    class="od-reviews page-clamp mt-8"
18623    data-od-reviews
18624    data-product-handle="beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel"
18625    data-submit-endpoint="https://tmrn2d6m6d.us-east-1.awsapprunner.com/api/review-submit"
18626    data-turnstile-sitekey="0x4AAAAAAD2Hbozf55UP6FZ1"
18627  >
18628    <div class="od-reviews__header-row">
18629      <h2 class="od-reviews__heading">Customer Reviews</h2>
18630    </div>
18631    <div class="od-review-cta-row">
18632      <button
18633        type="button"
18634        class="od-review-cta"
18635        data-od-write
18636        aria-expanded="false"
18637        aria-controls="od-review-form-template--27874879373633__product_reviews_widget"
18638      >
18639        <span class="od-review-cta__icon" aria-hidden="true">
18640          <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>
18641        </span>
18642        <span class="od-review-cta__label">Leave a Review</span>
18643      </button>
18644      <p class="od-review-cta-row__sub">Share your experience with fellow collectors</p>
18645    </div>
18646    
18647    <div class="od-review-form-wrap" id="od-review-form-template--27874879373633__product_reviews_widget" data-od-form-wrap hidden>
18648      <div class="od-review-form-panel">
18649        <div class="od-review-form-panel__head">
18650          <div class="od-review-form-panel__titles">
18651            <h3 class="od-review-form-panel__heading" data-od-form-heading tabindex="-1">Share Your Experience</h3>
18652            <p class="od-review-form-panel__sub">A star rating alone is welcome, and reviews may be written in any language.</p>
18653          </div>
18654          <button type="button" class="od-review-form-panel__close" data-od-form-cancel aria-label="Close review form">
18655            <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>
18656          </button>
18657        </div>
18658        <form class="od-review-form" data-od-form novalidate>
18659      <div class="od-review-form__grid">
18660        <label class="od-review-form__field">
18661          <span>Name</span>
18662          <input type="text" name="name" required maxlength="80" autocomplete="name">
18663        </label>
18664        <label class="od-review-form__field">
18665          <span>Email <em>(never shown publicly)</em></span>
18666          <input type="email" name="email" required autocomplete="email">
18667        </label>
18668      </div>
18669
18670      <fieldset class="od-review-form__stars" data-od-star-input>
18671        <legend>Overall rating</legend><input type="radio" id="od-rate-template--27874879373633__product_reviews_widget-1" name="rating" value="1" required>
18672          <label for="od-rate-template--27874879373633__product_reviews_widget-1" aria-label="1 star">★</label><input type="radio" id="od-rate-template--27874879373633__product_reviews_widget-2" name="rating" value="2" required>
18673          <label for="od-rate-template--27874879373633__product_reviews_widget-2" aria-label="2 stars">★</label><input type="radio" id="od-rate-template--27874879373633__product_reviews_widget-3" name="rating" value="3" required>
18674          <label for="od-rate-template--27874879373633__product_reviews_widget-3" aria-label="3 stars">★</label><input type="radio" id="od-rate-template--27874879373633__product_reviews_widget-4" name="rating" value="4" required>
18675          <label for="od-rate-template--27874879373633__product_reviews_widget-4" aria-label="4 stars">★</label><input type="radio" id="od-rate-template--27874879373633__product_reviews_widget-5" name="rating" value="5" required>
18676          <label for="od-rate-template--27874879373633__product_reviews_widget-5" aria-label="5 stars">★</label></fieldset>
18677
18678      <fieldset class="od-review-form__stars od-review-form__stars--sound" data-od-star-input>
18679        <legend>Sound quality <em>(optional)</em></legend>
18679<input type="radio" id="od-sound-template--27874879373633__product_reviews_widget-1" name="soundRating" value="1">
18680          <label for="od-sound-template--27874879373633__product_reviews_widget-1" aria-label="1 star">★</label><input type="radio" id="od-sound-template--27874879373633__product_reviews_widget-2" name="soundRating" value="2">
18681          <label for="od-sound-template--27874879373633__product_reviews_widget-2" aria-label="2 stars">★</label><input type="radio" id="od-sound-template--27874879373633__product_reviews_widget-3" name="soundRating" value="3">
18682          <label for="od-sound-template--27874879373633__product_reviews_widget-3" aria-label="3 stars">★</label><input type="radio" id="od-sound-template--27874879373633__product_reviews_widget-4" name="soundRating" value="4">
18683          <label for="od-sound-template--27874879373633__product_reviews_widget-4" aria-label="4 stars">★</label><input type="radio" id="od-sound-template--27874879373633__product_reviews_widget-5" name="soundRating" value="5">
18684          <label for="od-sound-template--27874879373633__product_reviews_widget-5" aria-label="5 stars">★</label></fieldset>
18685
18686      <label class="od-review-form__field">
18687        <span>Review title <em>(optional)</em></span>
18688        <input type="text" name="title" maxlength="200">
18689      </label>
18690      <label class="od-review-form__field">
18691        <span>Your review <em>(optional)</em></span>
18692        <textarea name="body" rows="6" maxlength="6000"></textarea>
18693      </label>
18694
18695      <div class="od-review-form__turnstile" data-od-turnstile></div>
18696      <p class="od-review-form__message" data-od-form-message hidden></p>
18697          <div class="od-review-form__actions">
18698            <button type="submit" class="od-review-form__submit">Submit Review</button>
18699          </div>
18700        </form>
18701      </div>
18702    </div><p class="od-reviews__empty">No reviews yet. Be the first to share your thoughts on this recording.</p></div>
18703
18704
18705
18706
18707</section><section id="shopify-section-template--27874879373633__17562228099c4dc1e7" class="shopify-section section"><div class="page-width"></div>
18708
18709
18710</section><section id="shopify-section-template--27874879373633__175622285249cbc423" class="shopify-section section"><div class="page-width"></div>
18711
18712
18713</section></div>
18714          
18715          <!-- end-preview-content -->
18716
18717          
18718          
18719            <template x-portal="document.getElementById('footer-portal')">
18720              <div class="contents">
18721                <!-- BEGIN sections: footer-group -->
18722<div id="shopify-section-sections--27874879734081__footer" class="shopify-section shopify-section-group-footer-group">
18723<footer
18724  class="footer rounded-t-2xl md:bg-secondary-400 "
18725  x-cloak
18726  :class="{ 'hidden': $store.main.isMobile && 'product' !== 'index' }"
18727>
18728  <div class="content-wrapper mx-auto flex w-full flex-col items-stretch gap-5 pb-5 md:gap-8 md:py-8">
18729    <hr class="divider md:hidden">
18730    <div class="flex w-full flex-col gap-5 md:flex-row md:gap-12">
18731      
18732
18733      <nav class="pb-5 md:flex md:w-full md:justify-between md:gap-5" aria-label="Additional menu"><div
18734          class="flex-1 py-2 md:flex md:flex-col md:gap-4 md:py-4"
18735          
18736          
18737        ><div >
18738                    
18739  <div
18740    class="flex-1 md:flex md:flex-col md:gap-4"
18741    x-data="Accordion(!$store.main.isMobile, 300, true)"
18742  >
18743    <button
18744      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"
18745      x-ref="AccordionButton"
18746      :disabled="!$store.main.isMobile"
18747      :aria-expanded="isExpanded && $store.main.isMobile"
18748      aria-controls="brand-information_panel"
18749      aria-labelledby="brand-information_label"
18750      type="button"
18751    >
18752      <h2 class="grow text-left text-text-500" id="brand-information_label">
18753        Follow us
18754      </h2>
18755      <div class="button button--outline-secondary icon-button icon-button--size-xs group-hoverable md:hidden">
18756        <span x-ref="AccordionIcon">
18757          <svg
18758  viewBox="0 0 24 24"
18759  aria-hidden="true"
18760  focusable="false"
18761  xmlns="http://www.w3.org/2000/svg"
18762  class=""
18763>
18764  <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
18765</svg>
18766
18767        </span>
18768      </div>
18769    </button>
18770    <div
18771      x-cloak
18772      x-ref="AccordionPanel"
18773      class="overflow-hidden"
18774      :class="
18775        {
18776          'transition-none': $store.main.isReducedMotion,
18777          'transition': $store.main.isReducedMotion,
18778        }
18779      "
18780      id="brand-information_panel"
18781      role="region"
18782      aria-labelledby="brand-information_label"
18783    >
18784      <div class="flex flex-col gap-3 px-3 pb-5 pt-2 md:p-[3px]">
18785        
18786<a
18787              :tabindex="isExpanded ? 0 : -1"
18788              target="_blank"
18789              rel="noopener noreferrer"
18790              href="https://www.facebook.com/OperaDepot/"
18791              class="group flex items-center gap-x-3 md:hover:text-text-500"
18792            ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewB
18792ox="0 0 18 18">
18793  <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">
18794</svg>
18795<span class="link border-transparent md:group-hover:border-current md:group-hover:text-text-500">
18796                Facebook
18797              </span>
18798            </a>
18799</div>
18800    </div>
18801  </div>
18802
18803
18804                  </div></div></nav>
18805    </div>
18806    <div class="flex w-full flex-col items-center gap-5 md:flex-row-reverse md:justify-between md:gap-7">
18807      <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>
18808</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 
188080 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>
18809</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-.
18809001.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" width="38" height="24" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" aria-labelledby="pi-bizum"><title id="pi-bizum">Bizum</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18a3 3 0 003 3h32c1.7 0 3-1.3 3-3V3a3 3 0 00-3-3z" opacity=".07"/><path fill="#fff" d="M35 1a2 2 0 012 2v18a2 2 0 01-2 2H3a2 2 0 01-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#05c0c7" fill-rule="evenodd" d="M18.81 10.55a.52.52 0 00-.52.51v3.88a.52.52 0 101.05 0v-3.88a.52.52 0 00-.53-.51zm0-1.93a.6.6 0 00-.59.59c0 .32.27.6.6.6a.6.6 0 000-1.2zm5.12 2.44c0-.32-.26-.44-.5-.44h-2.6c-.25 0-.46.2-.46.44 0 .26.2.46.46.46h1.71l-2.21 3.08a.55.55 0 00-.1.31c0 .33.26.5.48.5h2.76c.25 0 .46-.2.46-.45 0-.26-.2-.46-.46-.46H21.6l2.17-3.01a.7.7 0 00.15-.43zm-7.66 2.44c0 .63-.28 1.02-.92 1.02s-.9-.39-.9-1.02v-1.98h.94c.78 0 .88.42.88.9v1.08zm1.05-1.1c0-1.1-.57-1.8-1.9-1.8h-.96V9.14a.52.52 0 00-.52-.52.52.52 0 00-.52.52v4.36c0 1.08.58 1.96 1.95 1.96 1.36 0 1.96-.9 1.96-1.96v-1.11h-.01zm10.7-1.85a.52.52 0 00-.52.52v2.43c0 .63-.28 1.02-.92 1.02-.63 0-.9-.39-.9-1.02v-2.43a.52.52 0 00-.51-.52.52.52 0 00-.53.52v2.43c0 1.08.58 1.96 1.95 1.96s1.96-.9 1.96-1.96v-2.43a.54.54 0 00-.53-.52zM36 12.52c0-1.08-.5-1.96-1.87-1.96-.61 0-1.05.18-1.35.48-.3-.3-.74-.48-1.35-.48-1.36 0-1.87.9-1.87 1.96v2.43c0 .29.24.52.52.52.29 0 .52-.23.52-.52v-2.43c0-.63.2-1.02.83-1.02.63 0 .82.39.82 1.02v2.43c0 .29.24.52.52.52.29 0 .52-.23.52-.52v-2.43c0-.63.2-1.02.83-1.02.64 0 .83.39.83 1.02v2.43c0 .29.23.52.5.52.3 0 .53-.23.53-.52l.02-2.43zM3.87 10.56c.37.27.88.19 1.15-.18l.96-1.33a.82.82 0 10-1.33-.97l-.97 1.33a.83.83 0 00.2 1.15zm4.4-1.88a.82.82 0 00-1.15.18l-3.86 5.32a.82.82 0 101.33.97l3.86-5.32a.81.81 0 00-.18-1.15zM3.5 8.26a.82.82 0 10-1.32-.97.82.82 0 001.32.97zm5.86 7.3a.82.82 0 10-.97 1.33.82.82 0 10.97-1.33zm-1.5-2.1a.82.82 0 00-1.15.17l-.97 1.33a.82.82 0 101.32.97l.98-1.33a.82.82 0 00-.18-1.15z" clip-rule="evenodd"/></svg></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0">
18809<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"/>
18809<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
188096.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>
18810</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 
188100-.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>
18811</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 
1881116.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>
18812</div></div>
18813<p class="text-center text-sm text-text-500 md:text-md">
18814    &copy; 2026,
18815    
18816      Opera Depot
18817    
18818</p>
18819    </div>
18820  </div>
18821</footer>
18822
18823
18824</div>
18825<!-- END sections: footer-group -->
18826              </div>
18827            </template>
18828          
18829        </main>
18830        <div id="lightbox-overlay" aria-hidden="true">
18831  <div id="lightbox-inner-content"></div>
18832</div>
18833
18834        <!-- end-main-content -->
18835      </div>
18836
18837      <ul hidden>
18838        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
18839      </ul>
18840    </div>
18841
18842    <div id="footer-portal" class="bg-bg-500"></div>
18843
18844    
18844<script>
18845  window.shopUrl = 'https://operadepot.com';
18846  window.routes = {
18847    cart_add_url: '/cart/add',
18848    cart_change_url: '/cart/change',
18849    cart_update_url: '/cart/update',
18850    predictive_search_url: '/search/suggest',
18851  };
18852
18853  window.cartStrings = {
18854    error: `There was an error while updating your cart. Please try again.`,
18855    quantityError: `You can only add [quantity] of this item to your cart.`,
18856  };
18857
18858  window.variantStrings = {
18859    addToCart: `Add to cart`,
18860    soldOut: `Coming Soon`,
18861    unavailable: `Unavailable`,
18862  };
18863
18864  window.accessibilityStrings = {
18865    imageAvailable: `Image [index] is now available in gallery view`,
18866    shareSuccess: `Link copied to clipboard`,
18867    pauseSlideshow: `Pause slideshow`,
18868    playSlideshow: `Play slideshow`,
18869  };
18870  window.navigationType = 'SPA';
18871</script>
18871
18872
18873    
18874    
18875
18876
18877<div class="lightbox-overlay" id="lightbox-overlay">
18878  <div class="lightbox-content">
18879    <button class="lightbox-close-btn" aria-label="Close">×</button>
18880    <div id="lightbox-inner-content"></div>
18881  </div>
18882</div>
18883<script>
18884(function () {
18885  function isCartOrCheckout(path){ return /(^|\/)(cart|checkouts?)(\/|$|\?)/.test(path); }
18886  function isInternal(u){ try{ var url=new URL(u, location.href); return url.origin===location.origin; }catch(e){ return false; } }
18887
18888  // Store last non-cart URL (and last collection)
18889  function store(url){
18890    try{
18891      var p=new URL(url, location.href).pathname;
18892      if (!isCartOrCheckout(p)) {
18893        sessionStorage.setItem('od:last:url', url);
18894        localStorage.setItem('od:last:url', url);
18895        if (p.startsWith('/collections/')) {
18896          sessionStorage.setItem('od:last:collection', url);
18897          localStorage.setItem('od:last:collection', url);
18898        }
18899      }
18900    }catch(e){}
18901  }
18902
18903  // Seed on load
18904  if (!isCartOrCheckout(location.pathname)) store(location.href);
18905
18906  // Track normal SPA link clicks
18907  document.addEventListener('click', function(e){
18908    var a = e.target && e.target.closest('a[href]');
18909    if (!a) return;
18910    var href = a.getAttribute('href');
18911    if (!href || href[0] === '#') return;
18912    var url = new URL(href, location.href);
18913    if (isInternal(url) && !isCartOrCheckout(url.pathname)) store(url.href);
18914  }, true);
18915
18916  // Track history navigations
18917  window.addEventListener('popstate', function(){
18918    if (!isCartOrCheckout(location.pathname)) store(location.href);
18919  });
18920
18921  // Try to navigate via SPA by dispatching a synthetic <a> click
18922  function spaNavigate(url){
18923    if (!url) return false;
18924    var a = document.createElement('a');
18925    a.href = url;
18926    a.rel  = 'noopener';
18927    a.style.position = 'absolute';
18928    a.style.left = '-9999px';
18929    document.body.appendChild(a);
18930    var ev = new MouseEvent('click', { view: window, bubbles: true, cancelable: true, composed: true });
18931    var prevented = !a.dispatchEvent(ev); // if router prevented default, SPA handled it
18932    requestAnimationFrame(() => a.remove());
18933    return prevented;
18934  }
18935
18936  function bestPrev(){
18937    // Prefer same-origin referrer that isn't cart/checkout
18938    var ref = document.referrer;
18939    if (ref && isInternal(ref)) {
18940      try {
18941        if (!isCartOrCheckout(new URL(ref).pathname)) return ref;
18942      } catch(e){}
18943    }
18944    // Stored last URL, then last collection
18945    try {
18946      var last = sessionStorage.getItem('od:last:url') || localStorage.getItem('od:last:url');
18947      if (last && !isCartOrCheckout(new URL(last, location.href).pathname)) return last;
18948      var col = sessionStorage.getItem('od:last:collection') || localStorage.getItem('od:last:collection');
18949      if (col) return col;
18950    } catch(e){}
18951    return null;
18952  }
18953
18954  // Close button handler (any element with .js-cart-exit)
18955  document.addEventListener('click', function (e) {
18956    var btn = e.target && e.target.closest('.js-cart-exit');
18957    if (!btn) return;
18958
18959    e.preventDefault();
18960    e.stopPropagation();
18961
18962    // 1) Use back button when possible (SPA-friendly)
18963    if (history.length > 1) {
18964      history.back();
18965      return;
18966    }
18967
18968    // 2) Otherwise, simulate SPA navigation to the best previous URL
18969    var target = bestPrev() || btn.getAttribute('data-fallback-collection') || '/';
18970    var handled = spaNavigate(target);
18971    if (!handled) {
18972      // 3) Absolute last resort: real navigation
18973      location.assign(target);
18974    }
18975  }, true);
18976})();
18977</script>
18977
18978
18979
18980
18981
18982<script>
18983(function () {
18984  function $(s){ return document.querySelector(s); }
18985
18986	  // Opera Depot bottom-bar player
18987	  var PLAYER_SELECTORS = [
18988	    '#opera-depot-player-root .bottom-player'
18989	  ];
18990
18991  function findPlayer(){
18992    for (var i=0;i<PLAYER_SELECTORS.length;i++){
18993      var el = document.querySelector(PLAYER_SELECTORS[i]);
18994      if (el) return el;
18995    }
18996    return null;
18997  }
18998
18999  function isCartPage(){
19000    return !!document.querySelector('#MainContent #od-page-marker[data-od-page="cart"]');
19001  }
19002
19003  function visibleHeight(el){
19004    if (!el) return 0;
19005    var cs = getComputedStyle(el);
19006    if (cs.display === 'none' || cs.visibility === 'hidden' || parseFloat(cs.opacity) === 0) return 0;
19007    var rect = el.getBoundingClientRect();
19008    // fallback to computed height if rect.height is 0 while mounted
19009    return Math.max(rect.height || 0, parseFloat(cs.height) || 0, 0);
19010  }
19011
19012  var raf;
19013  function update(){
19014    cancelAnimationFrame(raf);
19015    raf = requestAnimationFrame(function(){
19016      var bar    = $('.od-mobile-checkout');
19017      var spacer = $('.od-mobile-checkout-spacer');
19018      var player = findPlayer();
19019      var playerHeight = visibleHeight(player);
19020      if (player && !playerHeight) playerHeight = 64;
19021
19022      document.documentElement.style.setProperty('--od-player-h', playerHeight + 'px');
19023
19024      if (!bar) return;
19025
19026      var show = isCartPage();
19027      bar.style.display = show ? '' : 'none';
19028      if (spacer) spacer.style.display = show ? '' : 'none';
19029
19030      var h = 0;
19031      if (show){
19032        h = playerHeight;
19033        // If we detect the player element but can't measure (height=0), assume a reasonable default
19034        if (player && !h) h = 64;
19035      }
19036
19037      // Flush to the viewport bottom — the bar's own lower white space is
19038      // sized to accommodate the player, which overlays it (live player
19039      // z-index 900 > bar 890).
19040      bar.style.bottom = '0';
19041
19042      // Keep page content from being covered by the bar + player
19043      if (spacer) spacer.style.height = (112 + (h||0)) + 'px';
19044
19045      // Ensure the bar is BELOW the player in stacking order. The live
19046      // player build renders .bottom-player at z-index 900 (verified in the
19047      // browser — the local player CSS says 1000, but the published build
19048      // differs), so the bar must stay strictly under 900.
19049      bar.style.zIndex = '890';
19050    });
19051  }
19052
19053  document.addEventListener('DOMContentLoaded', function(){
19054    update();
19055
19056    // Re-run when SPA swaps the main content
19057    var main = document.getElementById('MainContent');
19058    if (main) new MutationObserver(update).observe(main, { childList: true, subtree: true });
19059
19060    // Re-run on viewport changes
19061    window.addEventListener('resize', update, { passive: true });
19062    window.addEventListener('orientationchange', update, { passive: true });
19063
19064    // Re-run if the player resizes. The player mounts asynchronously, so if
19065    // it isn't there yet, watch its root until it appears.
19066    function observePlayer(){
19067      var p = findPlayer();
19068      if (p) {
19069        if ('ResizeObserver' in window) new ResizeObserver(update).observe(p);
19070        update();
19071        return true;
19072      }
19073      return false;
19074    }
19075    if (!observePlayer()) {
19076      var playerRoot = document.getElementById('opera-depot-player-root');
19077      if (playerRoot) {
19078        var rootObserver = new MutationObserver(function(){
19079          if (observePlayer()) rootObserver.disconnect();
19080        });
19081        rootObserver.observe(playerRoot, { childList: true, subtree: true });
19082      }
19083    }
19084  });
19085})();
19086</script>
19086
19087
19088<script>
19089(function () {
19090  var moneyFormat = "\u003cspan class=\"money\"\u003e${{amount}}\u003c\/span\u003e";
19091
19092  function formatMoney(cents) {
19093    try {
19094      if (window.Shopify && typeof Shopify.formatMoney === 'function') {
19095        return Shopify.formatMoney(cents, moneyFormat);
19096      }
19097    } catch (e) {}
19098    var currency = (window.Shopify && Shopify.currency && Shopify.currency.active) || 'USD';
19099    return (cents/100).toLocaleString(undefined, { style: 'currency', currency: currency });
19100  }
19101
19102  document.addEventListener('click', function (e) {
19103    var btn = e.target && e.target.closest('[data-cart-remove]');
19104    if (!btn) return;
19105
19106    e.preventDefault();
19107    e.stopPropagation();
19108
19109    var key  = btn.getAttribute('data-key');
19110    var line = btn.getAttribute('data-line');
19111    var payload = key ? { id: key, quantity: 0 }
19112                      : { line: Number(line || 0), quantity: 0 };
19113
19114    if ('disabled' in btn) btn.disabled = true;
19115
19116    fetch('/cart/change.js', {
19117      method: 'POST',
19118      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
19119      body: JSON.stringify(payload),
19120      credentials: 'same-origin'
19121    })
19122    .then(function(r){ return r.json(); })
19123    .then(function(cart){
19124      // Remove row
19125      var row = btn.closest('[data-cart-item]') || btn.closest('.card-hover, .line-item, li');
19126      if (row) row.remove();
19127
19128	      // Update subtotal in the mobile bar
19129	      var sub = document.querySelector('.od-mobile-checkout [data-cart-subtotal]');
19130	      if (sub && cart && typeof cart.items_subtotal_price === 'number') {
19131	        sub.textContent = formatMoney(cart.items_subtotal_price);
19132	      }
19133
19134      // Update cart count bubbles/badges if present
19135      document.querySelectorAll('[data-cart-count], .cart-count-bubble, .header__cart-count')
19136        .forEach(function(el){ el.textContent = cart.item_count; });
19137
19138	      // If Alpine cart store exists, let it refresh other UI
19139	      try {
19140	        var ac = window.Alpine && Alpine.store && Alpine.store('cart');
19141	        if (ac && typeof ac.refreshCart === 'function') ac.refreshCart();
19142	        else if (ac && typeof ac.refresh === 'function') ac.refresh();
19143	        else if (ac && typeof ac.getCart === 'function') ac.getCart();
19144	      } catch(e){}
19145      
19146      // Hide mobile bar if empty
19147      if (cart.item_count === 0) {
19148        var bar = document.querySelector('.od-mobile-checkout');
19149        var spacer = document.querySelector('.od-mobile-checkout-spacer');
19150        if (bar) bar.style.display = 'none';
19151        if (spacer) spacer.style.display = 'none';
19152      }
19153    })
19154    .catch(function(err){
19155      console.error('Ajax remove failed', err);
19156      // Worst fallback would be a reload, but we avoid it: // location.reload();
19157    })
19158    .finally(function(){
19159      if ('disabled' in btn) btn.disabled = false;
19160    });
19161  }, true);
19162})();
19163</script>
vendor: 1 bytes, line 19163
19163
19164<script>
19165(function () {
19166  /* ---------- helpers ---------- */
19167  function $(s){ return document.querySelector(s); }
19168  function $all(s){ return Array.prototype.slice.call(document.querySelectorAll(s)); }
19169  function isCartPage(){
19170    // Prefer marker (SPA-safe); fallback to path check
19171    if (document.querySelector('#MainContent #od-page-marker[data-od-page="cart"]')) return true;
19172    return /(^|\/)cart(\/|$|\?)/.test(location.pathname);
19173  }
19174	  var PLAYER_SELECTORS = ['#opera-depot-player-root .bottom-player'];
19175  function findPlayer(){ for (var i=0;i<PLAYER_SELECTORS.length;i++){ var el=document.querySelector(PLAYER_SELECTORS[i]); if(el) return el; } return null; }
19176  function visibleHeight(el){
19177    if (!el) return 0;
19178    var cs=getComputedStyle(el);
19179    if (cs.display==='none'||cs.visibility==='hidden'||parseFloat(cs.opacity)===0) return 0;
19180    var r=el.getBoundingClientRect();
19181    return Math.max(r.height||0, parseFloat(cs.height)||0, 0);
19182  }
19183  var moneyFormat = "\u003cspan class=\"money\"\u003e${{amount}}\u003c\/span\u003e";
19184  function formatMoney(cents){
19185    try{ if (window.Shopify && typeof Shopify.formatMoney==='function') return Shopify.formatMoney(cents, moneyFormat); }catch(e){}
19186    var curr=(window.Shopify&&Shopify.currency&&Shopify.currency.active)||'USD';
19187    return (cents/100).toLocaleString(undefined,{style:'currency',currency:curr});
19188  }
19189/* === Subtotal Sync START === */
19190	function odSyncSubtotalFromCartObj(cart){
19191	  try {
19192	    var cents = (cart && typeof cart.items_subtotal_price === 'number')
19193	      ? cart.items_subtotal_price
19194	      : (cart && typeof cart.total_price === 'number' ? cart.total_price : null);
19195	    if (typeof cents !== 'number') return;
19196	    var el = document.querySelector('.od-mobile-checkout [data-cart-subtotal]');
19197	    if (el) el.textContent = formatMoney(cents);
19198	  } catch(e) {}
19199	}
19200
19201	function odApplyCartToAlpineStore(cart, forceFetch){
19202	  try {
19203	    var ac = window.Alpine && Alpine.store && Alpine.store('cart');
19204	    if (forceFetch && ac && typeof ac.refreshCart === 'function') ac.refreshCart();
19205	    else if (ac && typeof ac.refresh === 'function') ac.refresh(cart);
19206	  } catch(e) {}
19207	}
19208	
19209	function odFetchAndSyncSubtotal(){
19210	  fetch('/cart.js', { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' })
19211	    .then(function(r){ return r.ok ? r.json() : null; })
19212	    .then(function(cart){
19213	      if (cart) {
19214	        odSyncSubtotalFromCartObj(cart);
19215	        odApplyCartToAlpineStore(cart);
19216	      }
19217	    })
19218	    .catch(function(){});
19219	}
19220
19221// Run on load + SPA/section swaps + when tab refocuses
19222document.addEventListener('DOMContentLoaded', odFetchAndSyncSubtotal);
19223document.addEventListener('shopify:page:load', odFetchAndSyncSubtotal);
19224document.addEventListener('shopify:section:load', odFetchAndSyncSubtotal);
19225document.addEventListener('visibilitychange', function(){ if (!document.hidden) odFetchAndSyncSubtotal(); });
19226
19227	// Also react to our own events
19228	document.addEventListener('od:cart:cleared', function(e){
19229	  var cart = e && e.detail ? e.detail : { items_subtotal_price: 0, total_price: 0 };
19230	  odSyncSubtotalFromCartObj(cart);
19231	  odApplyCartToAlpineStore(cart, true);
19232	});
19233	document.addEventListener('od:cart:changed', function(e){
19234	  odSyncSubtotalFromCartObj(e && e.detail);
19235	  odApplyCartToAlpineStore(e && e.detail, true);
19236	});
19237
19238/* === Re-sync subtotal after any Ajax cart change (add/change/update) === */
19239(function(){
19240  var CART_ENDPOINTS = ['/cart/add', '/cart/change', '/cart/update'];
19241
19242  function urlIsCartEndpoint(url){
19243    try {
19244      var u = new URL(url, location.origin);
19245      return CART_ENDPOINTS.some(function(p){ return u.pathname.indexOf(p) === 0; });
19246    } catch(e) {
19247      return CART_ENDPOINTS.some(function(p){ return (url + '').indexOf(p) === 0; });
19248    }
19249  }
19250
19251  // Patch fetch (guarded so it doesn't double-patch on SPA)
19252  if (window.fetch && !window.__odPatchedFetch) {
19253    var _fetch = window.fetch;
19254    window.fetch = function(){
19255      var args = arguments;
19256      var req = args[0];
19257      var url = (typeof req === 'string') ? req : (req && req.url);
19258      var isCartCall = url && urlIsCartEndpoint(url);
19259      return _fetch.apply(this, args).then(function(res){
19260        if (isCartCall && res && res.ok) {
19261          setTimeout(odFetchAndSyncSubtotal, 0);
19262        }
19263        return res;
19264      });
19265    };
19266    window.__odPatchedFetch = true;
19267  }
19268
19269  // Patch XHR (also guarded)
19270  if (window.XMLHttpRequest && !window.__odPatchedXHR) {
19271    var _open = XMLHttpRequest.prototype.open;
19272    var _send = XMLHttpRequest.prototype.send;
19273
19274    XMLHttpRequest.prototype.open = function(method, url){
19275      this._odIsCartCall = urlIsCartEndpoint(url || '');
19276      return _open.apply(this, arguments);
19277    };
19278    XMLHttpRequest.prototype.send = function(){
19279      if (this._odIsCartCall) {
19280        this.addEventListener('load', function(){
19281          if (this.status >= 200 && this.status < 300) {
19282            setTimeout(odFetchAndSyncSubtotal, 0);
19283          }
19284        });
19285      }
19286      return _send.apply(this, arguments);
19287    };
19288
19289    window.__odPatchedXHR = true;
19290  }
19291})();
19292/* === Subtotal Sync END === */
19293
19294
19295
19296  /* ---------- toggle sticky bar (SPA-aware, player-aware) ---------- */
19297  var raf;
19298  function updateBar(){
19299    cancelAnimationFrame(raf);
19300    raf=requestAnimationFrame(function(){
19301      var bar=$('.od-mobile-checkout');
19302      var spacer=$('.od-mobile-checkout-spacer');
19303      if(!bar) return;
19304
19305      var on=isCartPage();
19306      bar.style.display = on ? '' : 'none';
19307      if (spacer) spacer.style.display = on ? '' : 'none';
19308
19309      var h = 0;
19310      if (on){
19311        var p=findPlayer();
19312        h=visibleHeight(p);
19313        if (p && !h) h=64; // conservative default
19314      }
19315      // Flush to the bottom; the bar's lower white space accommodates the
19316      // overlaying player (live build z-index 900, above the bar's 890).
19317      bar.style.bottom = '0';
19318      if (spacer) spacer.style.height = (80 + (h||0)) + 'px';
19319
19320      // Keep the bar strictly below the player (live build z-index 900)
19321      bar.style.zIndex = '890';
19322    });
19323  }
19324
19325  document.addEventListener('DOMContentLoaded', function(){
19326    updateBar();
19327    var main=document.getElementById('MainContent');
19328    if (main) new MutationObserver(updateBar).observe(main,{childList:true,subtree:true});
19329    window.addEventListener('resize', updateBar, {passive:true});
19330    window.addEventListener('orientationchange', updateBar, {passive:true});
19331    var p=findPlayer(); if (p && 'ResizeObserver' in window) new ResizeObserver(updateBar).observe(p);
19332  });
19333
19334  /* ---------- non-blocking Clear Cart with confirm + Ajax ---------- */
19335  function openConfirm(){
19336    var wrap = $('#od-clear-confirm');
19337    if (!wrap) return;
19338    wrap.style.display = 'block';
19339
19340    // Put the overlay ABOVE the player
19341    wrap.style.zIndex = '2147483647';
19342
19343    // Push the sheet up by the player's height (or 64px fallback)
19344    try {
19345      var p = findPlayer();
19346      var h = visibleHeight(p);
19347      if (p && !h) h = 64;
19348      var sheet = wrap.querySelector('[role="dialog"]');
19349      if (sheet) {
19350        sheet.style.position = 'fixed';
19351        sheet.style.left = '0';
19352        sheet.style.right = '0';
19353        // override any theme bottom:0 !important
19354        sheet.style.setProperty('bottom', h ? (h + 'px') : '0', 'important');
19355      }
19356    } catch(e){ /* fail-soft */ }
19357  }
19358
19359  function closeConfirm(){ var d=$('#od-clear-confirm'); if(d) d.style.display='none'; }
19360
19361  // Open sheet on clear button
19362  document.addEventListener('click', function(e){
19363    var t=e.target && e.target.closest('[data-clear-cart]');
19364    if(!t) return;
19365    e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation();
19366    openConfirm();
19367  }, true);
19368
19369  // Cancel
19370  document.addEventListener('click', function(e){
19371    if (e.target && (e.target.id==='od-clear-cancel' || e.target.closest('#od-clear-cancel'))){
19372      e.preventDefault(); closeConfirm();
19373    }
19374  });
19375
19376  // Confirm (Ajax clear)
19377  document.addEventListener('click', function(e){
19378    if (!(e.target && (e.target.id==='od-clear-confirm-btn' || e.target.closest('#od-clear-confirm-btn')))) return;
19379    e.preventDefault();
19380    var btn=e.target.closest('button'); if(btn) btn.disabled=true;
19381
19382    fetch('/cart/clear.js',{method:'POST',headers:{'Accept':'application/json'},credentials:'same-origin'})
19383      .then(function(r){ return r.json(); })
19384      .then(function(cart){
19385        // Remove items on the cart page
19386        $all('[data-cart-item], .cart-item, .line-item, .card-hover').forEach(function(n){ n.remove(); });
19387        // Update subtotal + counts
19388        var sub=$('.od-mobile-checkout [data-cart-subtotal]'); if(sub) sub.textContent=formatMoney(0);
19389        $all('[data-cart-count], .cart-count-bubble, .header__cart-count').forEach(function(n){ n.textContent=0; });
19390	        // Hide bar if empty
19391	        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'; }
19392	        // Let Alpine cart store resync if present
19393	        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){}
19394        closeConfirm();
19395        document.dispatchEvent(new CustomEvent('od:cart:cleared',{detail:cart}));
19396      })
19397      .catch(function(err){
19398        console.error('Clear cart failed', err);
19399        closeConfirm(); // keep audio playing; no reload
19400      })
19401      .finally(function(){ if(btn) btn.disabled=false; });
19402  });
19403
19404  // Close sheet by tapping dim or Esc
19405  document.addEventListener('click', function(e){
19406    var d=$('#od-clear-confirm'); if(!d || d.style.display==='none') return;
19407    var sheet=d.querySelector('[role="dialog"]');
19408    if (e.target===d || (sheet && !sheet.contains(e.target))) closeConfirm();
19409  });
19410  document.addEventListener('keydown', function(e){ if(e.key==='Escape') closeConfirm(); });
19411})();
19412</script>
19412<div id="opera-depot-player-root"></div>
19412<script>
19413    window.OperaDepotPlayerConfig = {
19414      apiBaseUrl: 'https://wnbkupdjhy.us-east-1.awsapprunner.com',
19415      playbackTokenEndpoint: "\/apps\/library\/playback-token",
19416      purchasedPlaybackTokenEndpoint: "\/apps\/library\/purchased-playback-token",
19417      globalAccessPolicyEndpoint: "\/apps\/library\/global-access-policy",
19418      legacyStreamingPolicyEndpoint: "\/apps\/library\/streaming-policy",
19419      continuousMediaBaseUrl: 'https://d3ehd4tdywukgy.cloudfront.net',
19420      build: "act-intro-ring-rules-2026-09-17-02",
19421      autoPlay: false,
19422      preferredFormat: 'auto',
19423      pageType: "product",
19424      
19425        productHandle: "beethoven-fidelio-zadek-kozub-christoff-von-rohr-sciutti-maazel",
19426        productCollectionHandles: ["all","all-recordings","ludwig-van-beethoven","boris-christoff","ernst-kozub","lorin-maazel","opera-in-german","graziella-sciutti","september-new","best-sellers","hilde-zadek"],
19427        freeStreamingProduct: false
19428      
19429    };
19430  </script>
19430
19431  
19431<script type="module" src="//operadepot.com/cdn/shop/t/188/assets/opera-depot-player.js?v=137853722537836287521790940894&od_build=act-intro-ring-rules-2026-09-17-02"></script>
19431
19432  
19432<script>
19433    /* While anything is scrolling, tag <html> so CSS can drop the bottom
19434       player's backdrop blur. Re-blurring the moving page behind the bar
19435       every frame is what makes the fixed overlays (player bar, scrollbar,
19436       preview bar) flicker in Chrome on retina displays. */
19437    (function () {
19438      var idleTimer = null;
19439      var root = document.documentElement;
19440      window.addEventListener('scroll', function () {
19441        if (idleTimer === null) root.classList.add('od-page-scrolling');
19442        else clearTimeout(idleTimer);
19443        idleTimer = setTimeout(function () {
19444          idleTimer = null;
19445          root.classList.remove('od-page-scrolling');
19446        }, 180);
19447      }, { passive: true, capture: true });
19448    })();
19449  </script>
19449
19450
19451  
19452
19453  
19454    
19455    
19456      
19457
19458
19459
19460    
19461  
19462    
19463  <style>  </style>
19464<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
19464
19465</body>
19466</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.