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 – 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&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 & Barbuda flag" 1524 loading="lazy" /> 1525 <span class="od-cp__label"> 1526 Antigua & 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 & Herzegovina flag" 1866 loading="lazy" /> 1867 <span class="od-cp__label"> 1868 Bosnia & 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é & PrÃncipe flag" 4548 loading="lazy" /> 4549 <span class="od-cp__label"> 4550 São Tomé & 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 & South Sandwich Islands flag" 4782 loading="lazy" /> 4783 <span class="od-cp__label"> 4784 South Georgia & 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 & Nevis flag" 4908 loading="lazy" /> 4909 <span class="od-cp__label"> 4910 St. Kitts & 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 & Miquelon flag" 4962 loading="lazy" /> 4963 <span class="od-cp__label"> 4964 St. Pierre & 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 & Grenadines flag" 4980 loading="lazy" /> 4981 <span class="od-cp__label"> 4982 St. Vincent & 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 & Jan Mayen flag" 5034 loading="lazy" /> 5035 <span class="od-cp__label"> 5036 Svalbard & 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 & Tobago flag" 5232 loading="lazy" /> 5233 <span class="od-cp__label"> 5234 Trinidad & 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 & Caicos Islands flag" 5322 loading="lazy" /> 5323 <span class="od-cp__label"> 5324 Turks & 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 & Futuna flag" 5578 loading="lazy" /> 5579 <span class="od-cp__label"> 5580 Wallis & 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&width=480" alt="Opera Depot" srcset="//operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002&width=352 352w, //operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002&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®ion_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®ion_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 & Barbuda flag" loading="lazy" /> 6627 <span class="od-cp__label"> 6628 Antigua & 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 & Herzegovina flag" loading="lazy" /> 7064 <span class="od-cp__label"> 7065 Bosnia & 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é & PrÃncipe flag" loading="lazy" /> 10491 <span class="od-cp__label"> 10492 São Tomé & 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 & South Sandwich Islands flag" loading="lazy" /> 10790 <span class="od-cp__label"> 10791 South Georgia & 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 & Nevis flag" loading="lazy" /> 10951 <span class="od-cp__label"> 10952 St. Kitts & 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 & Miquelon flag" loading="lazy" />
11020 <span class="od-cp__label"> 11021 St. Pierre & 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 & Grenadines flag" loading="lazy" /> 11043 <span class="od-cp__label"> 11044 St. Vincent & 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 & Jan Mayen flag" loading="lazy" /> 11112 <span class="od-cp__label"> 11113 Svalbard & 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 & Tobago flag" loading="lazy" /> 11365 <span class="od-cp__label"> 11366 Trinidad & 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 & Caicos Islands flag" loading="lazy" /> 11480 <span class="od-cp__label"> 11481 Turks & 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 & Futuna flag" loading="lazy" /> 11806 <span class="od-cp__label"> 11807 Wallis & 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('opacity-0');"> 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®ion_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®ion_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®ion_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 &quot;XXX&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('opacity-0');"> 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('opacity-0');"> 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('["CD"]'), 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: [{"id":67585691091265,"title":"CD","option1":"CD","option2":null,"option3":null,"sku":"12413-2","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - CD","public_title":"CD","options":["CD"],"price":1795,"weight":51,"compare_at_price":null,"inventory_quantity":-1,"inventory_management":null,"inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":67585691124033,"title":"MP3","option1":"MP3","option2":null,"option3":null,"sku":"MP3 12413-2","requires_shipping":false,"taxable":false,"featured_image":null,"available":true,"name":"
15697Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - MP3","public_title":"MP3","options":["MP3"],"price":995,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":67585691156801,"title":"FLAC","option1":"FLAC","option2":null,"option3":null,"sku":"FLAC 12413-2","requires_shipping":false,"taxable":false,"featured_image":null,"available":true,"name":"Beethoven: Fidelio - Zadek, Kozub, Christoff, von Rohr, Sciutti; Maazel. Roma, 1964 - FLAC","public_title":"FLAC","options":["FLAC"],"price":1195,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":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('opacity-0');"> 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('opacity-0');"> 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"> →</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('opacity-0');"> 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('opacity-0');"> 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"> →</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"> per </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"> per </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('opacity-0');"> 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('opacity-0');"> 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('opacity-0');"> 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('opacity-0');"> 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('opacity-0');"> 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('opacity-0');"> 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 © 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.