PageSourceSearch

https://junerings.com/products/mesa-champagne-portugese-marquise

html junerings.com collected 2026-10-05 07:55:20 UTC 210,347 bytes, 4,786 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js page-product"
4  lang="en"
5>
6  <head>
7    <meta charset="utf-8">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="viewport" content="width=device-width,initial-scale=1">
10    <meta name="theme-color" content="">
11    <link rel="canonical" href="https://junerings.com/products/mesa-champagne-portugese-marquise">
12    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//junerings.com/cdn/shop/files/june-favicon.webp?crop=center&height=32&v=1719502794&width=32"><title>
13      Mesa | Champagne | Portugese Marquise
14 &ndash; June Rings</title>
15
16    
17      <meta name="description" content="Mesa is truly unforgettable. A split shank band and 6-prong setting with underbezel make its center stone feel right at home. 2.35 carat Portuguese cut marquise Champagne diamond Solid 14k gold with a matte or polished finish 2.5mm base band width This setting is customizable for most shapes and size of center stone  ">
18    
19
20    
21
22<meta property="og:site_name" content="June Rings">
23<meta property="og:url" content="https://junerings.com/products/mesa-champagne-portugese-marquise">
24<meta property="og:title" content="Mesa | Champagne | Portugese Marquise">
25<meta property="og:type" content="product">
26<meta property="og:description" content="Mesa is truly unforgettable. A split shank band and 6-prong setting with underbezel make its center stone feel right at home. 2.35 carat Portuguese cut marquise Champagne diamond Solid 14k gold with a matte or polished finish 2.5mm base band width This setting is customizable for most shapes and size of center stone  "><meta property="og:image" content="http://junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525">
27  <meta property="og:image:secure_url" content="https://junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525">
28  <meta property="og:image:width" content="1024">
29  <meta property="og:image:height" content="1535"><meta property="og:price:amount" content="6,675.00">
30  <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image">
31<meta name="twitter:title" content="Mesa | Champagne | Portugese Marquise">
32<meta name="twitter:description" content="Mesa is truly unforgettable. A split shank band and 6-prong setting with underbezel make its center stone feel right at home. 2.35 carat Portuguese cut marquise Champagne diamond Solid 14k gold with a matte or polished finish 2.5mm base band width This setting is customizable for most shapes and size of center stone  ">
33
34
35    
35<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
35<meta name="google-site-verification" content="jG_R3hJDkbf00-58_-Pc09C8hSH0XWN8RjigyefhQaI">
36<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1947861036/digital_wallets/dialog">
37<meta id="in-context-paypal-metadata" data-shop-id="1947861036" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
38<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/42245596315696:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://junerings.com/products/mesa-champagne-portugese-marquise.oembed">
39<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1685291056"></script>
39
40<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
41<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1685291056&shop_id=1947861036" crossorigin="anonymous"></script>
vendor: 1 bytes, line 41
41
42<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1947861036,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1947861036","merchantName":"June Rings","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"June Rings","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 42
42
43<script id="shopify-features" type="application/json">{"accessToken":"84ed3203d16d8dc52557dd4982db3729","betas":["rich-media-storefront-analytics"],"domain":"junerings.com","predictiveSearch":true,"shopId":1947861036,"locale":"en"}</script>
vendor: 1 bytes, line 43
43
44<script>var Shopify = Shopify || {};
45Shopify.shop = "statice-jewelry.myshopify.com";
46Shopify.locale = "en";
47Shopify.currency = {"active":"USD","rate":"1.0"};
48Shopify.country = "US";
49Shopify.theme = {"name":"june-refresh\/main","id":127569428528,"schema_name":"Shopify Starter","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
50Shopify.theme.handle = "null";
51Shopify.theme.style = {"id":null,"handle":null};
52Shopify.cdnHost = "junerings.com/cdn";
53Shopify.routes = Shopify.routes || {};
54Shopify.routes.root = "/";
55Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
56Shopify.SignInWithShop = Shopify.SignInWithShop || {};
57Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
58Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 58
58
59<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 59
59
60<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 60
60
61<script>
62  window.ShopifyPay = window.ShopifyPay || {};
63  window.ShopifyPay.apiHost = "shop.app\/pay";
64  window.ShopifyPay.redirectState = null;
65</script>
vendor: 1 bytes, line 65
65
66<script>
67  window.Shopify = window.Shopify || {};
68  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
69  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
70  window.Shopify.SignInWithShop.eligible = true;
71</script>
vendor: 1 bytes, line 71
71
72<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 72
72
73<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 73
73
74<script type="module">
75  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
76
77  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
78
79</script>
vendor: 1 bytes, line 79
79
80<script>
81  window.Shopify = window.Shopify || {};
82  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
83  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"]};
84</script>
vendor: 1 bytes, line 84
84
85<script>(function() {
86  var isLoaded = false;
87  function asyncLoad() {
88    if (isLoaded) return;
89    isLoaded = true;
90    var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=M7t7Kk\u0026shop=statice-jewelry.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/73b05a781f874562d35ba71e5\/0171f0c1195b20b85121898f0.js?shop=statice-jewelry.myshopify.com","https:\/\/cdn.routeapp.io\/route-widget-shopify\/v2\/route-widget-shopify-stable-v2.min.js?shop=statice-jewelry.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-c145d48a3b191c9e2b1b23efa7bb3f79.js?shop=statice-jewelry.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/9d105be4fb7f5e74c1381f216\/7504262248b6829460874ecc4.js?shop=statice-jewelry.myshopify.com"];
91    for (var i = 0; i < urls.length; i++) {
92      var s = document.createElement('script');
93      s.type = 'text/javascript';
94      s.async = true;
95      s.src = urls[i];
96      var x = document.getElementsByTagName('script')[0];
97      x.parentNode.insertBefore(s, x);
98    }
99  };
100  if(window.attachEvent) {
101    window.attachEvent('onload', asyncLoad);
102  } else {
103    window.addEventListener('load', asyncLoad, false);
104  }
105})();</script>
vendor: 1 bytes, line 105
105
106<script id="__st">var __st={"a":1947861036,"offset":-21600,"reqid":"de9fc973-a9f2-4bfa-89e8-c2288381594b-1791186920","pageurl":"junerings.com\/products\/mesa-champagne-portugese-marquise","u":"27c80c55f946","p":"product","rtyp":"product","rid":7717852807216};</script>
vendor: 1 bytes, line 106
106
107<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 107
107
108<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'])})(!0,!0)}();</script>
vendor: 1 bytes, line 108
108
109<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//junerings.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 109
109
110<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 = "//junerings.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>
110<script crossorigin="anonymous" defer="defer" src="//junerings.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 110
110
111<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 111
111
112<script>
113  window.Shopify = window.Shopify || {};
114  window.Shopify.MCP = window.Shopify.MCP || {};
115  window.Shopify.MCP.enabled = true;
116  window.Shopify.MCP.shop = "statice-jewelry.myshopify.com";
117  window.Shopify.MCP.mcpEndpoint = "https:\/\/junerings.com\/api\/mcp";
118  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"]}}];
119</script>
vendor: 1 bytes, line 119
119
120<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("\/\/junerings.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
121</script>
vendor: 1 bytes, line 121
121
122<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://junerings.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
123</script>
vendor: 1 bytes, line 123
123
124<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
125  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);
126</script>
vendor: 1 bytes, line 126
126
127<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})}}));
128</script>
128
129<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://junerings.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
130<style id="shopify-accelerated-checkout-cart">
131        #shopify-buyer-consent {
132  margin-top: 1em;
133  display: inline-block;
134  width: 100%;
135}
136
137#shopify-buyer-consent.hidden {
138  display: none;
139}
140
141#shopify-subscription-policy-button {
142  background: none;
143  border: none;
144  padding: 0;
145  text-decoration: underline;
146  font-size: inherit;
147  cursor: pointer;
148}
149
150#shopify-subscription-policy-button::before {
151  box-shadow: none;
152}
153
154      </style>
155
156<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
156
157
158    <style data-shopify>
159  @font-face {
160    font-family: 'MonumentGrotesk';
161    src: url('//junerings.com/cdn/shop/t/28/assets/MonumentGrotesk-Mono.woff2?v=6158786734932949441744124934') format('woff2');
162    font-weight: normal;
163    font-style: normal;
164    font-display: swap;
165  }
166
167  @font-face {
168    font-family: 'SaolDisplay';
169    src: url('//junerings.com/cdn/shop/t/28/assets/SaolDisplay-Regular.woff2?v=182029918200000111931720820409') format('woff2');
170    font-weight: normal;
171    font-style: normal;
172    font-display: swap;
173  }
174</style>
175
176    <link href="//junerings.com/cdn/shop/t/28/assets/index.css?v=112022897695290990471786568626" rel="stylesheet" type="text/css" media="all" />
177    
178    
179
180    
181
182    <link
183      rel="preload"
184      as="font"
185      href="//junerings.com/cdn/shop/t/28/assets/SaolDisplay-Regular.woff2?v=182029918200000111931720820409"
186      type="font/woff2"
187      crossorigin
188    >
189
190    <link
191      rel="preload"
192      as="font"
193      href="//junerings.com/cdn/shop/t/28/assets/MonumentGrotesk-Mono.woff2?v=6158786734932949441744124934"
194      type="font/woff2"
195      crossorigin
196    >
197
198    
198<script src="https://cdn.userway.org/widget.js" data-account="ciJQLpR1xI" data-position="5" defer></script>
198
199
200    
200<script>
201      window.routes = {
202        cart_add_url: '/cart/add',
203        cart_change_url: '/cart/change',
204        cart_update_url: '/cart/update',
205        cart_url: '/cart',
206      };
207    </script>
207
208
209    
209<script
210      type="module"
211      src="//junerings.com/cdn/shop/t/28/assets/index.js?v=56957547286705393211786032185"
212    ></script>
212
213
214    
215    
215<script>
216      window.consentConfig = {
217        fbPixelId: '408190634089291',
218        podiumApiToken: 'd63d507c-5e7c-4a34-9eaf-d6398fb148c2',
219      };
220    </script>
220
221
222    <!-- Begin Affirm -->
223      <!-- Affirm -->
224<script defer>
225_affirm_config = {
226   public_api_key:  "DVBC2R7PO2HSHKTV",
227   script:          "https://cdn1.affirm.com/js/v2/affirm.js"
228};
229(function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,"set");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b="set add save post open empty reset on off trigger ready setProduct".split(" ");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=["get","token","url","items"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,"affirm","checkout","ui","script","ready");
230// Use your live public API Key and https://cdn1.affirm.com/js/v2/affirm.js script to point to Affirm production environment.
231</script>
231
232<!-- End Affirm -->
233    <!-- End Affirm -->
234<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
235<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: 1947861036,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 235
235
236<script>
237  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
238</script>
vendor: 1 bytes, line 238
238
239<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}
239).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: 1947861036,storefrontBaseUrl: "https://junerings.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://junerings.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1488257072","configuration":"{\"mailchimp_store_id\":\"store_n8edvz2vjt7m92an73o9\", \"mailchimp_user_id\":\"147150894\",\"mailchimp_list_id\":\"7355a0e410\"}","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":"259293232","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-XMDFCMXK55\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-XMDFCMXK55\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-XMDFCMXK55\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-XMDFCMXK55\\\",\\\"MC-CMDKDEKH80\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-XMDFCMXK55\\\",\\\"MC-CMDKDEKH80\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-XMDFCMXK55\\\",\\\"MC-CMDKDEKH80\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-XMDFCMXK55\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-XMDFCMXK55\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"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"]}
239,{"id":"138313776","configuration":"{\"pixel_id\":\"528180559360574\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"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":"48169008","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"59539504","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"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":"June Rings","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"statice-jewelry.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/junerings.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":6740.0,"currencyCode":"USD"},"product":{"title":"Mesa | Champagne | Portugese Marquise","vendor":"June Rings","id":"7717852807216","untranslatedTitle":"Mesa | Champagne | Portugese Marquise","url":"\/products\/mesa-champagne-portugese-marquise","type":""},"id":"42245596315696","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2520-001.jpg?v=1775831525"},"sku":null,"title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","untranslatedTitle":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)"},{"price":{"amount":6675.0,"currencyCode":"USD"},"product":{"title":"Mesa | Champagne | Portugese Marquise","vendor":"June Rings","id":"7717852807216","untranslatedTitle":"Mesa | Champagne | Portugese Marquise","url":"\/products\/mesa-champagne-portugese-marquise","type":""},"id":"42245596348464","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2520-001.jpg?v=1775831525"},"sku":null,"title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish","untranslatedTitle":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish"}],"products":[{"id":"7717852807216","handle":"mesa-champagne-portugese-marquise","isCollective":null,"title":"Mesa | Champagne | Portugese Marquise","type":null,"untranslatedTitle":"Mesa | Champagne | Portugese Marquise","url":"\/products\/mesa-champagne-portugese-marquise","vendor":"June Rings","remoteShopId":null,"variants":[{"id":"42245596315696","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2520-001.jpg?v=1775831525"},"price":{"amount":6740.0,"currencyCode":"USD"},"sku":null,"title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","untranslatedTitle":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)"},{"id":"42245596348464","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2520-001.jpg?v=1775831525"},"price":{"amount":6675.0,"currencyCode":"USD"},"sku":null,"title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish","untranslatedTitle":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish"}]},{"id":"7519670009904","handle":"3-70-ct-elongated-fleur-3d-print","isCollective":null,"title":"Mesa | 3D Print","type":"3D Print","untranslatedTitle":"Mesa | 3D Print","url":"\/products\/3-70-ct-elongated-fleur-3d-print","vendor":"June Rings","remoteShopId":null,"variants":[{"id":"42488688443440","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/IT7A9848.jpg?v=1774999721"},"price":{"amount":25.0,"currencyCode":"USD"},"sku":null,"title":"Marquise","untranslatedTitle":"Marquise"}]},{"id":"7765583364144","handle":"mesa-asscher","isCollective":null,"title":"Mesa | asscher","type":null,"untranslatedTitle":"Mesa | asscher","url":"\/products\/mesa-asscher","vendor":"June Rings","remoteShopId":null,"variants":[{"id":"42494565580848","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2556.jpg?v=1764521623"},"price":{"amount":5400.0,"currencyCode":"USD"},"sku":null,"title":"2.35 carat | VS2 F | Certified Lab Diamond","untranslatedTitle":"2.35 carat | VS2 F | Certified Lab Diamond"}]},{"id":"7483120353328","handle":"elongated-6-prong-fleur","isCollective":null,"title":"Mesa || 3.70 ct scissor cut cushion","type":null,"untranslatedTitle":"Mesa || 3.70 ct scissor cut cushion","url":"\/products\/elongated-6-prong-fleur","vendor":"June Rings","remoteShopId":null,"variants":[{"id":"41498059636784","image":{"src":"\/\/junerings.com\/cdn\/shop\/files\/JuneRings7.24-171.jpg?v=1720753130"},"price":{"amount":8975.0,"currencyCode":"USD"},"sku":null,"title":"Elongated Scissor Cut Cushion | 3.70 ct | VS2 G + | Certified Lab Diamond","untranslatedTitle":"Elongated Scissor Cut Cushion | 3.70 ct | VS2 G + | Certified Lab Diamond"}]}],"purchasingCompany":null},},"https://junerings.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"127569428528","themePublished":"true","eventMetadataId":"36e91a00-f8c5-483b-8ae8-f168b1aeffa8","pageType":"product","resourceId":"7717852807216","shopId":"1947861036","storefrontBaseUrl":"https:\/\/junerings.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\":6740.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Mesa | Champagne | Portugese Marquise\",\"vendor\":\"June Rings\",\"id\":\"7717852807216\",\"untranslatedTitle\":\"Mesa | Champagne | Portugese Marquise\",\"url\":\"\/products\/mesa-champagne-portugese-marquise\",\"type\":\"\"},\"id\":\"42245596315696\",\"image\":{\"src\":\"\/\/junerings.com\/cdn\/shop\/files\/JuneRings6.10.2520-001.jpg?v=1775831525\"},\"sku\":null,\"title\":\"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)\",\"untranslatedTitle\":\"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)\"}}]]"});})();</script>
239<script>
240  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
241  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
242  window.ShopifyAnalytics.meta.currency = 'USD';
243  var meta = {"product":{"id":7717852807216,"gid":"gid:\/\/shopify\/Product\/7717852807216","vendor":"June Rings","type":"","handle":"mesa-champagne-portugese-marquise","variants":[{"id":42245596315696,"price":674000,"name":"Mesa | Champagne | Portugese Marquise - 2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","public_title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","sku":null},{"id":42245596348464,"price":667500,"name":"Mesa | Champagne | Portugese Marquise - 2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish","public_title":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ No Finish","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7717852807216,"requestId":"de9fc973-a9f2-4bfa-89e8-c2288381594b-1791186920"}};
244  for (var attr in meta) {
245    window.ShopifyAnalytics.meta[attr] = meta[attr];
246  }
247</script>
vendor: 1 bytes, line 247
247
248<script class="analytics">
249  (function () {
250    var customDocumentWrite = function(content) {
251      var jquery = null;
252
253      if (window.jQuery) {
254        jquery = window.jQuery;
255      } else if (window.Checkout && window.Checkout.$) {
256        jquery = window.Checkout.$;
257      }
258
259      if (jquery) {
260        jquery('body').append(content);
261      }
262    };
263
264    var hasLoggedConversion = function(token) {
265      if (token) {
266        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
267      }
268      return false;
269    }
270
271    var setCookieIfConversion = function(token) {
272      if (token) {
273        var twoMonthsFromNow = new Date(Date.now());
274        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
275
276        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
277      }
278    }
279
280    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
281    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
282    if (trekkie.integrations) {
283      return;
284    }
285    trekkie.methods = [
286      'identify',
287      'page',
288      'ready',
289      'track',
290      'trackForm',
291      'trackLink'
292    ];
293    trekkie.factory = function(method) {
294      return function() {
295        var args = Array.prototype.slice.call(arguments);
296        args.unshift(method);
297        trekkie.push(args);
298        if (method == 'track' || method == 'page') {
299          var pageUrl;
300          try {
301            pageUrl = window.location.href;
302          } catch (e) {}
303          var pageReferrer;
304          try {
305            pageReferrer = document.referrer;
306          } catch (e) {}
307          try {
308            if (window.__TREKKIE_SHIM_QUEUE == null) {
309              window.__TREKKIE_SHIM_QUEUE = [];
310            }
311            window.__TREKKIE_SHIM_QUEUE.push({
312              from: 'trekkie-stub',
313              method: method,
314              args: args.slice(1),
315              pageContext: {
316                url: pageUrl,
317                referrer: pageReferrer
318              }
319            });
320          } catch (e) {
321            // no-op
322          }
323        }
324        return trekkie;
325      };
326    };
327    for (var i = 0; i < trekkie.methods.length; i++) {
328      var key = trekkie.methods[i];
329      trekkie[key] = trekkie.factory(key);
330    }
331    trekkie.load = function(config) {
332      trekkie.config = config || {};
333      trekkie.config.initialDocumentCookie = document.cookie;
334      var first = document.getElementsByTagName('script')[0];
335var script = document.createElement('script');
336script.type = 'text/javascript';
337script.onerror = function(e) {
338  var scriptFallback = document.createElement('script');
339  scriptFallback.type = 'text/javascript';
340  scriptFallback.onerror = function(error) {
341          var Monorail = {
342      produce: function produce(monorailDomain, schemaId, payload) {
343        var currentMs = new Date().getTime();
344        var event = {
345          schema_id: schemaId,
346          payload: payload,
347          metadata: {
348            event_created_at_ms: currentMs,
349            event_sent_at_ms: currentMs
350          }
351        };
352        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
353      },
354      sendRequest: function sendRequest(endpointUrl, payload) {
355        // Try the sendBeacon API
356        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
357          var blobData = new window.Blob([payload], {
358            type: 'text/plain'
359          });
360
361          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
362            return true;
363          } // sendBeacon was not successful
364
365        } // XHR beacon
366
367        var xhr = new XMLHttpRequest();
368
369        try {
370          xhr.open('POST', endpointUrl);
371          xhr.setRequestHeader('Content-Type', 'text/plain');
372          xhr.send(payload);
373        } catch (e) {
374          console.log(e);
375        }
376
377        return false;
378      },
379      isIos12: function isIos12() {
380        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
381      }
382    };
383    Monorail.produce('monorail-edge.shopifysvc.com',
384      'trekkie_storefront_load_errors/1.1',
385      {shop_id: 1947861036,
386      theme_id: 127569428528,
387      app_name: "storefront",
388      context_url: window.location.href,
389      source_url: "//junerings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
390
391  };
392  scriptFallback.async = true;
393  scriptFallback.src = '//junerings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
394  first.parentNode.insertBefore(scriptFallback, first);
395};
396script.async = true;
397script.src = '//junerings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
398first.parentNode.insertBefore(script, first);
399
400    };
401    trekkie.load(
402      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1947861036,"isMerchantRequest":null,"themeId":127569428528,"themeCityHash":"16717443282835903646","contentLanguage":"en","currency":"USD","eventMetadataId":"36e91a00-f8c5-483b-8ae8-f168b1aeffa8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
403    );
404
405    var loaded = false;
406    trekkie.ready(function() {
407      if (loaded) return;
408      loaded = true;
409
410      window.ShopifyAnalytics.lib = window.trekkie;
411
412      var originalDocumentWrite = document.write;
413      document.write = customDocumentWrite;
414      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
415      document.write = originalDocumentWrite;
416
417      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
418      var token = match? match[1]: undefined;
419      if (!hasLoggedConversion(token)) {
420        setCookieIfConversion(token);
421        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":42245596315696,"productId":7717852807216,"productGid":"gid:\/\/shopify\/Product\/7717852807216","name":"Mesa | Champagne | Portugese Marquise - 2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","price":"6740.00","sku":null,"brand":"June Rings","variant":"2.35 carat | VS1 Champagne | Certified Lab Diamond \/ Matte Finish (Shown in photos)","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
422      }
423    });
424
425    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7717852807216,"requestId":"de9fc973-a9f2-4bfa-89e8-c2288381594b-1791186920","shopifyEmitted":true});
426
427    var eventsListenerScript = document.createElement('script');
428    eventsListenerScript.async = true;
429    eventsListenerScript.src = "//junerings.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
430    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
431})();</script>
431
432  
432<script>
433  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
434    window.ga = function ga() {
435      (window.ga.q = window.ga.q || []).push(arguments);
436      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
437        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
438      }
439      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
440    };
441    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
442      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
443    }
444  }
445</script>
vendor: 1 bytes, line 445
445
446<script
447  defer
448  src="https://junerings.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
449  data-application="storefront-renderer"
450  data-shop-id="1947861036"
451  data-render-region="gcp-us-central1"
452  data-page-type="product"
453  data-theme-instance-id="127569428528"
454  data-theme-name="Shopify Starter"
455  data-theme-version="1.0.0"
456  data-monorail-region="shop_domain"
457  data-resource-timing-sampling-rate="10"
458  data-shs="true"
459  data-shs-beacon="true"
460  data-shs-export-with-fetch="true"
461  data-shs-logs-sample-rate="1"
462  data-shs-beacon-endpoint="https://junerings.com/api/collect"
463></script>
463
464<meta name="shopify-y" content="2a8047aa-a829-493c-ae69-6070da1e7680" data-expiration="1822744520000"><meta name="shopify-s" content="32c3f937-ffa5-4918-93f5-92e708c072e6" data-expiration="1791188720000"><meta name="new-cookie-storage-activated" content="t">
465</head>
466
467  
468
469  <body class=" ">
470    <a href="#MainContent" class="skip-link">Skip to content</a>
471
472    
473    
474      <style data-shopify>
475  #cookie-bar {
476    z-index: 5000;
477    transform: translateY(20px);
478    opacity: 0;
479    transition: transform 0.3s, opacity .3s;
480    pointer-events: none;
481  }
482
483  #cookie-bar.active {
484    transform: translateY(0);
485    opacity: 1;
486    pointer-events: auto;
487  }
488</style>
489
490<div
491  id="cookie-bar"
492  class="fixed bottom-0 left-0 w-full lg:w-[40%] min-w-[120px] max-w-[500px] p-6"
493  role="region"
494  aria-label="Cookie consent"
495  inert
496>
497  <div class="rounded-def lg:rounded-full px-14 py-8 flex flex-col lg:flex-row justify-between items-center bg-red-1 text-white">
498    <div class="rich-text text-xxs uppercase w-full flex-1 lg:pr-8 text-center lg:text-left">We use cookies for analytics and marketing. See our privacy policy for details.</div>
499
500    <div class="flex flex-col items-center flex-none mt-10 lg:mt-0">
501      <button type="button" class="accept text-xs uppercase lg:fade py-2">Accept Cookies</button>
502      <button type="button" class="reject text-xs uppercase lg:fade mt-1 py-2" aria-label="Reject cookies">Reject</button>
503    </div>
504  </div>
505</div>
506    
507
508    <!-- BEGIN sections: header-group -->
509<div id="shopify-section-sections--15586482126896__announcement" class="shopify-section shopify-section-group-header-group">
510
511
512
513
514</div><header id="shopify-section-sections--15586482126896__header" class="shopify-section shopify-section-group-header-group main-header">
515
516<style data-shopify>
517  #shopify-section-sections--15586482126896__header {
518    position: sticky;
519    top: 0px;
520    z-index: 1000;
521    height: var(--nav-height-mobile);
522    flex: none;
523  }
524
525  .section-sections--15586482126896__header {
526    height: 100%;
527    background-color: var(--off-white);
528    transition: background-color .5s, transform .5s;
529  }
530
531  body.hide-nav .section-sections--15586482126896__header {
532    transform: translateY(-100%);
533  }
534
535  .section-sections--15586482126896__header.overlap-header,
536  body.theme-red .section-sections--15586482126896__header {
537    background-color: transparent;
538  }
539
540  .section-sections--15586482126896__header .logo-icon {
541    color: var(--black);
542    width: 7.5rem;
543  }
544
545  .section-sections--15586482126896__header.overlap-header .logo-icon {
546    color: var(--white);
547  }
548
549  .section-sections--15586482126896__header .cart-area,
550  .section-sections--15586482126896__header .menu-opener {
551    width: 90px;
552  }
553
554  .section-sections--15586482126896__header .menu-opener {
555    color: var(--black);
556  }
557
558  .section-sections--15586482126896__header.overlap-header .menu-opener {
559    color: var(--white);
560  }
561
562  .section-sections--15586482126896__header .search + .main-links {
563    margin-top: 1.2rem;
564  }
565
566  .section-sections--15586482126896__header .main-links {
567    color: var(--black);
568    transition: transform .3s;
569  }
570
571  .section-sections--15586482126896__header.overlap-header .main-links {
572    color: var(--white);
573  }
574
575  .section-sections--15586482126896__header.sub-menu-active .main-links {
576    transform: translateY(-15px);
577  }
578
579  .section-sections--15586482126896__header .main-links a.active,
580  .section-sections--15586482126896__header .main-links button.active {
581    text-decoration-line: underline;
582    text-underline-offset: 0.25em;
583  }
584
585  .section-sections--15586482126896__header ul li {
586    white-space: nowrap;
587  }
588
589  .section-sections--15586482126896__header .sub-menu {
590    position: absolute;
591    bottom: 0px;
592    left: 50%;
593    transform: translateX(-50%) translateY(calc(100% + 1.2rem));
594    opacity: 0;
595    pointer-events: none;
596    transition: opacity .3s;
597    color: var(--black);
598  }
599
600  .section-sections--15586482126896__header.overlap-header .sub-menu {
601    color: var(--white);
602  }
603
604  .section-sections--15586482126896__header .sub-menu.active {
605    opacity: 1;
606    pointer-events: auto;
607  }
608
609  #add-to-cart-notification {
610    transform: translateY(calc(100% + 2.5rem));
611    transition: transform .3s, opacity .3s;
612    opacity: 0;
613    pointer-events: none;
614  }
615
616  #add-to-cart-notification.active {
617    transform: translateY(calc(100% + 2rem));
618    opacity: 1;
619  }
620
621  .section-sections--15586482126896__header #cart-count {
622    transition: background-color .3s, color .3s;
623    border: 1px solid var(--black);
624  }
625
626  .section-sections--15586482126896__header.overlap-header #cart-count {
627    border-color: var(--white);
628  }
629
630  .section-sections--15586482126896__header .main-links .search-opener {
631    color: var(--black);
632    border: 1px solid var(--black);
633  }
634
635  .section-sections--15586482126896__header.overlap-header .main-links .search-opener {
636    border-color: var(--white);
637    color: var(--white);
638  }
639
640  .section-sections--15586482126896__header .cart-link {
641    color: var(--black);
642  }
643
644  .section-sections--15586482126896__header.overlap-header .cart-link {
645    color: var(--white);
646  }
647
648  .section-sections--15586482126896__header .cart-area .search-icon {
649    width: 1.1rem;
650    color: var(--black);
651  }
652
653  .section-sections--15586482126896__header.overlap-header .cart-area .search-icon {
654    color: var(--white);
655  }
656
657  body.scrolled .section-sections--15586482126896__header .cart-area .search-icon {
658    color: var(--black);
659  }
660
661  body.scrolled .section-sections--15586482126896__header {
662    background-color: var(--off-white);
663  }
664
665  body.scrolled.theme-red .section-sections--15586482126896__header {
666    background-color: var(--red-1);
667  }
668
669  body.scrolled.theme-red.mobile-menu-active .section-sections--15586482126896__header {
670    background-color: var(--grey-4);
671  }
672
673  body.scrolled .section-sections--15586482126896__header .logo-icon {
674    color: var(--black);
675  }
676
677  body.scrolled .section-sections--15586482126896__header .menu-opener {
678    color: var(--black);
679  }
680
681  body.scrolled .section-sections--15586482126896__header .main-links {
682    color: var(--black);
683  }
684
685  body.scrolled .section-sections--15586482126896__header .sub-menu {
686    color: var(--black);
687  }
688
689  body.scrolled .section-sections--15586482126896__header #cart-count {
690    border-color: var(--black);
691  }
692
693  body.scrolled .section-sections--15586482126896__header .main-links .search-opener {
694    color: var(--black);
695    border-color: var(--black);
696  }
697
698  body.scrolled .section-sections--15586482126896__header .cart-link {
699    color: var(--black);
700  }
701
702  body.mobile-menu-active .section-sections--15586482126896__header {
703    background-color: var(--grey-4);
704  }
705
706  body.mobile-menu-active .section-sections--15586482126896__header .logo-icon {
707    color: var(--white);
708  }
709
710  body.mobile-menu-active .section-sections--15586482126896__header .menu-opener {
711    color: var(--white);
712  }
713
714  body.mobile-menu-active .section-sections--15586482126896__header .main-links {
715    color: var(--white);
716  }
717
718  body.mobile-menu-active .section-sections--15586482126896__header .sub-menu {
719    color: var(--white);
720  }
721
722  body.mobile-menu-active .section-sections--15586482126896__header #cart-count {
723    border-color: var(--white);
724  }
725
726  body.mobile-menu-active .section-sections--15586482126896__header .main-links .search-opener {
727    color: var(--white);
728    border-color: var(--white);
729  }
730
731  body.mobile-menu-active .section-sections--15586482126896__header .cart-link {
732    color: var(--white);
733  }
734
735  body.mobile-menu-active .section-sections--15586482126896__header .cart-area .search-icon {
736    color: var(--white);
737  }
738
739  /*
740    Red-themed pages (June Studio) use white text throughout — without these
741    the header fell back to black on --red-1, which is only 3.77:1 (WCAG AA
742    needs 4.5:1). White on --red-1 is 5.57:1.
743  */
744  body.theme-red .section-sections--15586482126896__header .logo-icon,
745  body.scrolled.theme-red .section-sections--15586482126896__header .logo-icon,
746  body.theme-red .section-sections--15586482126896__header .menu-opener,
747  body.scrolled.theme-red .section-sections--15586482126896__header .menu-opener,
748  body.theme-red .section-sections--15586482126896__header .main-links,
749  body.scrolled.theme-red .section-sections--15586482126896__header .main-links,
750  body.theme-red .section-sections--15586482126896__header .sub-menu,
751  body.scrolled.theme-red .section-sections--15586482126896__header .sub-menu,
752  body.theme-red .section-sections--15586482126896__header .cart-link,
753  body.scrolled.theme-red .section-sections--15586482126896__header .cart-link,
754  body.theme-red .section-sections--15586482126896__header .cart-area .search-icon,
755  body.scrolled.theme-red .section-sections--15586482126896__header .cart-area .search-icon {
756    color: var(--white);
757  }
758
759  body.theme-red .section-sections--15586482126896__header .main-links .search-opener,
760  body.scrolled.theme-red .section-sections--15586482126896__header .main-links .search-opener {
761    color: var(--white);
762    border-color: var(--white);
763  }
764
765  body.theme-red .section-sections--15586482126896__header #cart
765-count,
766  body.scrolled.theme-red .section-sections--15586482126896__header #cart-count {
767    border-color: var(--white);
768  }
769
770  @media screen and (min-width: 1024px) {
771    #shopify-section-sections--15586482126896__header {
772      height: var(--nav-height);
773    }
774
775    .section-sections--15586482126896__header .cart-link:hover #cart-count {
776      background-color: var(--black);
777      color: var(--white);
778    }
779
780    .section-sections--15586482126896__header.overlap-header .cart-link:hover #cart-count {
781      background-color: var(--white);
782      color: var(--black);
783    }
784
785    body.scrolled .section-sections--15586482126896__header .cart-link:hover #cart-count {
786      background-color: var(--black);
787      color: var(--white);
788    }
789
790    .section-sections--15586482126896__header .home-link-container,
791    .section-sections--15586482126896__header .cart-area {
792      width: 180px;
793    }
794
795    .section-sections--15586482126896__header .logo-icon {
796      width: var(--logo-width);
797    }
798  }
799</style>
800
801<nav class="section-sections--15586482126896__header main-nav px-6 lg:px-base " aria-label="Main navigation">
802  <div class="flex justify-between items-center h-full">
803    <button id="main-mobile-menu-button" class="menu-opener lg:hidden text-xs uppercase tracking-def text-left" aria-expanded="false" aria-controls="mobile-menu">MENU</button>
804
805    <div class="home-link-container flex-none">
806      <a
807        href="/"
808        class="home-link fade inline-block"
809        aria-label="June Home"
810      >
811        <svg aria-hidden="true" focusable="false"
812  class="logo-icon"
813  viewBox="0 0 35 12"
814  fill="none"
815  xmlns="http://www.w3.org/2000/svg"
816>
817  
818  <g opacity="0.8">
819  <path d="M0 11.0315C0 10.4689 0.429545 10.1569 0.873232 10.1569C1.80833 10.1569 1.96035 11.6104 2.71162 11.6104C3.06338 11.6104 3.27904 11.3129 3.41692 10.9233L5.9447 3.34534C6.1745 2.67266 6.2505 2.44002 6.2505 2.26689C6.2505 2.03244 6.12854 1.95489 5.99066 1.95489C5.77677 1.95489 5.53106 2.17311 4.85758 3.19024L4.73561 3.11089C5.57879 1.72045 6.51212 0.564453 7.67702 0.564453C8.42828 0.564453 8.84192 1.03334 8.84192 1.68979C8.84192 2.20557 8.58207 2.92333 8.30631 3.65913L7.17323 6.76824C6.22399 9.36157 4.18763 12.0018 1.49192 12.0018C0.37298 12.0018 0.00530303 11.5491 0.00530303 11.0333L0 11.0315Z" fill="currentColor"/>
820  <path d="M13.2841 7.32907C13.2841 6.84395 13.4821 6.23439 13.7738 5.53106L15.3364 1.74927L12.7167 6.1875C11.9053 7.56172 11.124 8.45261 10.097 8.45261C9.51544 8.45261 8.91797 8.17127 8.91797 7.32727C8.91797 6.78083 9.16368 6.0775 9.54549 5.26415L10.4488 3.35793C10.7546 2.71771 10.8783 2.40572 10.8783 2.21816C10.8783 2.03061 10.7564 1.93683 10.6185 1.93683C10.4046 1.93683 10.1589 2.15504 9.48539 3.17037L9.36342 3.09282C10.2066 1.70238 11.1399 0.546387 12.3048 0.546387C13.0543 0.546387 13.468 1.01528 13.468 1.67172C13.468 2.12438 13.2682 2.82772 12.9465 3.5004L12.0892 5.29841C11.7056 6.09553 11.5218 6.54819 11.5218 6.82952C11.5218 7.00085 11.5978 7.0802 11.7215 7.0802C11.9053 7.0802 12.1051 6.87641 12.5788 6.0793L15.7801 0.687054C16.2397 0.687054 16.6993 0.733943 17.0811 0.733943C17.4629 0.733943 17.8624 0.687054 18.322 0.687054L16.2079 5.68795C15.9321 6.3444 15.8702 6.62574 15.8702 6.78083C15.8702 6.99905 15.9922 7.0784 16.1301 7.0784C16.344 7.0784 16.5897 6.85838 17.2632 5.84305L18.9124 3.10906L19.0344 3.18841L17.3851 5.9224C16.542 7.31284 15.6086 8.46884 14.4296 8.46884C13.7101 8.46884 13.2806 8.03061 13.2806 7.32907H13.2841Z" fill="currentColor"/>
821  <path d="M22.9127 7.34348C22.9127 6.89082 23.1125 6.18748 23.4342 5.5148L24.2915 3.71859C24.6751 2.92148 24.8589 2.46882 24.8589 2.18748C24.8589 2.01616 24.7829 1.93681 24.6751 1.93681C24.4912 1.93681 24.2915 2.12436 23.8019 2.93771L20.5705 8.34438C20.1109 8.34438 19.6513 8.29749 19.2678 8.29749C18.8842 8.29749 18.4865 8.34438 18.0269 8.34438L20.095 3.34348C20.3708 2.68703 20.4327 2.4057 20.4327 2.2488C20.4327 2.03058 20.3107 1.95123 20.1728 1.95123C19.9589 1.95123 19.7132 2.16945 19.0397 3.18658L18.9178 3.10723C19.7609 1.71679 20.6943 0.560791 21.8733 0.560791C22.5928 0.560791 23.0223 0.999024 23.0223 1.71679C23.0223 2.20011 22.8226 2.77901 22.5327 3.49857L21.0001 7.29659L23.6657 2.8277C24.4471 1.5148 25.2125 0.562594 26.2996 0.562594C26.989 0.562594 27.4627 0.953938 27.4627 1.68793C27.4627 2.21994 27.217 2.93771 26.8352 3.75105L25.9319 5.65727C25.6261 6.29749 25.5024 6.60948 25.5024 6.79884C25.5024 6.9882 25.6243 7.08018 25.7622 7.08018C25.9761 7.08018 26.2218 6.86016 26.8953 5.84483L27.0173 5.92238C26.1741 7.31282 25.2407 8.46882 24.0758 8.46882C23.3246 8.46882 22.9109 7.99993 22.9109 7.34348H22.9127Z" fill="currentColor"/>
822  <path d="M27.74 6.11008C27.74 3.28231 30.5577 0.562744 32.8257 0.562744C34.0966 0.562744 34.9999 1.10918 34.9999 1.93876C34.9999 2.89097 34.1426 4.03254 30.4517 4.70521C30.3898 5.00278 30.3597 5.29854 30.3597 5.56545C30.3597 6.70702 30.7133 7.19034 31.4928 7.19034C32.2724 7.19034 33.0855 6.51766 33.759 5.39232L33.881 5.46987C32.8398 7.34543 31.4769 8.47077 29.9443 8.47077C28.6734 8.47077 27.7383 7.70612 27.7383 6.11189L27.74 6.11008ZM32.6719 0.735873C31.9365 0.735873 30.8794 2.78276 30.4817 4.51766C32.1204 4.31387 33.0095 1.93876 33.0095 1.19034C33.0095 0.892771 32.8875 0.737677 32.6736 0.737677L32.6719 0.735873Z" fill="currentColor"/>
823  </g>
824</svg>
825
826        <span class="sr-only">June</span>
827      </a>
828    </div>
829
830    <div class="hidden lg:flex flex-col justify-center items-center flex-1 px-10">
831      <div class="main-links relative">
832        <ul class="flex items-center">
833          
834            
835
836            <li class="mx-8">
837              
838                <button class="has-children text-xs uppercase tracking-def fade " data-title="shop-engagement" aria-expanded="false" aria-controls="sub-menu-shop-engagement">Shop Engagement</button>
839
840                
841                <ul id="sub-menu-shop-engagement" class="sub-menu flex items-center" data-title="shop-engagement">
842                  
843                    
844
845                    <li class="mx-8">
846                      <a
847                        href="https://junerings.com/collections/featured-new-designs"
848                        class="text-xs uppercase tracking-def fade "
849                      >
850                        New Arrivals
851                      </a>
852                    </li>
853                  
854                    
855
856                    <li class="mx-8">
857                      <a
858                        href="https://junerings.com/collections/antique-cuts"
859                        class="text-xs uppercase tracking-def fade "
860                      >
861                        Antique Cuts
862                      </a>
863                    </li>
864                  
865                    
866
867                    <li class="mx-8">
868                      <a
869                        href="https://junerings.com/collections/june-champagne"
870                        class="text-xs uppercase tracking-def fade "
871                      >
872                        Champagne Diamonds
873                      </a>
874                    </li>
875                  
876                    
877
878                    <li class="mx-8">
879                      <a
880                        href="/collections/one-of-a-kind"
881                        class="text-xs uppercase tracking-def fade "
882                      >
883                        One of a Kind
884                      </a>
885                    </li>
886                  
887                    
888
889                    <li class="mx-8">
890                      <a
891                        href="https://junerings.com/collections/shop-all-engagement-1"
892                        class="text-xs uppercase tracking-def fade "
893                      >
894                        Shop All Engagement
895                      </a>
896                    </li>
897                  
898                    
899
900                    <li class="mx-8">
901                      <a
902                        href="https://junerings.com/collections/gemstones-colored-diamonds"
903                        class="text-xs uppercase tracking-def fade "
904                      >
905                        Gemstones & Colored Diamonds
906                      </a>
907                    </li>
908                  
909                    
910
911                    <li class="mx-8">
912                      <a
913                        href="https://junerings.com/collections/ready-to-ship"
914                        class="text-xs uppercase tracking-def fade "
915                      >
916                        Ready to Ship
917                      </a>
918                    </li>
919                  
920                </ul>
921              
922            </li>
923          
924            
925
926            <li class="mx-8">
927              
928                <button class="has-children text-xs uppercase tracking-def fade " data-title="shop-bands" aria-expanded="false" aria-controls="sub-menu-shop-bands">Shop Bands</button>
929
930                
931                <ul id="sub-menu-shop-bands" class="sub-menu flex items-center" data-title="shop-bands">
932                  
933                    
934
935                    <li class="mx-8">
936                      <a
937                        href="/collections/bands"
938                        class="text-xs uppercase tracking-def fade "
939                      >
940                        Wedding Bands
941                      </a>
942                    </li>
943                  
944                    
945
946                    <li class="mx-8">
947                      <a
948                        href="/collections/men"
949                        class="text-xs uppercase tracking-def fade "
950                      >
951                        Men's Bands
952                      </a>
953                    </li>
954                  
955                </ul>
956              
957            </li>
958          
959            
960
961            <li class="mx-8">
962              
963                <a
964                  href="https://junerings.com/pages/book-an-appointment"
965                  class="text-xs uppercase tracking-def fade "
966                >
967                  Book a Consultation
968                </a>
969              
970            </li>
971          
972            
973
974            <li class="mx-8">
975              
976                <button class="search-opener text-xs uppercase tracking-def fade px-6 py-2 rounded-full">Search</button>
977              
978            </li>
979          
980            
981
982            <li class="mx-8">
983              
984                <button class="has-children text-xs uppercase tracking-def fade " data-title="jewelry" aria-expanded="false" aria-controls="sub-menu
984-jewelry">Jewelry</button>
985
986                
987                <ul id="sub-menu-jewelry" class="sub-menu flex items-center" data-title="jewelry">
988                  
989                    
990
991                    <li class="mx-8">
992                      <a
993                        href="/collections/essentials"
994                        class="text-xs uppercase tracking-def fade "
995                      >
996                        Every Day
997                      </a>
998                    </li>
999                  
1000                    
1001
1002                    <li class="mx-8">
1003                      <a
1004                        href="/collections/bridal-jewelry"
1005                        class="text-xs uppercase tracking-def fade "
1006                      >
1007                        Wedding Day
1008                      </a>
1009                    </li>
1010                  
1011                </ul>
1012              
1013            </li>
1014          
1015            
1016
1017            <li class="mx-8">
1018              
1019                <a
1020                  href="/pages/june-studio"
1021                  class="text-xs uppercase tracking-def fade "
1022                >
1023                  June Studio
1024                </a>
1025              
1026            </li>
1027          
1028            
1029
1030            <li class="mx-8">
1031              
1032                <a
1033                  href="/blogs/news"
1034                  class="text-xs uppercase tracking-def fade "
1035                >
1036                  Articles
1037                </a>
1038              
1039            </li>
1040          
1041            
1042
1043            <li class="mx-8">
1044              
1045                <a
1046                  href="https://junerings.com/pages/faq-new"
1047                  class="text-xs uppercase tracking-def fade "
1048                >
1049                  FAQs
1050                </a>
1051              
1052            </li>
1053          
1054        </ul>
1055
1056      </div>
1057    </div>
1058
1059    <div class="cart-area flex items-center justify-end">
1060      <button class="search-opener lg:hidden mr-4" aria-label="Search">
1061        <svg aria-hidden="true" focusable="false" 
1062  class="search-icon"
1063  xmlns="http://www.w3.org/2000/svg" 
1064  xmlns:xlink="http://www.w3.org/1999/xlink" 
1065  x="0px" 
1066  y="0px"
1067  viewBox="0 0 11.5 11.5" 
1068  style="enable-background:new 0 0 11.5 11.5;" 
1069  xml:space="preserve"
1070>
1071<g>
1072	<circle vector-effect="non-scaling-stroke" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" cx="5.1" cy="5.1" r="4.3"/>
1073	<line vector-effect="non-scaling-stroke" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" x1="8.1" y1="8.1" x2="10.9" y2="10.9"/>
1074</g>
1075</svg>
1076
1077        <p class="sr-only">Search</p>
1078      </button>
1079
1080      <div class="cart-link-container flex-none flex justify-end items-center relative">
1081        <a href="/cart" class="cart-link flex items-center">
1082          <span class="text-xs lg:text-sm mr-2 lg:mr-2 tracking-def">CART</span>
1083          <span class="cart-count lg:hidden text-xs">0</span>
1084          <span
1085            id="cart-count"
1086            class="cart-count text-xs inline-block rounded-full py-1 px-5 hidden lg:inline"
1087          >0</span>
1088        </a>
1089
1090        <p
1091          id="add-to-cart-notification"
1092          role="status"
1093          class="text-xs uppercase tracking-def p-4 border border-grey-2 absolute bottom-0 right-0 whitespace-nowrap bg-white"
1094        >Item successfully added to cart</p>
1095      </div>
1096    </div>
1097  </div>
1098</nav>
1099
1100
1101</header>
1102<!-- END sections: header-group -->
1103
1104    
1105
1106<style data-shopify>
1107  #mobile-menu {
1108    z-index: 900;
1109    pointer-events: none;
1110  }
1111
1112  #mobile-menu > .menu-closer {
1113    opacity: 0;
1114    transition: opacity .3s;
1115    background-color: rbga(0, 0, 0, .5);
1116  }
1117
1118  #mobile-menu .menu {
1119    transform: translateY(-100%);
1120    transition: transform .3s;
1121    padding-top: var(--nav-height-mobile);
1122  }
1123
1124  body.mobile-menu-active #mobile-menu {
1125    pointer-events: auto;
1126  }
1127
1128  body.mobile-menu-active #mobile-menu > .menu-closer {
1129    opacity: 1;
1130  }
1131
1132  body.mobile-menu-active #mobile-menu .menu {
1133    transform: translateX(0);
1134  }
1135
1136  #mobile-menu .main-links li.has-children + li,
1137  #mobile-menu .main-links li + li.has-children {
1138    margin-top: 1.2rem;
1139  }
1140
1141  #mobile-menu .main-links a.active,
1142  #mobile-menu .main-links button.active {
1143    text-decoration-line: underline;
1144    text-underline-offset: 0.25em;
1145  }
1146</style>
1147
1148<div
1149  id="mobile-menu"
1150  class="fixed top-0 left-0 w-full h-full"
1151  role="dialog"
1152  aria-modal="true"
1153  aria-label="Menu"
1154  inert
1155>
1156  <button class="fill-parent menu-closer" aria-label="Close Mobile Menu">
1157    <span class="sr-only">Close Mobile Menu</span>
1158  </button>
1159
1160  <div class="menu absolute left-0 top-0 w-full h-auto bg-grey-4 text-white overflow-y-auto">
1161    <div class="p-6">
1162      <nav class="main-links mt-12" aria-label="Mobile navigation">
1163        <ul>
1164          
1165            
1166              
1167
1168              <li class="py-1 has-children">
1169                <a
1170                  href="/collections/shop-all-engagement-1"
1171                  class="text-sm uppercase tracking-def "
1172                >
1173                  Shop Engagement
1174                </a>
1175
1176                
1177                  <ul class="pl-8">
1178                    
1179                      
1180
1181                      <li class="py-1">
1182                        <a
1183                          href="https://junerings.com/collections/featured-new-designs"
1184                          class="text-sm uppercase tracking-def "
1185                        >
1186                          New Arrivals
1187                        </a>
1188                      </li>
1189                    
1190                      
1191
1192                      <li class="py-1">
1193                        <a
1194                          href="https://junerings.com/collections/antique-cuts"
1195                          class="text-sm uppercase tracking-def "
1196                        >
1197                          Antique Cuts
1198                        </a>
1199                      </li>
1200                    
1201                      
1202
1203                      <li class="py-1">
1204                        <a
1205                          href="https://junerings.com/collections/june-champagne"
1206                          class="text-sm uppercase tracking-def "
1207                        >
1208                          Champagne Diamonds
1209                        </a>
1210                      </li>
1211                    
1212                      
1213
1214                      <li class="py-1">
1215                        <a
1216                          href="/collections/one-of-a-kind"
1217                          class="text-sm uppercase tracking-def "
1218                        >
1219                          One of a Kind
1220                        </a>
1221                      </li>
1222                    
1223                      
1224
1225                      <li class="py-1">
1226                        <a
1227                          href="https://junerings.com/collections/shop-all-engagement-1"
1228                          class="text-sm uppercase tracking-def "
1229                        >
1230                          Shop All Engagement
1231                        </a>
1232                      </li>
1233                    
1234                      
1235
1236                      <li class="py-1">
1237                        <a
1238                          href="https://junerings.com/collections/gemstones-colored-diamonds"
1239                          class="text-sm uppercase tracking-def "
1240                        >
1241                          Gemstones & Colored Diamonds
1242                        </a>
1243                      </li>
1244                    
1245                      
1246
1247                      <li class="py-1">
1248                        <a
1249                          href="https://junerings.com/collections/ready-to-ship"
1250                          class="text-sm uppercase tracking-def "
1251                        >
1252                          Ready to Ship
1253                        </a>
1254                      </li>
1255                    
1256                  </ul>
1257                
1258              </li>
1259            
1260          
1261            
1262              
1263
1264              <li class="py-1 has-children">
1265                <a
1266                  href="/collections/bands"
1267                  class="text-sm uppercase tracking-def "
1268                >
1269                  Shop Bands
1270                </a>
1271
1272                
1273                  <ul class="pl-8">
1274                    
1275                      
1276
1277                      <li class="py-1">
1278                        <a
1279                          href="/collections/bands"
1280                          class="text-sm uppercase tracking-def "
1281                        >
1282                          Wedding Bands
1283                        </a>
1284                      </li>
1285                    
1286                      
1287
1288                      <li class="py-1">
1289                        <a
1290                          href="/collections/men"
1291                          class="text-sm uppercase tracking-def "
1292                        >
1293                          Men's Bands
1294                        </a>
1295                      </li>
1296                    
1297                  </ul>
1298                
1299              </li>
1300            
1301          
1302            
1303              
1304
1305              <li class="py-1 ">
1306                <a
1307                  href="https://junerings.com/pages/book-an-appointment"
1308                  class="text-sm uppercase tracking-def "
1309                >
1310                  Book a Consultation
1311                </a>
1312
1313                
1314              </li>
1315            
1316          
1317            
1318          
1319            
1320              
1321
1322              <li class="py-1 has-children">
1323                <a
1324                  href="/collections/essentials"
1325                  class="text-sm uppercase tracking-def "
1326                >
1327                  Jewelry
1328                </a>
1329
1330                
1331                  <ul class="pl-8">
1332                    
1333                      
1334
1335                      <li class="py-1">
1336                        <a
1337                          href="/collections/essentials"
1338                          class="text-sm uppercase tracking-def "
1339                        >
1340                          Every Day
1341                        </a>
1342                      </li>
1343                    
1344                      
1345
1346                      <li class="py-1">
1347                        <a
1348                          href="/collections/bridal-jewelry"
1349                          class="text-sm uppercase tracking-def "
1350                        >
1351                          Wedding Day
1352                        </a>
1353                      </li>
1354                    
1355                  </ul>
1356                
1357              </li>
1358            
1359          
1360            
1361              
1362
1363              <li class="py-1 ">
1364                <a
1365                  href="/pages/june-studio"
1366                  class="text-sm uppercase tracking-def "
1367                >
1368                  June Studio
1369                </a>
1370
1371                
1372              </li>
1373            
1374          
1375            
1376              
1377
1378              <li class="py-1 ">
1379                <a
1380                  href="/blogs/news"
1381                  class="text-sm uppercase tracking-def "
1382                >
1383                  Articles
1384                </a>
1385
1386                
1387              </li>
1388            
1389          
1390            
1391              
1392
1393              <li class="py-1 ">
1394                <a
1395                  href="https://junerings.com/pages/faq-new"
1396                  class="text-sm uppercase tracking-def "
1397                >
1398                  FAQs
1399                </a>
1400
1401                
1402              </li>
1403            
1404          
1405        </ul>
1406      </nav>
1407    </div>
1408  </div>
1409</div>
1410
1411    <div
1412      id="predictive-search-container"
1413      class="fixed top-0 lect-0 w-full h-full"
1414      role="dialog"
1415      aria-modal="true"
1416      aria-label="Search"
1417      inert
1418    >
1419      <button 
1420        class="search-closer fill-parent" 
1421        aria-label="Close Search Modal"
1422      >
1423        <span class="sr-only">Close Search Modal</span>
1424      </button>
1425
1426      <div class="search-modal">
1427        
1428
1429<form
1430  action="/search"
1431  method="get"
1432  role="search"
1433  class="p-6 lg:px-base"
1434>
1435  <div class="main-form pt-6 pb-base lg:py-base relative px-20">
1436    <div class="w-full max-w-[400px] mx-auto">
1437      <label
1438        for="Search"
1439        class="sr-only"
1440        >SEARCH</label
1441      >
1442
1443      <input
1444        id="Search"
1445        type="search"
1446        name="q"
1447        value=""
1448        placeholder="Search"
1449        class="p-4 text-center text-base lg:text-xs uppercase tracking-def w-full"
1450      >
1451    </div>
1452
1453    <button
1454      type="button"
1455      class="search-closer-button search-closer text-xs uppercase tracking-def fade absolute right-0 top-1/2 -translate-y-1/2"
1456    >Close</button>
1457
1458    <input name="options[prefix]" type="hidden" value="last">
1459  </div>
1460
1461  <div class="results-container" tabindex="-1">
1462    <div class="suggested-searches">
1463      
1464        <p class="text-xs uppercase tracking-def text-center">Suggested Searches</p>
1465
1466        <ul class="uppercase text-xs tracking-def mt-10 flex justify-center flex-wrap gap-y-4">
1467          
1468            <li class="mr-4">
1469              <a href="/search?q=solitaire" class="def-button btn-sm btn-light">solitaire</a>
1470            </li>
1471          
1472            <li class="mr-4">
1473              <a href="/search?q=asscher" class="def-button btn-sm btn-light">asscher</a>
1474            </li>
1475          
1476            <li class="mr-4">
1477              <a href="/search?q=oval" class="def-button btn-sm btn-light">oval</a>
1478            </li>
1479          
1480            <li class="mr-4">
1481              <a href="/search?q=emerald" class="def-button btn-sm btn-light">emerald</a>
1482            </li>
1483          
1484            <li class="mr-4">
1485              <a href="/search?q=one of a kind" class="def-button btn-sm btn-light">one of a kind</a>
1486            </li>
1487          
1488            <li class="mr-4">
1489              <a href="/search?q=marlow" class="def-button btn-sm btn-light">marlow</a>
1490            </li>
1491          
1492            <li class="mr-4">
1493              <a href="/search?q=radiant" class="def-button btn-sm btn-light">radiant</a>
1494            </li>
1495          
1496            <li class="mr-4">
1497              <a href="/search?q=cushion" class="def-button btn-sm btn-light">cushion</a>
1498            </li>
1499          
1500        </ul>
1501      
1502    </div>
1503
1504    <p class="results-status sr-only" role="status"></p>
1505
1506    <div class="results"></div>
1507  </div>
1508</form>
1509
1510      </div>
1511    </div>
1512
1513    <main
1514      id="MainContent"
1515      role="main"
1516      tabindex="-1"
1517      class="relative "
1518    >
1519      
1520      
1521
1522      <section id="shopify-section-template--15586482618416__main" class="shopify-section">
1523
1524<link href="//junerings.com/cdn/shop/t/28/assets/main-product.css?v=85191582611274871541790617975" rel="stylesheet" type="text/css" media="all" />
1525
1526<div class="main-product px-6 lg:px-base mt-12 lg:mt-20">
1527  <div class="eyebrow flex justify-between items-center">
1528    <div class="text-xs uppercase tracking-def text-grey-2">
1529      <a href="/collections" class="fade">SHOP</a> / <a href="/collections/engagement" class="fade">Engagement</a> / Mesa
1530    </div>
1531  </div>
1532
1533  <div class="main-info grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-base mt-6 lg:mt-base">
1534    <div class="product-media col-span-1 lg:col-span-2 fade-in-up">
1535      <div class="carousel relative bg-grey-1">
1536        <div 
1537          class="swiper"
1538          data-two-up="true"
1539        >
1540          <div class="swiper-wrapper">
1541            
1542              
1543
1544              <div class="swiper-slide">
1545                
1546                  
1547                    <img
1548                      data-srcset="//junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525&width=500 500w, //junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525&width=900 900w, //junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525&width=1200 1200w"
1549                      data-src="//junerings.com/cdn/shop/files/JuneRings6.10.2520-001.jpg?v=1775831525&width=1200"
1550                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1551                      alt="Mesa | Champagne | Portugese Marquise"
1552                      class="lazyload media-cover"
1553                    >
1554                  
1555                
1556              </div>
1557            
1558              
1559
1560              <div class="swiper-slide">
1561                
1562                  
1563                    <img
1564                      data-srcset="//junerings.com/cdn/shop/files/june-october-solo-79.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-solo-79.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-solo-79.jpg?v=1764521572&width=1200 1200w"
1565                      data-src="//junerings.com/cdn/shop/files/june-october-solo-79.jpg?v=1764521572&width=1200"
1566                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1567                      alt="Mesa | Champagne | Portugese Marquise (view 2)"
1568                      class="lazyload media-cover"
1569                    >
1570                  
1571                
1572              </div>
1573            
1574              
1575
1576              <div class="swiper-slide">
1577                
1578                  
1579                    <img
1580                      data-srcset="//junerings.com/cdn/shop/files/june-october-117.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-117.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-117.jpg?v=1764521572&width=1200 1200w"
1581                      data-src="//junerings.com/cdn/shop/files/june-october-117.jpg?v=1764521572&width=1200"
1582                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1583                      alt="Mesa | Champagne | Portugese Marquise (view 3)"
1584                      class="lazyload media-cover"
1585                    >
1586                  
1587                
1588              </div>
1589            
1590              
1591
1592              <div class="swiper-slide">
1593                
1594                  
1595                    <img
1596                      data-srcset="//junerings.com/cdn/shop/files/IT7A8228.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/IT7A8228.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/IT7A8228.jpg?v=1764521572&width=1200 1200w"
1597                      data-src="//junerings.com/cdn/shop/files/IT7A8228.jpg?v=1764521572&width=1200"
1598                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1599                      alt="Mesa | Champagne | Portugese Marquise (view 4)"
1600                      class="lazyload media-cover"
1601                    >
1602                  
1603                
1604              </div>
1605            
1606              
1607
1608              <div class="swiper-slide">
1609                
1610                  
1611                    <img
1612                      data-srcset="//junerings.com/cdn/shop/files/june-october-121.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-121.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-121.jpg?v=1764521572&width=1200 1200w"
1613                      data-src="//junerings.com/cdn/shop/files/june-october-121.jpg?v=1764521572&width=1200"
1614                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1615                      alt="Mesa | Champagne | Portugese Marquise (view 5)"
1616                      class="lazyload media-cover"
1617                    >
1618                  
1619                
1620              </div>
1621            
1622              
1623
1624              <div class="swiper-slide">
1625                
1626                  
1627                    <img
1628                      data-srcset="//junerings.com/cdn/shop/files/june-october-solo-41.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-solo-41.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-solo-41.jpg?v=1764521572&width=1200 1200w"
1629                      data-src="//junerings.com/cdn/shop/files/june-october-solo-41.jpg?v=1764521572&width=1200"
1630                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1631                      alt="Mesa | Champagne | Portugese Marquise (view 6)"
1632                      class="lazyload media-cover"
1633                    >
1634                  
1635                
1636              </div>
1637            
1638              
1639
1640              <div class="swiper-slide">
1641                
1642                  
1643                    <img
1644                      data-srcset="//junerings.com/cdn/shop/files/june-october-122.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-122.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-122.jpg?v=1764521572&width=1200 1200w"
1645                      data-src="//junerings.com/cdn/shop/files/june-october-122.jpg?v=1764521572&width=1200"
1646                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1647                      alt="Mesa | Champagne | Portugese Marquise (view 7)"
1648                      class="lazyload media-cover"
1649                    >
1650                  
1651                
1652              </div>
1653            
1654              
1655
1656              <div class="swiper-slide">
1657                
1658                  
1659                    <img
1660                      data-srcset="//junerings.com/cdn/shop/files/Copyofjune-october-123.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/Copyofjune-october-123.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/Copyofjune-october-123.jpg?v=1764521572&width=1200 1200w"
1661                      data-src="//junerings.com/cdn/shop/files/Copyofjune-october-123.jpg?v=1764521572&width=1200"
1662                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1663                      alt="Mesa | Champagne | Portugese Marquise (view 8)"
1664                      class="lazyload media-cover"
1665                    >
1666                  
1667                
1668              </div>
1669            
1670              
1671
1672              <div class="swiper-slide">
1673                
1674                  
1675                    <img
1676                      data-srcset="//junerings.com/cdn/shop/files/june-october-120.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-120.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-120.jpg?v=1764521572&width=1200 1200w"
1677                      data-src="//junerings.com/cdn/shop/files/june-october-120.jpg?v=1764521572&width=1200"
1678                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1679                      alt="Mesa | Champagne | Portugese Marquise (view 9)"
1680                      class="lazyload media-cover"
1681                    >
1682                  
1683                
1684              </div>
1685            
1686              
1687
1688              <div class="swiper-slide">
1689                
1690                  
1691                    <img
1692                      data-srcset="//junerings.com/cdn/shop/files/june-october-116.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-116.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-116.jpg?v=1764521572&width=1200 1200w"
1693                      data-src="//junerings.com/cdn/shop/files/june-october-116.jpg?v=1764521572&width=1200"
1694                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1695                      alt="Mesa | Champagne | Portugese Marquise (view 10)"
1696                      class="lazyload media-cover"
1697                    >
1698                  
1699                
1700              </div>
1701            
1702              
1703
1704              <div class="swiper-slide">
1705                
1706                  
1707                    <img
1708                      data-srcset="//junerings.com/cdn/shop/files/june-october-solo-78.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-solo-78.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-solo-78.jpg?v=1764521572&width=1200 1200w"
1709                      data-src="//junerings.com/cdn/shop/files/june-october-solo-78.jpg?v=1764521572&width=1200"
1710                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1711                      alt="Mesa | Champagne | Portugese Marquise (view 11)"
1712                      class="lazyload media-cover"
1713                    >
1714                  
1715                
1716              </div>
1717            
1718              
1719
1720              <div class="swiper-slide">
1721                
1722                  
1723                    <img
1724                      data-srcset="//junerings.com/cdn/shop/files/Copyofjune-october-125.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/Copyofjune-october-125.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/Copyofjune-october-125.jpg?v=1764521572&width=1200 1200w"
1725                      data-src="//junerings.com/cdn/shop/files/Copyofjune-october-125.jpg?v=1764521572&width=1200"
1726                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1727                      alt="Mesa | Champagne | Portugese Marquise (view 12)"
1728                      class="lazyload media-cover"
1729                    >
1730                  
1731                
1732              </div>
1733            
1734              
1735
1736              <div class="swiper-slide">
1737                
1738                  
1739                    <img
1740                      data-srcset="//junerings.com/cdn/shop/files/june-october-118.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-118.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-118.jpg?v=1764521572&width=1200 1200w"
1741                      data-src="//junerings.com/cdn/shop/files/june-october-118.jpg?v=1764521572&width=1200"
1742                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1743                      alt="Mesa | Champagne | Portugese Marquise (view 13)"
1744                      class="lazyload media-cover"
1745                    >
1746                  
1747                
1748              </div>
1749            
1750              
1751
1752              <div class="swiper-slide">
1753                
1754                  
1755                    <img
1756                      data-srcset="//junerings.com/cdn/shop/files/june-october-group-14.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-group-14.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-group-14.jpg?v=1764521572&width=1200 1200w"
1757                      data-src="//junerings.com/cdn/shop/files/june-october-group-14.jpg?v=1764521572&width=1200"
1758                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1759                      alt="Mesa | Champagne | Portugese Marquise (view 14)"
1760                      class="lazyload media-cover"
1761                    >
1762                  
1763                
1764              </div>
1765            
1766              
1767
1768              <div class="swiper-slide">
1769                
1770                  
1771                    <img
1772                      data-srcset="//junerings.com/cdn/shop/files/Copyofjune-october-132.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/Copyofjune-october-132.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/Copyofjune-october-132.jpg?v=1764521572&width=1200 1200w"
1773                      data-src="//junerings.com/cdn/shop/files/Copyofjune-october-132.jpg?v=1764521572&width=1200"
1774                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1775                      alt="Mesa | Champagne | Portugese Marquise (view 15)"
1776                      class="lazyload media-cover"
1777                    >
1778                  
1779                
1780              </div>
1781            
1782              
1783
1784              <div class="swiper-slide">
1785                
1786                  
1787                    <img
1788                      data-srcset="//junerings.com/cdn/shop/files/june-october-solo-40.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-solo-40.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-solo-40.jpg?v=1764521572&width=1200 1200w"
1789                      data-src="//junerings.com/cdn/shop/files/june-october-solo-40.jpg?v=1764521572&width=1200"
1790                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1791                      alt="Mesa | Champagne | Portugese Marquise (view 16)"
1792                      class="lazyload media-cover"
1793                    >
1794                  
1795                
1796              </div>
1797            
1798              
1799
1800              <div class="swiper-slide">
1801                
1802                  
1803                    <img
1804                      data-srcset="//junerings.com/cdn/shop/files/Copyofjune-october-124.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/Copyofjune-october-124.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/Copyofjune-october-124.jpg?v=1764521572&width=1200 1200w"
1805                      data-src="//junerings.com/cdn/shop/files/Copyofjune-october-124.jpg?v=1764521572&width=1200"
1806                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1807                      alt="Mesa | Champagne | Portugese Marquise (view 17)"
1808                      class="lazyload media-cover"
1809                    >
1810                  
1811                
1812              </div>
1813            
1814              
1815
1816              <div class="swiper-slide">
1817                
1818                  
1819                    <img
1820                      data-srcset="//junerings.com/cdn/shop/files/june-october-solo-42.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-solo-42.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-solo-42.jpg?v=1764521572&width=1200 1200w"
1821                      data-src="//junerings.com/cdn/shop/files/june-october-solo-42.jpg?v=1764521572&width=1200"
1822                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1823                      alt="Mesa | Champagne | Portugese Marquise (view 18)"
1824                      class="lazyload media-cover"
1825                    >
1826                  
1827                
1828              </div>
1829            
1830              
1831
1832              <div class="swiper-slide">
1833                
1834                  
1835                    <img
1836                      data-srcset="//junerings.com/cdn/shop/files/june-october-119.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/june-october-119.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/june-october-119.jpg?v=1764521572&width=1200 1200w"
1837                      data-src="//junerings.com/cdn/shop/files/june-october-119.jpg?v=1764521572&width=1200"
1838                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1839                      alt="Mesa | Champagne | Portugese Marquise (view 19)"
1840                      class="lazyload media-cover"
1841                    >
1842                  
1843                
1844              </div>
1845            
1846              
1847
1848              <div class="swiper-slide">
1849                
1850                  
1851                    <img
1852                      data-srcset="//junerings.com/cdn/shop/files/Copyofjune-october-133.jpg?v=1764521572&width=500 500w, //junerings.com/cdn/shop/files/Copyofjune-october-133.jpg?v=1764521572&width=900 900w, //junerings.com/cdn/shop/files/Copyofjune-october-133.jpg?v=1764521572&width=1200 1200w"
1853                      data-src="//junerings.com/cdn/shop/files/Copyofjune-october-133.jpg?v=1764521572&width=1200"
1854                      sizes="(max-width: 500px) 500px, (max-width: 900px) 900px, 1200px"
1855                      alt="Mesa | Champagne | Portugese Marquise (view 20)"
1856                      class="lazyload media-cover"
1857                    >
1858                  
1859                
1860              </div>
1861            
1862          </div>
1863        </div>
1864        
1865        
1866          <div class="grid-carousel-controls flex items-center text-xs uppercase tracking-def absolute bottom-6 lg:bottom-8 right-6 lg:right-8 z-10">
1867            <button class="prev hidden lg:block" aria-label="Previous Slide">
1868              <svg aria-hidden="true" focusable="false" class="carat-left-icon" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
1869  <path d="M4 0.999999L1 4L3.99987 6.99987" stroke="currentColor" stroke-opacity="0.7" stroke-width="0.25"/>
1870</svg>
1871
1872              <span class="sr-only">Previous Slide</span>
1873            </button>
1874
1875            <div class="lg:px-6 lg:w-[50px] flex justify-center"><span class="current-slide">1</span>/20</div>
1876
1877            <button class="next hidden lg:block" aria-label="Next Slide">
1878              <svg aria-hidden="true" focusable="false" class="carat-right-icon" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
1879  <path d="M1 7L4 4L1.00013 1.00013" stroke="currentColor" stroke-opacity="0.7" stroke-width="0.25"/>
1880</svg>
1881
1882              <span class="sr-only">Next Slide</span>
1883            </button>
1884          </div>
1885        
1886      </div>
1887    </div>
1888
1889    <div class="product-info col-span-1 fade-in-up delay-100">
1890      <div class="top-area">
1891        <h1 class="font-secondary text-md lg:text-lg leading-none border-b border-grey-2 pb-6">Mesa</h1>
1892
1893        <div class="flex items-center justify-between mt-6">
1894          <div
1895            id="price-text"
1896            class="text-sm"
1897            data-price="674000"
1898            aria-live="polite"
1899          >
1900            
1901              <span class="text-grey-2">STARTING at&nbsp;</span><span>$6,675</span>
1902            
1903          </div>
1904
1905          <button
1906            class="copy-link text-xxs text-black tracking-def uppercase text-right"
1907            data-success-text="Link copied with<br>your custom selections"
1908            aria-label="Copy link to this product"
1909            aria-live="polite"
1910          >
1911            <svg class="share-icon" viewBox="0 0 140 183" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
1912<path fill-rule="evenodd" clip-rule="evenodd" d="M100.035 32.0227C99.7642 32.5105 99.3879 32.9315 98.9333 33.2547L99.0453 33.3107C98.2432 33.8472 97.2808 34.0911 96.32 34.0014C95.2771 33.9222 94.291 33.4949 93.52 32.7881L74.6667 13.9347V79.9214C74.6667 82.5347 72.52 84.5881 70 84.5881C67.48 84.5881 65.3333 82.5347 65.3333 79.9214V14.2147L46.6667 32.8814C45.9603 33.55 45.0438 33.9527 44.0735 34.0208C43.1033 34.0889 42.1395 33.8181 41.3467 33.2547H41.16C40.7207 32.9264 40.3591 32.5052 40.101 32.0213C39.8429 31.5373 39.6946 31.0025 39.6667 30.4547C39.5969 29.919 39.6442 29.3745 39.8053 28.8589C39.9665 28.3432 40.2376 27.8687 40.6 27.4681L66.7333 1.33473C67.6057 0.479674 68.7785 0.000732422 70 0.000732422C71.2215 0.000732422 72.3943 0.479674 73.2667 1.33473L99.4 27.3747C99.9929 27.9774 100.375 28.7557 100.489 29.5933C100.604 30.431 100.444 31.2831 100.035 32.0227ZM99.0453 33.3107L99.12 33.3481V33.2547L99.0453 33.3107ZM107.333 51.9214H121.333C126.284 51.9214 131.032 53.8881 134.533 57.3887C138.033 60.8894 140 65.6374 140 70.5881V163.921C140 168.872 138.033 173.62 134.533 177.121C131.032 180.621 126.284 182.588 121.333 182.588H18.6667C8.4 182.588 0 174.188 0 163.921V70.5881C0 65.6374 1.96666 60.8894 5.46734 57.3887C8.96802 53.8881 13.716 51.9214 18.6667 51.9214H32.6667C33.8976 51.9389 35.0717 52.4421 35.9333 53.3214C36.8126 54.183 37.3158 55.3571 37.3333 56.5881C37.3158 57.819 36.8126 58.9931 35.9333 59.8547C35.0717 60.734 33.8976 61.2372 32.6667 61.2547H17.7333C13.0667 61.2547 9.33333 64.9881 9.33333 69.6547V164.855C9.33333 167.083 10.2183 169.219 11.7936 170.794C13.3689 172.37 15.5055 173.255 17.7333 173.255H122.267C126.933 173.255 130.667 169.521 130.667 164.855V69.6547C130.667 64.9881 126.933 61.2547 122.267 61.2547H107.333C106.096 61.2547 104.909 60.7631 104.033 59.8879C103.158 59.0127 102.667 57.8257 102.667 56.5881C102.667 55.3504 103.158 54.1634 104.033 53.2882C104.909 52.4131 106.096 51.9214 107.333 51.9214Z" fill="black"/>
1913</svg>
1914
1915          </button>
1916        </div>
1917      </div>
1918
1919      <div class="variant-data mt-16">
1920        <div class="description-items">
1921          
1922
1923          
1924            <div class="rich-text font-tertiary text-sm">Every June ring is made to order. Customize your chosen style below.</div>
1925          
1926
1927          
1928            <p class="alt-item">
1929              <a 
1930                href="/products/3-70-ct-elongated-fleur-3d-print" 
1931                class="uppercase text-xs description-link-alt"
1932              >Want to try it on first? Order a 3D print</a>
1933            </p>
1934          
1935
1936          
1937          
1938
1939          
1940            <p>
1941              <button
1942                id="customize-button"
1943                class="modal-opener uppercase text-xs description-link"
1944                data-modal="customize-form"
1945              >Want to customize this ring? Get in touch</button>
1946            </p>
1947          
1948        </div>
1949
1950        <div class="variant-selectors product-form">
1951          <form method="post" action="/cart/add" id="product_form_7717852807216" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
1952            <input 
1953              type="hidden" 
1954              id="current_variant_id" 
1955              name="current_variant_id"
1956              value="42245596315696"
1957            >
1958            <input 
1959              class="hidden" 
1960              type="number" 
1961              id="Quantity" 
1962              name="quantity" 
1963              value="1" 
1964              min="1"
1965            >
1966            
1967            
1968
1969<variant-picker class="options">
1970  
1971  
1972    
1973
1974    
1975      <div class="product-option-dropdown def-dropdown">
1976        <button class="clicker w-full flex justify-between items-center text-xs lg:text-sm uppercase py-6 text-black" aria-expanded="false">
1977          <span>SHAPE: <span class="selected-item">Marquise</span></span>
1978
1979          <div class="flex items-center">
1980            
1981  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1982	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
1983<path fill="none" 
1984	stroke="currentColor" 
1985	stroke-miterlimit="10" d="M30.1,59.2c0,0-15.5-12.9-15.5-28.9S30.1,1.4,30.1,1.4s15.5,12.9,15.5,28.9S30.1,59.2,30.1,59.2z"/>
1986<path fill="none" 
1987	stroke="currentColor" 
1988	stroke-miterlimit="10" 
1989	stroke-width=".5" d="M30.1,53.5c0,0-12.5-10.4-12.5-23.2S30.1,7.1,30.1,7.1s12.5,10.4,12.5,23.2S30.1,53.5,30.1,53.5z"/>
1990<g>
1991	<polyline fill="none" 
1992		stroke="currentColor" 
1993		stroke-miterlimit="10" 
1994		stroke-width=".5" 
1995		stroke-linejoin="round" points="22.6,50.9 44.3,37.6 30.2,14.3 15.9,37.6 37.8,50.9 	"/>
1996	<polyline fill="none" 
1997		stroke="currentColor" 
1998		stroke-miterlimit="10" 
1999		stroke-width=".5" 
2000		stroke-linejoin="round" points="37.7,9.7 15.9,23 30,46.3 44.3,23 22.5,9.7 	"/>
2001</g>
2002</svg>
2003
2004
2005            <span class="icon ml-3">+</span>
2006          </div>
2007        </button>
2008
2009        <div class="dropdown-content">
2010          <div class="dropdown-content-inner pb-6">
2011            <div class="flex flex-wrap gap-y-3 lg:gap-y-4">
2012              
2013                
2014
2015                
2016              
2017                
2018
2019                
2020                  <a 
2021                    href="/products/mesa-asscher" 
2022                    class="group-product-link pill text-xs "
2023                  >
2024                    <span>Asscher </span>
2025                    
2026  <svg aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
2027<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M39,48.2H21.3c-3.5-3.5-5.5-5.5-9-9V21.4c3.5-3.5,5.5-5.5,9-9H39c3.5,3.5,5.5,5.5,9,9v17.7
2028	C44.5,42.7,42.5,44.6,39,48.2z"/>
2029<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M35.3,40.5H24.9c-2-2-3.1-3.1-5-5V25.1c2-2,3.1-3.1,5-5h10.4c2,2,3.1,3.1,5,5v10.4
2030	C38.4,37.5,37.3,38.6,35.3,40.5z"/>
2031<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M36.5,43.2H23.7c-2.5-2.5-3.9-3.9-6.5-6.5V23.9c2.5-2.5,3.9-3.9,6.5-6.5h12.8c2.5,2.5,3.9,3.9,6.5,6.5v12.8
2032	C40.5,39.2,39.1,40.7,36.5,43.2z"/>
2033<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="21.3" y1="12.4" x2="39" y2="48.2"/>
2034<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="48" y1="39.2" x2="12.3" y2="21.4"/>
2035<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="21.3" y1="48.2" x2="39" y2="12.4"/>
2036<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="48" y1="21.4" x2="12.3" y2="39.2"/>
2037</svg>
2038
2039
2040                  </a>
2041                
2042              
2043                
2044
2045                
2046                  <a 
2047                    href="/products/mesa-champagne-portugese-marquise" 
2048                    class="group-product-link pill text-xs active"
2049                  >
2050                    <span>Marquise </span>
2051                    
2052  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2053	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
2054<path fill="none" 
2055	stroke="currentColor" 
2056	stroke-miterlimit="10" d="M30.1,59.2c0,0-15.5-12.9-15.5-28.9S30.1,1.4,30.1,1.4s15.5,12.9,15.5,28.9S30.1,59.2,30.1,59.2z"/>
2057<path fill="none" 
2058	stroke="currentColor" 
2059	stroke-miterlimit="10" 
2060	stroke-width=".5" d="M30.1,53.5c0,0-12.5-10.4-12.5-23.2S30.1,7.1,30.1,7.1s12.5,10.4,12.5,23.2S30.1,53.5,30.1,53.5z"/>
2061<g>
2062	<polyline fill="none" 
2063		stroke="currentColor" 
2064		stroke-miterlimit="10" 
2065		stroke-width=".5" 
2066		stroke-linejoin="round" points="22.6,50.9 44.3,37.6 30.2,14.3 15.9,37.6 37.8,50.9 	"/>
2067	<polyline fill="none" 
2068		stroke="currentColor" 
2069		stroke-miterlimit="10" 
2070		stroke-width=".5" 
2071		stroke-linejoin="round" points="37.7,9.7 15.9,23 30,46.3 44.3,23 22.5,9.7 	"/>
2072</g>
2073</svg>
2074
2075
2076                  </a>
2077                
2078              
2079                
2080
2081                
2082                  <a 
2083                    href="/products/elongated-6-prong-fleur" 
2084                    class="group-product-link pill text-xs "
2085                  >
2086                    <span>Elongated Cushion </span>
2087                    
2088  <svg aria-hidden="true" focusable="false" class="cushion" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2089	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
2090<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M32.5,53.2h-4.7c-8.5,0-15.5-6.9-15.5-15.5V22.9c0-8.5,6.9-15.5,15.5-15.5h4.7c8.5,0,15.5,6.9,15.5,15.5v14.8
2091	C47.9,46.3,41,53.2,32.5,53.2z"/>
2092<g>
2093	<polygon fill="none"  points="37.4,8.4 47.7,39.3 22.7,52.1 12.3,21.2 	"/>
2094	<polygon 	fill="none" stroke="currentColor"  points="47.7,21.2 37.4,52.1 12.3,39.3 22.7,8.4 	"/>
2095	<rect fill="none" stroke="currentColor" x="19.8" y="17.7" class="st1" width="20.4" height="25.1"/>
2096	<polygon 	fill="none" stroke="currentColor" stroke-miterlimit="10"  points="30,48 15.6,30.2 30,12.4 44.5,30.2 	"/>
2097</g>
2098<ellipse fill="none" stroke="currentColor" stroke-width=".5" cx="30" cy="30.2" rx="10.3" ry="12.5"/>
2099</svg>
2100
2101
2102                  </a>
2103                
2104              
2105            </div>
2106
2107            <button class="modal-opener mt-6 text-xs uppercase underline lg:hover:no-underline text-grey-2" data-modal="stone-shapes">Learn about Stone Shapes</button>
2108          </div>
2109        </div>
2110      </div>
2111    
2112  
2113
2114  
2115    
2116
2117    
2118      
2119
2120      
2121        <div 
2122          class="product-option-dropdown def-dropdown option-list dynamic-option no-selection-made" 
2123          data-name="Center Stone | Portuguese Cut Marquise"
2124        >
2125          <button class="clicker w-full flex justify-between items-center text-xs lg:text-sm uppercase py-6 text-black" aria-expanded="false">
2126            <span class="line-clamp-1 pr-8">Center Stone | Portuguese Cut Marquise: <span id="center-stone-portuguese-cut-marquise-selected-item" class="selected-item">Make your selection</span></span>
2127
2128            <div class="flex items-center">
2129              <span class="icon">+</span>
2130            </div>
2131          </button>
2132
2133          <div 
2134            class="dropdown-content"
2135          >
2136            <div class="dropdown-content-inner pb-6">
2137              <p id="center-stone-portuguese-cut-marquise-hint" class="sr-only">Use the arrow keys to choose an option.</p>
2138
2139              <div class="flex gap-y-3 lg:gap-y-4 flex-wrap" role="radiogroup" aria-label="Center Stone | Portuguese Cut Marquise" aria-describedby="center-stone-portuguese-cut-marquise-hint">
2140                
2141                  
2142
2143                  <label
2144                    for="center-stone-portuguese-cut-marquise-2-35-carat-vs1-champagne-certified-lab-diamond"
2145                  >
2146                    <input 
2147                      id="center-stone-portuguese-cut-marquise-2-35-carat-vs1-champagne-certified-lab-diamond" 
2148                      type="radio"
2149                      name="center-stone-portuguese-cut-marquise"
2150                      value="2.35 carat | VS1 Champagne | Certified Lab Diamond"
2151                      data-variant-id="42245596315696"
2152                      
2153                    >
2154                    <span 
2155                      class="pill text-xs flex justify-center items-center text-center"
2156                    >2.35 carat | VS1 Champagne | Certified Lab Diamond</span>
2157                  </label>
2158                
2159              </div>
2160
2161              
2162            </div>
2163          </div>
2164        </div>
2165      
2166    
2167      
2168
2169      
2170        <div 
2171          class="product-option-dropdown def-dropdown option-list dynamic-option no-selection-made" 
2172          data-name="Band Finish"
2173        >
2174          <button class="clicker w-full flex justify-between items-center text-xs lg:text-sm uppercase py-6 text-black" aria-expanded="false">
2175            <span class="line-clamp-1 pr-8">Band Finish: <span id="band-finish-selected-item" class="selected-item">Make your selection</span></span>
2176
2177            <div class="flex items-center">
2178              <span class="icon">+</span>
2179            </div>
2180          </button>
2181
2182          <div 
2183            class="dropdown-content"
2184          >
2185            <div class="dropdown-content-inner pb-6">
2186              <p id="band-finish-hint" class="sr-only">Use the arrow keys to choose an option.</p>
2187
2188              <div class="flex gap-y-3 lg:gap-y-4 flex-wrap" role="radiogroup" aria-label="Band Finish" aria-describedby="band-finish-hint">
2189                
2190                  
2191
2192                  <label
2193                    for="band-finish-matte-finish-shown-in-photos"
2194                  >
2195                    <input 
2196                      id="band-finish-matte-finish-shown-in-photos" 
2197                      type="radio"
2198                      name="band-finish"
2199                      value="Matte Finish (Shown in photos)"
2200                      data-variant-id="42245596315696"
2201                      
2202                    >
2203                    <span 
2204                      class="pill text-xs flex justify-center items-center text-center"
2205                    >Matte Finish (Shown in photos)</span>
2206                  </label>
2207                
2208                  
2209
2210                  <label
2211                    for="band-finish-no-finish"
2212                  >
2213                    <input 
2214                      id="band-finish-no-finish" 
2215                      type="radio"
2216                      name="band-finish"
2217                      value="No Finish"
2218                      data-variant-id="42245596348464"
2219                      
2220                    >
2221                    <span 
2222                      class="pill text-xs flex justify-center items-center text-center"
2223                    >
2223No Finish</span>
2224                  </label>
2225                
2226              </div>
2227
2228              
2229            </div>
2230          </div>
2231        </div>
2232      
2233    
2234  
2235
2236  
2237
2238  
2239    <div 
2240      class="product-option-dropdown def-dropdown option-list no-selection-made" 
2241      data-name="Gold Color"
2242    >
2243      <button class="clicker w-full flex justify-between items-center text-xs lg:text-sm uppercase py-6 text-black" aria-expanded="false">
2244        <span>GOLD COLOR: <span class="selected-item">Make your selection</span></span>
2245
2246        <div class="flex items-center">
2247          <img src="//junerings.com/cdn/shop/t/28/assets/gold-color-yellow.png?v=135228014696644899461718053897" alt="">
2248          <span class="icon ml-3">+</span>
2249        </div>
2250      </button>
2251
2252      <div 
2253        class="dropdown-content"
2254      >
2255        <div class="dropdown-content-inner flex flex-wrap gap-y-4 pb-6">
2256          <p id="gold-color-hint" class="sr-only">Use the arrow keys to choose an option.</p>
2257
2258          <div class="flex flex-wrap gap-y-3 lg:gap-y-4" role="radiogroup" aria-label="Gold Color" aria-describedby="gold-color-hint">
2259            <label
2260              for="gold-color-yellow-gold"
2261            >
2262              <input 
2263                id="gold-color-yellow-gold" 
2264                type="radio"
2265                name="static-option:Gold Color"
2266                value="Yellow Gold"
2267                data-img="//junerings.com/cdn/shop/t/28/assets/gold-color-yellow.png?v=135228014696644899461718053897"
2268              >
2269              <span class="pill text-xs flex justify-center items-center text-center">
2270                <span>YELLOW GOLD</span>
2271                <img src="//junerings.com/cdn/shop/t/28/assets/gold-color-yellow.png?v=135228014696644899461718053897" alt="">
2272              </span>
2273            </label>
2274
2275            <label
2276              for="gold-color-white-gold"
2277            >
2278              <input 
2279                id="gold-color-white-gold" 
2280                type="radio"
2281                name="static-option:Gold Color"
2282                value="White Gold"
2283                data-img="//junerings.com/cdn/shop/t/28/assets/gold-color-white.png?v=173894529513254757621718053896"
2284              >
2285              <span class="pill text-xs flex justify-center items-center text-center">
2286                <span>WHITE GOLD</span>
2287                <img src="//junerings.com/cdn/shop/t/28/assets/gold-color-white.png?v=173894529513254757621718053896" alt="">
2288              </span>
2289            </label>
2290
2291            <label
2292              for="gold-color-rose-gold"
2293            >
2294              <input 
2295                id="gold-color-rose-gold" 
2296                type="radio"
2297                name="static-option:Gold Color"
2298                value="Rose Gold"
2299                data-img="//junerings.com/cdn/shop/t/28/assets/gold-color-rose.png?v=14073530974695667531718053896"
2300              >
2301              <span class="pill text-xs flex justify-center items-center text-center">
2302                <span>ROSE GOLD</span>
2303                <img src="//junerings.com/cdn/shop/t/28/assets/gold-color-rose.png?v=14073530974695667531718053896" alt="">
2304              </span>
2305            </label>
2306          </div>
2307
2308          <button class="modal-opener mt-6 text-xs uppercase underline lg:hover:no-underline text-grey-2" data-modal="gold-colors">Learn about Gold Colors</button>
2309        </div>
2310      </div>
2311    </div>
2312  
2313
2314  
2315
2316  
2317    <div 
2318      class="product-option-dropdown def-dropdown option-list no-selection-made"
2319      data-name="Ring Size"
2320    >
2321      <button class="clicker w-full flex justify-between items-center text-xs lg:text-sm uppercase py-6 text-black" aria-expanded="false">
2322        <span>RING SIZE: <span class="selected-item">Make your selection</span></span>
2323
2324        <div class="flex items-center">
2325          <span class="icon">+</span>
2326        </div>
2327      </button>
2328
2329      
2330
2331<div 
2332  class="dropdown-content"
2333>
2334  <div class="dropdown-content-inner pb-6">
2335    <p id="ring-size-hint" class="sr-only">Use the arrow keys to choose an option.</p>
2336
2337    <div class="flex flex-wrap gap-y-4" role="radiogroup" aria-label="Ring Size" aria-describedby="ring-size-hint">
2338      
2339        
2340
2341        <label
2342          for="ring-size-3"
2343        >
2344          <input 
2345            id="ring-size-3"
2346            type="radio"
2347            name="static-option:Ring Size"
2348            value="3"
2349          >
2350          <span class="pill text-xs flex justify-center items-center text-center">3</span>
2351        </label>
2352      
2353        
2354
2355        <label
2356          for="ring-size-3.25"
2357        >
2358          <input 
2359            id="ring-size-3.25"
2360            type="radio"
2361            name="static-option:Ring Size"
2362            value="3.25"
2363          >
2364          <span class="pill text-xs flex justify-center items-center text-center">3.25</span>
2365        </label>
2366      
2367        
2368
2369        <label
2370          for="ring-size-3.5"
2371        >
2372          <input 
2373            id="ring-size-3.5"
2374            type="radio"
2375            name="static-option:Ring Size"
2376            value="3.5"
2377          >
2378          <span class="pill text-xs flex justify-center items-center text-center">3.5</span>
2379        </label>
2380      
2381        
2382
2383        <label
2384          for="ring-size-3.75"
2385        >
2386          <input 
2387            id="ring-size-3.75"
2388            type="radio"
2389            name="static-option:Ring Size"
2390            value="3.75"
2391          >
2392          <span class="pill text-xs flex justify-center items-center text-center">3.75</span>
2393        </label>
2394      
2395        
2396
2397        <label
2398          for="ring-size-4"
2399        >
2400          <input 
2401            id="ring-size-4"
2402            type="radio"
2403            name="static-option:Ring Size"
2404            value="4"
2405          >
2406          <span class="pill text-xs flex justify-center items-center text-center">4</span>
2407        </label>
2408      
2409        
2410
2411        <label
2412          for="ring-size-4.25"
2413        >
2414          <input 
2415            id="ring-size-4.25"
2416            type="radio"
2417            name="static-option:Ring Size"
2418            value="4.25"
2419          >
2420          <span class="pill text-xs flex justify-center items-center text-center">4.25</span>
2421        </label>
2422      
2423        
2424
2425        <label
2426          for="ring-size-4.5"
2427        >
2428          <input 
2429            id="ring-size-4.5"
2430            type="radio"
2431            name="static-option:Ring Size"
2432            value="4.5"
2433          >
2434          <span class="pill text-xs flex justify-center items-center text-center">4.5</span>
2435        </label>
2436      
2437        
2438
2439        <label
2440          for="ring-size-4.75"
2441        >
2442          <input 
2443            id="ring-size-4.75"
2444            type="radio"
2445            name="static-option:Ring Size"
2446            value="4.75"
2447          >
2448          <span class="pill text-xs flex justify-center items-center text-center">4.75</span>
2449        </label>
2450      
2451        
2452
2453        <label
2454          for="ring-size-5"
2455        >
2456          <input 
2457            id="ring-size-5"
2458            type="radio"
2459            name="static-option:Ring Size"
2460            value="5"
2461          >
2462          <span class="pill text-xs flex justify-center items-center text-center">5</span>
2463        </label>
2464      
2465        
2466
2467        <label
2468          for="ring-size-5.25"
2469        >
2470          <input 
2471            id="ring-size-5.25"
2472            type="radio"
2473            name="static-option:Ring Size"
2474            value="5.25"
2475          >
2476          <span class="pill text-xs flex justify-center items-center text-center">5.25</span>
2477        </label>
2478      
2479        
2480
2481        <label
2482          for="ring-size-5.5"
2483        >
2484          <input 
2485            id="ring-size-5.5"
2486            type="radio"
2487            name="static-option:Ring Size"
2488            value="5.5"
2489          >
2490          <span class="pill text-xs flex justify-center items-center text-center">5.5</span>
2491        </label>
2492      
2493        
2494
2495        <label
2496          for="ring-size-5.75"
2497        >
2498          <input 
2499            id="ring-size-5.75"
2500            type="radio"
2501            name="static-option:Ring Size"
2502            value="5.75"
2503          >
2504          <span class="pill text-xs flex justify-center items-center text-center">5.75</span>
2505        </label>
2506      
2507        
2508
2509        <label
2510          for="ring-size-6"
2511        >
2512          <input 
2513            id="ring-size-6"
2514            type="radio"
2515            name="static-option:Ring Size"
2516            value="6"
2517          >
2518          <span class="pill text-xs flex justify-center items-center text-center">6</span>
2519        </label>
2520      
2521        
2522
2523        <label
2524          for="ring-size-6.25"
2525        >
2526          <input 
2527            id="ring-size-6.25"
2528            type="radio"
2529            name="static-option:Ring Size"
2530            value="6.25"
2531          >
2532          <span class="pill text-xs flex justify-center items-center text-center">6.25</span>
2533        </label>
2534      
2535        
2536
2537        <label
2538          for="ring-size-6.5"
2539        >
2540          <input 
2541            id="ring-size-6.5"
2542            type="radio"
2543            name="static-option:Ring Size"
2544            value="6.5"
2545          >
2546          <span class="pill text-xs flex justify-center items-center text-center">6.5</span>
2547        </label>
2548      
2549        
2550
2551        <label
2552          for="ring-size-6.75"
2553        >
2554          <input 
2555            id="ring-size-6.75"
2556            type="radio"
2557            name="static-option:Ring Size"
2558            value="6.75"
2559          >
2560          <span class="pill text-xs flex justify-center items-center text-center">6.75</span>
2561        </label>
2562      
2563        
2564
2565        <label
2566          for="ring-size-7"
2567        >
2568          <input 
2569            id="ring-size-7"
2570            type="radio"
2571            name="static-option:Ring Size"
2572            value="7"
2573          >
2574          <span class="pill text-xs flex justify-center items-center text-center">7</span>
2575        </label>
2576      
2577        
2578
2579        <label
2580          for="ring-size-7.25"
2581        >
2582          <input 
2583            id="ring-size-7.25"
2584            type="radio"
2585            name="static-option:Ring Size"
2586            value="7.25"
2587          >
2588          <span class="pill text-xs flex justify-center items-center text-center">7.25</span>
2589        </label>
2590      
2591        
2592
2593        <label
2594          for="ring-size-7.5"
2595        >
2596          <input 
2597            id="ring-size-7.5"
2598            type="radio"
2599            name="static-option:Ring Size"
2600            value="7.5"
2601          >
2602          <span class="pill text-xs flex justify-center items-center text-center">7.5</span>
2603        </label>
2604      
2605        
2606
2607        <label
2608          for="ring-size-7.75"
2609        >
2610          <input 
2611            id="ring-size-7.75"
2612            type="radio"
2613            name="static-option:Ring Size"
2614            value="7.75"
2615          >
2616          <span class="pill text-xs flex justify-center items-center text-center">7.75</span>
2617        </label>
2618      
2619        
2620
2621        <label
2622          for="ring-size-8"
2623        >
2624          <input 
2625            id="ring-size-8"
2626            type="radio"
2627            name="static-option:Ring Size"
2628            value="8"
2629          >
2630          <span class="pill text-xs flex justify-center items-center text-center">8</span>
2631        </label>
2632      
2633        
2634
2635        <label
2636          for="ring-size-8.25"
2637        >
2638          <input 
2639            id="ring-size-8.25"
2640            type="radio"
2641            name="static-option:Ring Size"
2642            value="8.25"
2643          >
2644          <span class="pill text-xs flex justify-center items-center text-center">8.25</span>
2645        </label>
2646      
2647        
2648
2649        <label
2650          for="ring-size-8.5"
2651        >
2652          <input 
2653            id="ring-size-8.5"
2654            type="radio"
2655            name="static-option:Ring Size"
2656            value="8.5"
2657          >
2658          <span class="pill text-xs flex justify-center items-center text-center">8.5</span>
2659        </label>
2660      
2661        
2662
2663        <label
2664          for="ring-size-8.75"
2665        >
2666          <input 
2667            id="ring-size-8.75"
2668            type="radio"
2669            name="static-option:Ring Size"
2670            value="8.75"
2671          >
2672          <span class="pill text-xs flex justify-center items-center text-center">8.75</span>
2673        </label>
2674      
2675        
2676
2677        <label
2678          for="ring-size-9"
2679        >
2680          <input 
2681            id="ring-size-9"
2682            type="radio"
2683            name="static-option:Ring Size"
2684            value="9"
2685          >
2686          <span class="pill text-xs flex justify-center items-center text-center">9</span>
2687        </label>
2688      
2689        
2690
2691        <label
2692          for="ring-size-9.25"
2693        >
2694          <input 
2695            id="ring-size-9.25"
2696            type="radio"
2697            name="static-option:Ring Size"
2698            value="9.25"
2699          >
2700          <span class="pill text-xs flex justify-center items-center text-center">9.25</span>
2701        </label>
2702      
2703        
2704
2705        <label
2706          for="ring-size-9.5"
2707        >
2708          <input 
2709            id="ring-size-9.5"
2710            type="radio"
2711            name="static-option:Ring Size"
2712            value="9.5"
2713          >
2714          <span class="pill text-xs flex justify-center items-center text-center">9.5</span>
2715        </label>
2716      
2717        
2718
2719        <label
2720          for="ring-size-9.75"
2721        >
2722          <input 
2723            id="ring-size-9.75"
2724            type="radio"
2725            name="static-option:Ring Size"
2726            value="9.75"
2727          >
2728          <span class="pill text-xs flex justify-center items-center text-center">9.75</span>
2729        </label>
2730      
2731        
2732
2733        <label
2734          for="ring-size-10"
2735        >
2736          <input 
2737            id="ring-size-10"
2738            type="radio"
2739            name="static-option:Ring Size"
2740            value="10"
2741          >
2742          <span class="pill text-xs flex justify-center items-center text-center">10</span>
2743        </label>
2744      
2745    </div>
2746
2747    <button class="modal-opener mt-6 text-xs uppercase underline lg:hover:no-underline text-grey-2" data-modal="ring-sizes">Learn about Ring Sizing</button>
2748  </div>
2749</div>
2750    </div>
2751  
2752  
2753
2754
2755</variant-picker>
2756
2757  <div class="mt-6" id="lighting-disclaimer-wrap">
2758    <label style="display:flex; align-items:flex-start; gap:10px; font-size:0.85rem; cursor:pointer;">
2759      <input
2760        type="checkbox"
2761        id="lighting-acknowledgement"
2762        style="margin-top:3px; flex-shrink:0;"
2763      >
2764      <span>I understand that this ring is made to order using an individually sourced stone. The center stone in your ring will not be the exact one photographed, but will be a match that meets June's strict color and quality standards. Please also note that colored diamonds are light-sensitive — their color looks slightly different depending on the lighting environment they are in.</span>
2765    </label>
2766  </div>
2767
2768
2769<script>
2770  document.addEventListener('DOMContentLoaded', function () {
2771    var checkbox = document.getElementById('lighting-acknowledgement');
2772    var btn = document.getElementById('submit-button');
2773    if (checkbox && btn) {
2774      btn.disabled = true;
2775      btn.style.opacity = '0.5';
2776      checkbox.addEventListener('change', function () {
2777        btn.disabled = !checkbox.checked;
2778        btn.style.opacity = checkbox.checked ? '1' : '0.5';
2779      });
2780    }
2781  });
2782</script>
2782
2783            <div class="mt-6">
2784              
2785                <button 
2786                  id="submit-button"
2787                  type="submit" 
2788                  class="bg-black text-white uppercase text-center py-6 px-base w-full rounded-xl lg:hover:bg-red-1 transition-colors duration-300"
2789                >
2790                  ADD TO CART
2791                </button>
2792              
2793
2794              <div class="h-[2em] text-xs mt-6">
2795                <p class="affirm-as-low-as text-center text-grey-2 uppercase max-w-[320px] mx-auto" data-page-type="product" data-amount="674000"></p>
2796              </div>
2797            </div>
2798          <input type="hidden" name="product-id" value="7717852807216" /><input type="hidden" name="section-id" value="template--15586482618416__main" /></form>
2799        </div>
2800      </div>
2801
2802      <div class="additional-dropdowns mt-16 lg:mt-base">
2803        
2804          <div class="def-dropdown">
2805  <button class="clicker uppercase py-4 text-xs tracking-def w-full text-left" aria-expanded="false">
2806    <span>Details</span>
2807    <span class="icon" aria-hidden="true">+</span>
2808  </button>
2809
2810  <div class="dropdown-content">
2811    <div class="dropdown-content-inner py-8 font-tertiary text-sm rich-text"><p dir="ltr"><span>Mesa is truly unforgettable. A split shank band and 6-prong setting with underbezel make its center stone feel right at home.</span></p>
2812<p><b><br></b></p>
2813<p dir="ltr"><span>2.35 carat Portuguese cut marquise</span></p>
2814<p dir="ltr"><span>Champagne diamond</span></p>
2815<p dir="ltr"><span>Solid 14k gold with a matte or polished finish</span></p>
2816<p dir="ltr"><span>2.5mm base band width</span></p>
2817<p><b><br></b></p>
2818<p dir="ltr"><span>This setting is customizable for most shapes and size of center stone</span></p>
2819<p> </p></div>
2820  </div>
2821</div>
2822
2823        
2824
2825        
2826          
2827            
2828
2829            <div class="def-dropdown">
2830  <button class="clicker uppercase py-4 text-xs tracking-def w-full text-left" aria-expanded="false">
2831    <span>Quality & Care</span>
2832    <span class="icon" aria-hidden="true">+</span>
2833  </button>
2834
2835  <div class="dropdown-content">
2836    <div class="dropdown-content-inner py-8 font-tertiary text-sm rich-text"><div class="metafield-rich_text_field"><p>June rings are designed for everyday wear. All pieces are crafted from solid 14k gold and will never discolor. To maintain the longevity of your ring, proper maintenance is required. See <a href="https://junerings.com/pages/faq-new">FAQs</a> for ring care details.</p><p>June diamond center stones (mined or lab created) are hand picked to order to ensure it meets our high quality standards. </p><p>Lab diamonds will have a minimum quality of VS1 F or better, and mined diamonds will be SI1 H or better. Each stone is expertly certified and delivered with a diamond certificate. Higher or lower quality center stones are available upon request. Accent stones (.50 carat and under) will have a VS2+ H+ grading and are not certified.</p><p>June moissanite center stones are precision cut and premium quality. Moissanite stones are not provided with a certificate, but guarantee VVS2 clarity and E color equivalent.</p><p>All June rings are handmade to order with the highest quality materials. Each piece is crafted with care and a 1-year warranty is included for rings shipped within the US. No warranty is included for international orders.</p></div></div>
2837  </div>
2838</div>
2839
2840          
2841            
2842
2843            <div class="def-dropdown">
2844  <button class="clicker uppercase py-4 text-xs tracking-def w-full text-left" aria-expanded="false">
2845    <span>Shipping & Returns</span>
2846    <span class="icon" aria-hidden="true">+</span>
2847  </button>
2848
2849  <div class="dropdown-content">
2850    <div class="dropdown-content-inner py-8 font-tertiary text-sm rich-text"><div class="metafield-rich_text_field"><p>Production of your ring will take between 5-8 weeks. The exact time will depend on the stone type you select and if custom cutting is required. Please reach out if you have questions about the timeline for a specific style.</p><p>Domestic shipping: After completion, your ring is mailed via 2-day insured shipping. The order will require a signature upon delivery. Please ensure an appropriate shipping address is listed and a trusted recipient is present to sign. </p><p>Overnight shipping is available for an additional fee depending on the location. Please contact our support team for additional information. </p><p>International Shipping: All June products are sent from the United States and shipped safely worldwide. The customer is responsible for any VAT/Import fees applied at the border. 2-day or overnight shipping is not available for international orders. A signature is required upon delivery and June is not responsible for any rerouting fees due to an undeliverable address. </p><p>All June rings are made to order. Returns, exchanges, and in-store credit are not available. If you want to try on an item before purchase, book an appointment at our studio or order a 3D print of the design to review at home.</p></div></div>
2851  </div>
2852</div>
2853
2854          
2855        
2856      </div>
2857    </div>
2858  </div>
2859</div>
2860
2861</section><div id="shopify-section-template--15586482618416__complementary-products" class="shopify-section">
2862
2863
2864  <div 
2865    class="product-recommendations"
2866    data-url="/recommendations/products?section_id=template--15586482618416__complementary-products&product_id=7717852807216&limit=4&intent=complementary"
2867  ></div>
2868
2869
2870</div><div id="shopify-section-template--15586482618416__product-recommendations" class="shopify-section">
2871
2872
2873  <div 
2874    class="product-recommendations"
2875    data-url="/recommendations/products?section_id=template--15586482618416__product-recommendations&product_id=7717852807216&limit=4&intent=related"
2876  ></div>
2877
2878
2879</div><section id="shopify-section-template--15586482618416__featured-links" class="shopify-section">
2880
2881<style data-shopify>
2882  .featured-link-item .titles > * + * {
2883    margin-top: 1.5rem;
2884  }
2885
2886  .featured-link-item .titles > h2 + * {
2887    margin-top: 1.2rem;
2888  }
2889
2890  /*
2891  LG
2892  */
2893
2894  @media screen and (min-width: 1024px) {
2895    .featured-link-item .titles > * + * {
2896      margin-top: 2rem;
2897    }
2898
2899    .featured-link-item .titles > h2 + * {
2900      margin-top: 1rem;
2901    }
2902  }
2903</style>
2904
2905
2906
2907</section>
2908    </main>
2909
2910    
2911      <!-- BEGIN sections: footer-group -->
2912<footer id="shopify-section-sections--15586482094128__footer" class="shopify-section shopify-section-group-footer-group main-footer">
2913
2914<style data-shopify>
2915  .section-sections--15586482094128__footer .logo-icon {
2916    color: var(--grey-4);
2917    width: 80px;
2918  }
2919
2920  .section-sections--15586482094128__footer .top + .bottom {
2921    border-top: 1px solid rgba(0, 0, 0, 0.25);
2922  }
2923
2924  .section-sections--15586482094128__footer .nav-column > a + ul {
2925    margin-top: 1.5em;
2926  }
2927
2928  .section-sections--15586482094128__footer .nav-column > ul > li + li {
2929    margin-top: .5em;
2930  }
2931
2932  .section-sections--15586482094128__footer .newsletter-container > * + * {
2933    margin-top: 1em;
2934  }
2935
2936  .section-sections--15586482094128__footer .input-container {
2937    border: 1px solid var(--grey-2);
2938    border-radius: 9999px;
2939    overflow: hidden;
2940  }
2941
2942  .section-sections--15586482094128__footer .input-container:focus-within {
2943    border: 1px solid var(--black);
2944  }
2945
2946  .section-sections--15586482094128__footer input[type='email'] {
2947    background-color: transparent;
2948  }
2949
2950  .section-sections--15586482094128__footer button[type='submit'] svg {
2951    width: 1.6rem;
2952  }
2953
2954  .section-sections--15586482094128__footer a {
2955    transition: opacity .3s;
2956  }
2957
2958  /*
2959  LG
2960  */
2961
2962  @media screen and (min-width: 1024px) {
2963    .section-sections--15586482094128__footer .logo-icon {
2964      width: var(--logo-width);
2965    }
2966
2967    .section-sections--15586482094128__footer a:hover {
2968      opacity: .5;
2969    }
2970  }
2971</style>
2972
2973
2974<div class="section-sections--15586482094128__footer px-6 lg:px-base py-20 bg-grey-1 text-black">
2975  <div class="top flex flex-wrap justify-start items-center relative">
2976    <div class="w-full lg:w-1/4 flex justify-center lg:justify-start">
2977      <div>
2978        <a
2979          href="/"
2980          aria-label="June Home"
2981          class="inline-block"
2982        >
2983          <svg aria-hidden="true" focusable="false"
2984  class="logo-icon"
2985  viewBox="0 0 35 12"
2986  fill="none"
2987  xmlns="http://www.w3.org/2000/svg"
2988>
2989  
2990  <g opacity="0.8">
2991  <path d="M0 11.0315C0 10.4689 0.429545 10.1569 0.873232 10.1569C1.80833 10.1569 1.96035 11.6104 2.71162 11.6104C3.06338 11.6104 3.27904 11.3129 3.41692 10.9233L5.9447 3.34534C6.1745 2.67266 6.2505 2.44002 6.2505 2.26689C6.2505 2.03244 6.12854 1.95489 5.99066 1.95489C5.77677 1.95489 5.53106 2.17311 4.85758 3.19024L4.73561 3.11089C5.57879 1.72045 6.51212 0.564453 7.67702 0.564453C8.42828 0.564453 8.84192 1.03334 8.84192 1.68979C8.84192 2.20557 8.58207 2.92333 8.30631 3.65913L7.17323 6.76824C6.22399 9.36157 4.18763 12.0018 1.49192 12.0018C0.37298 12.0018 0.00530303 11.5491 0.00530303 11.0333L0 11.0315Z" fill="currentColor"/>
2992  <path d="M13.2841 7.32907C13.2841 6.84395 13.4821 6.23439 13.7738 5.53106L15.3364 1.74927L12.7167 6.1875C11.9053 7.56172 11.124 8.45261 10.097 8.45261C9.51544 8.45261 8.91797 8.17127 8.91797 7.32727C8.91797 6.78083 9.16368 6.0775 9.54549 5.26415L10.4488 3.35793C10.7546 2.71771 10.8783 2.40572 10.8783 2.21816C10.8783 2.03061 10.7564 1.93683 10.6185 1.93683C10.4046 1.93683 10.1589 2.15504 9.48539 3.17037L9.36342 3.09282C10.2066 1.70238 11.1399 0.546387 12.3048 0.546387C13.0543 0.546387 13.468 1.01528 13.468 1.67172C13.468 2.12438 13.2682 2.82772 12.9465 3.5004L12.0892 5.29841C11.7056 6.09553 11.5218 6.54819 11.5218 6.82952C11.5218 7.00085 11.5978 7.0802 11.7215 7.0802C11.9053 7.0802 12.1051 6.87641 12.5788 6.0793L15.7801 0.687054C16.2397 0.687054 16.6993 0.733943 17.0811 0.733943C17.4629 0.733943 17.8624 0.687054 18.322 0.687054L16.2079 5.68795C15.9321 6.3444 15.8702 6.62574 15.8702 6.78083C15.8702 6.99905 15.9922 7.0784 16.1301 7.0784C16.344 7.0784 16.5897 6.85838 17.2632 5.84305L18.9124 3.10906L19.0344 3.18841L17.3851 5.9224C16.542 7.31284 15.6086 8.46884 14.4296 8.46884C13.7101 8.46884 13.2806 8.03061 13.2806 7.32907H13.2841Z" fill="currentColor"/>
2993  <path d="M22.9127 7.34348C22.9127 6.89082 23.1125 6.18748 23.4342 5.5148L24.2915 3.71859C24.6751 2.92148 24.8589 2.46882 24.8589 2.18748C24.8589 2.01616 24.7829 1.93681 24.6751 1.93681C24.4912 1.93681 24.2915 2.12436 23.8019 2.93771L20.5705 8.34438C20.1109 8.34438 19.6513 8.29749 19.2678 8.29749C18.8842 8.29749 18.4865 8.34438 18.0269 8.34438L20.095 3.34348C20.3708 2.68703 20.4327 2.4057 20.4327 2.2488C20.4327 2.03058 20.3107 1.95123 20.1728 1.95123C19.9589 1.95123 19.7132 2.16945 19.0397 3.18658L18.9178 3.10723C19.7609 1.71679 20.6943 0.560791 21.8733 0.560791C22.5928 0.560791 23.0223 0.999024 23.0223 1.71679C23.0223 2.20011 22.8226 2.77901 22.5327 3.49857L21.0001 7.29659L23.6657 2.8277C24.4471 1.5148 25.2125 0.562594 26.2996 0.562594C26.989 0.562594 27.4627 0.953938 27.4627 1.68793C27.4627 2.21994 27.217 2.93771 26.8352 3.75105L25.9319 5.65727C25.6261 6.29749 25.5024 6.60948 25.5024 6.79884C25.5024 6.9882 25.6243 7.08018 25.7622 7.08018C25.9761 7.08018 26.2218 6.86016 26.8953 5.84483L27.0173 5.92238C26.1741 7.31282 25.2407 8.46882 24.0758 8.46882C23.3246 8.46882 22.9109 7.99993 22.9109 7.34348H22.9127Z" fill="currentColor"/>
2994  <path d="M27.74 6.11008C27.74 3.28231 30.5577 0.562744 32.8257 0.562744C34.0966 0.562744 34.9999 1.10918 34.9999 1.93876C34.9999 2.89097 34.1426 4.03254 30.4517 4.70521C30.3898 5.00278 30.3597 5.29854 30.3597 5.56545C30.3597 6.70702 30.7133 7.19034 31.4928 7.19034C32.2724 7.19034 33.0855 6.51766 33.759 5.39232L33.881 5.46987C32.8398 7.34543 31.4769 8.47077 29.9443 8.47077C28.6734 8.47077 27.7383 7.70612 27.7383 6.11189L27.74 6.11008ZM32.6719 0.735873C31.9365 0.735873 30.8794 2.78276 30.4817 4.51766C32.1204 4.31387 33.0095 1.93876 33.0095 1.19034C33.0095 0.892771 32.8875 0.737677 32.6736 0.737677L32.6719 0.735873Z" fill="currentColor"/>
2995  </g>
2996</svg>
2997
2998          <span class="sr-only">June</span>
2999        </a>
3000      </div>
3001    </div>
3002
3003    <div class="newsletter-container w-full lg:w-1/2 flex flex-col items-center justify-center mt-12 lg:mt-0"><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="w-full max-w-[600px]"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input
3004          type="hidden"
3005          name="contact[tags]"
3006          value="newsletter"
3007        >
3008
3009        <label for="footer-newsletter-email" class="sr-only">Email address</label>
3010
3011        <div class="input-container flex uppercase items-center">
3012          <input
3013            type="email"
3014            id="footer-newsletter-email"
3015            placeholder="Enter Email"
3016            class="flex-1 text-xs lg:text-sm uppercase tracking-def py-5 px-10 text-black placeholder:text-grey-2"
3017            name="contact[email]"
3018            value=""
3019            aria-required="true"
3020            autocorrect="off"
3021            autocapitalize="off"
3022            autocomplete="email"
3023            
3024            required
3025          >
3026
3027          <button
3028            type="submit"
3029            name="commit"
3030            aria-label="Subscribe"
3031            class="flex-none px-8"
3032          >
3033            <svg aria-hidden="true" focusable="false" class="carat-right-icon" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
3034  <path d="M1 7L4 4L1.00013 1.00013" stroke="currentColor" stroke-opacity="0.7" stroke-width="0.25"/>
3035</svg>
3036
3037          </button>
3038        </div></form>
3039
3040      
3041        <p class="uppercase tracking-def text-xs text-grey-2">Subscribe to our newsletter</p>
3042      
3043    </div>
3044  </div>
3045
3046  
3047    
3048    <nav class="bottom grid grid-cols-2 lg:grid-cols-6 gap-y-16 gap-x-6 lg:gap-8 pt-14 mt-12 lg:mt-20" aria-label="Footer">
3049      
3050        <div class="nav-column col-span-1 uppercase text-xs tracking-def">
3051          <a id="footer-nav-1" href="/pages/how-it-works">June Studio</a>
3052
3053          
3054            <ul aria-labelledby="footer-nav-1">
3055              
3056                <li>
3057                  <a href="/pages/book-an-appointment">Book Appointment</a>
3058                </li>
3059              
3060                <li>
3061                  <a href="/pages/get-started">Get a Quote</a>
3062                </li>
3063              
3064                <li>
3065                  <a href="/pages/archive">Browse the Custom Archive</a>
3066                </li>
3067              
3068            </ul>
3069          
3070        </div>
3071      
3072        <div class="nav-column col-span-1 uppercase text-xs tracking-def">
3073          <a id="footer-nav-2" href="/collections">Shop</a>
3074
3075          
3076            <ul aria-labelledby="footer-nav-2">
3077              
3078                <li>
3079                  <a href="/collections/engagement">Engagement</a>
3080                </li>
3081              
3082                <li>
3083                  <a href="/collections/one-of-a-kind">One of a Kind</a>
3084                </li>
3085              
3086                <li>
3087                  <a href="/collections/bands">Wedding Bands</a>
3088                </li>
3089              
3090                <li>
3091                  <a href="/collections/men">Men</a>
3092                </li>
3093              
3094                <li>
3095                  <a href="/collections/ready-to-ship">Ready to Ship</a>
3096                </li>
3097              
3098            </ul>
3099          
3100        </div>
3101      
3102        <div class="nav-column col-span-1 uppercase text-xs tracking-def">
3103          <a id="footer-nav-3" href="/pages/faq-new">Support</a>
3104
3105          
3106            <ul aria-labelledby="footer-nav-3">
3107              
3108                <li>
3109                  <a href="/pages/faq-new">FAQ</a>
3110                </li>
3111              
3112                <li>
3113                  <a href="/pages/about">About</a>
3114                </li>
3115              
3116                <li>
3117                  <a href="/policies/contact-information">Contact</a>
3118                </li>
3119              
3120                <li>
3121                  <a href="/policies/shipping-policy">Shipping</a>
3122                </li>
3123              
3124                <li>
3125                  <a href="https://www.affirm.com/disclosures">Affirm Financing</a>
3126                </li>
3127              
3128                <li>
3129                  <a href="/policies/refund-policy">Refunds</a>
3130                </li>
3131              
3132                <li>
3133                  <a href="/policies/terms-of-service">Terms</a>
3134                </li>
3135              
3136                <li>
3137                  <a href="/policies/privacy-policy">Privacy Policy</a>
3138                </li>
3139              
3140                <li>
3141                  <a href="/pages/accessibility-statement">Accessibility</a>
3142                </li>
3143              
3144            </ul>
3145          
3146        </div>
3147      
3148    </nav>
3149  
3150</div>
3151
3152
3153</footer>
3154<!-- END sections: footer-group -->
3155    
3156
3157    <!-- BEGIN sections: modals-group -->
3158<div id="shopify-section-sections--15746698969136__stone-shapes-modal" class="shopify-section shopify-section-group-modals-group"><style data-shopify>
3159  .section-sections--15746698969136__stone-shapes-modal .titles > * + * {
3160    margin-top: 1rem;
3161  }
3162
3163  .section-sections--15746698969136__stone-shapes-modal .shape-icon svg {
3164    object-fit: contain;
3165    width: 100%;
3166    height: 100%;
3167    object-position: center;
3168  }
3169
3170  .section-sections--15746698969136__stone-shapes-modal .shape-icon > * + * {
3171    margin-top: 1rem;
3172  }
3173
3174  .section-sections--15746698969136__stone-shapes-modal > .closer {
3175    background-color: rgba(0,0,0,.75);
3176  }
3177
3178  /*
3179  LG
3180  */
3181
3182  .section-sections--15746698969136__stone-shapes-modal > .closer {
3183    background-color: none;
3184  }
3185</style>
3186
3187<div 
3188  id="stone-shapes"
3189  class="def-modal section-sections--15746698969136__stone-shapes-modal"
3190  role="dialog"
3191  aria-modal="true"
3192  
3193    aria-labelledby="stone-shapes-title"
3194  
3195  inert
3196>
3197  <button class="closer fill-parent" aria-label="Close Stone Shapes Modal">
3198    <span class="sr-only">Close Stone Shapes Modal</span>
3199  </button>
3200
3201  <div class="modal large bg-red-1 text-white py-10 px-6 lg:p-base">
3202    <div class="flex items-start border-b border-white pb-6 justify-between">
3203      <div class="titles w-full lg:w-1/2 flex-1 pr-8">
3204        
3205          <h2 id="stone-shapes-title" class="text-xs lg:text-sm uppercase tracking-def">STONE SHAPES</h2>
3206        
3207
3208        
3209          <div class="text-xs lg:text-sm font-tertiary"><p>The defining detail of your June ring. Explore different diamond shapes below. </p></div>
3210        
3211      </div>
3212
3213      <button class="closer text-xs lg:text-sm uppercase tracking-def flex-none fade">CLOSE</button>
3214    </div>
3215
3216    <div class="grid grid-cols-4 gap-4 lg:gap-base lg:px-base">
3217      
3218
3219      
3220        
3221
3222        
3223
3224        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="0">
3225          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3226            
3227  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3228	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3229<circle fill="none" 
3230	stroke="currentColor" 
3231	stroke-miterlimit="10" cx="30.1" cy="30.3" r="21.5"/>
3232<rect x="14.9" y="15.1" transform="matrix(-0.3827 -0.9239 0.9239 -0.3827 13.6536 69.7297)" fill="none" stroke="currentColor"  width="30.4" height="30.4"/>
3233<rect x="14.9" y="15.1" transform="matrix(0.3827 -0.9239 0.9239 0.3827 -9.4014 46.5365)" fill="none" stroke="currentColor"  width="30.4" height="30.4"/>
3234<rect x="18.7" y="18.9" fill="none" stroke="currentColor" stroke-miterlimit="10"  width="22.9" height="22.9"/>
3235<rect x="18.7" y="18.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 30.2504 -12.4243)" fill="none" stroke="currentColor" stroke-width=".5" width="22.9" height="22.9"/>
3236</svg>
3237
3238
3239          </div>
3240
3241          
3242            <h3 class="text-sm uppercase tracking-def">Round</h3>
3243          
3244
3245          
3246            <div class="text-sm font-tertiary mt-2 lg:mt-0">Classic, popular, versatile, timeless</div>
3247          
3248        </div>
3249
3250        
3251      
3252        
3253
3254        
3255
3256        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="1">
3257          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3258            
3259  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3260	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3261<ellipse fill="none" 
3262	stroke="currentColor" 
3263	stroke-miterlimit="10" cx="30.1" cy="30.3" rx="18.3" ry="25.5"/>
3264<ellipse fill="none" 
3265	stroke="currentColor" 
3266	stroke-miterlimit="10" 
3267	stroke-width=".5" cx="30.1" cy="30.3" rx="15.9" ry="22.1"/>
3268<g>
3269	<polyline fill="none" 
3270		stroke="currentColor" 
3271		stroke-miterlimit="10" 
3272		stroke-width=".5" 
3273		stroke-linejoin="round" points="21,52.3 47.2,38.1 30.3,13.2 13,38.1 39.4,52.3 	"/>
3274	<polyline fill="none" 
3275		stroke="currentColor" 
3276		stroke-miterlimit="10" 
3277		stroke-width=".5" 
3278		stroke-linejoin="round" points="39.2,8.3 13,22.5 30,47.4 47.2,22.5 20.9,8.3 	"/>
3279</g>
3280</svg>
3281
3282
3283          </div>
3284
3285          
3286            <h3 class="text-sm uppercase tracking-def">Oval</h3>
3287          
3288
3289          
3290            <div class="text-sm font-tertiary mt-2 lg:mt-0">Elegant, soft, elongating, timeless</div>
3291          
3292        </div>
3293
3294        
3295      
3296        
3297
3298        
3299
3300        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="2">
3301          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3302            
3303  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3304	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3305<ellipse fill="none" stroke="currentColor" stroke-miterlimit="10" cx="30.1" cy="30.3" rx="25.5" ry="18.3"/>
3306<ellipse fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" cx="30.1" cy="30.3" rx="22.1" ry="15.9"/>
3307<g>
3308	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="8.1,21.2 22.3,47.4 47.2,3
33080.4 22.3,13.2 8.1,39.5 	"/>
3309	<polyline 
3310		fill="none" 
3311		stroke="currentColor" 
3312		stroke-miterlimit="10" 
3313		stroke-width=".5" 
3314		stroke-linejoin="round" 
3315		points="52.1,39.4 37.9,13.2 13.1,30.2 37.9,47.4 52.1,21.1 	"
3316	/>
3317</g>
3318</svg>
3319
3320
3321          </div>
3322
3323          
3324            <h3 class="text-sm uppercase tracking-def">East-West Oval</h3>
3325          
3326
3327          
3328            <div class="text-sm font-tertiary mt-2 lg:mt-0">A beloved shape set horizontal</div>
3329          
3330        </div>
3331
3332        
3333      
3334        
3335
3336        
3337
3338        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="3">
3339          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3340            
3341  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3342	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3343<path fill="none" 
3344	stroke="currentColor" 
3345	stroke-miterlimit="10" d="M30.1,56.7c0,0-18.3-14.4-18.3-28.5S20,5.7,30.1,5.7s18.3,8.4,18.3,22.5S30.1,56.7,30.1,56.7z"/>
3346<polygon fill="none" 
3347	stroke="currentColor" 
3348	stroke-miterlimit="10" 
3349	stroke-width=".5" points="12.6,23.1 30.1,5.6 47.6,23.1 30.1,56.4 "/>
3350<polyline fill="none" 
3351	stroke="currentColor" 
3352	stroke-miterlimit="10" 
3353	stroke-width=".5" points="16.2,40.7 30.2,9.7 44,40.6 "/>
3354<path fill="none" 
3355	stroke="currentColor" 
3356	stroke-miterlimit="10" 
3357	stroke-width=".5" d="M30.1,56.6"/>
3358<polygon fill="none" 
3359	stroke="currentColor" 
3360	stroke-miterlimit="10" 
3361	stroke-width=".5" points="30.1,55.9 47.4,32.2 39.6,9.6 20.7,9.6 12.8,32.2 "/>
3362<polyline fill="none" 
3363	stroke="currentColor" 
3364	stroke-miterlimit="10" 
3365	stroke-width=".5" points="28.3,21.5 23,35.1 30.1,55.9 37.2,35.1 31.9,21.5 "/>
3366<polygon fill="none" 
3367	stroke="currentColor" 
3368	stroke-miterlimit="10" 
3369	stroke-width=".5" points="19,35.1 16.7,21.4 43.6,21.4 41.4,35.1 "/>
3370<line fill="none" 
3371	stroke="currentColor" 
3372	stroke-miterlimit="10" 
3373	stroke-width=".5" x1="30.1" y1="56.6" x2="30.1" y2="5.6"/>
3374</svg>
3375
3376
3377          </div>
3378
3379          
3380            <h3 class="text-sm uppercase tracking-def">Pear</h3>
3381          
3382
3383          
3384            <div class="text-sm font-tertiary mt-2 lg:mt-0">Bold, unique, vintage, pointed</div>
3385          
3386        </div>
3387
3388        
3389      
3390        
3391
3392        
3393          <div class="col-span-4 h-px bg-white"></div>
3394        
3395
3396        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="0">
3397          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3398            
3399  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3400	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3401<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M55.6,30.3c0,0-14.4,18.3-28.5,18.3S4.6,40.4,4.6,30.3S13,12,27.1,12S55.6,30.3,55.6,30.3z"/>
3402<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" points="21.9,47.8 4.4,30.3 21.9,12.8 55.2,30.3 "/>
3403<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" points="39.5,44.2 8.5,30.2 39.4,16.4 "/>
3404<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M55.4,30.3"/>
3405<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" points="54.8,30.3 31.1,13 8.4,20.9 8.4,39.8 31.1,47.6 "/>
3406<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" points="20.3,32.1 33.9,37.4 54.8,30.3 33.9,23.2 20.3,28.5 "/>
3407<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" points="33.9,41.4 20.2,43.8 20.2,16.8 33.9,19 "/>
3408<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="55.4" y1="30.3" x2="4.4" y2="30.3"/>
3409</svg>
3410
3411
3412          </div>
3413
3414          
3415            <h3 class="text-sm uppercase tracking-def">East-West Pear</h3>
3416          
3417
3418          
3419            <div class="text-sm font-tertiary mt-2 lg:mt-0">A fresh, asymmetrical silhouette</div>
3420          
3421        </div>
3422
3423        
3424      
3425        
3426
3427        
3428
3429        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="1">
3430          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3431            
3432  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3433	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3434<path fill="none" 
3435	stroke="currentColor" 
3436	stroke-miterlimit="10" d="M30.1,59.2c0,0-15.5-12.9-15.5-28.9S30.1,1.4,30.1,1.4s15.5,12.9,15.5,28.9S30.1,59.2,30.1,59.2z"/>
3437<path fill="none" 
3438	stroke="currentColor" 
3439	stroke-miterlimit="10" 
3440	stroke-width=".5" d="M30.1,53.5c0,0-12.5-10.4-12.5-23.2S30.1,7.1,30.1,7.1s12.5,10.4,12.5,23.2S30.1,53.5,30.1,53.5z"/>
3441<g>
3442	<polyline fill="none" 
3443		stroke="currentColor" 
3444		stroke-miterlimit="10" 
3445		stroke-width=".5" 
3446		stroke-linejoin="round" points="22.6,50.9 44.3,37.6 30.2,14.3 15.9,37.6 37.8,50.9 	"/>
3447	<polyline fill="none" 
3448		stroke="currentColor" 
3449		stroke-miterlimit="10" 
3450		stroke-width=".5" 
3451		stroke-linejoin="round" points="37.7,9.7 15.9,23 30,46.3 44.3,23 22.5,9.7 	"/>
3452</g>
3453</svg>
3454
3455
3456          </div>
3457
3458          
3459            <h3 class="text-sm uppercase tracking-def">Marquise</h3>
3460          
3461
3462          
3463            <div class="text-sm font-tertiary mt-2 lg:mt-0">Narrow, striking, bold, sharp</div>
3464          
3465        </div>
3466
3467        
3468      
3469        
3470
3471        
3472
3473        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="2">
3474          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3475            
3476  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3477	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3478<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M59,30.3c0,0-12.9,15.5-28.9,15.5S1.2,30.3,1.2,30.3s12.9-15.5,28.9-15.5S59,30.3,59,30.3z"/>
3479<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M53.3,30.3c0,0-10.4,12.5-23.2,12.5S6.9,30.3,6.9,30.3s10.4-12.5,23.2-12.5S53.3,30.3,53.3,30.3z"/>
3480<g>
3481	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="50.7,37.9 37.4,16.1 14.1,30.2 37.4,44.5 50.7,22.6 	"/>
3482	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="9.5,22.8 22.8,44.5 46.1,30.4 22.8,16.1 9.5,38 	"/>
3483</g>
3484</svg>
3485
3486
3487          </div>
3488
3489          
3490            <h3 class="text-sm uppercase tracking-def">East-West Marquise</h3>
3491          
3492
3493          
3494            <div class="text-sm font-tertiary mt-2 lg:mt-0">A statement landscape view</div>
3495          
3496        </div>
3497
3498        
3499      
3500        
3501
3502        
3503
3504        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="3">
3505          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3506            
3507  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3508	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3509<rect x="15.9" y="4.2" fill="none" stroke="currentColor" stroke-miterlimit="10" width="28.5" height="50.8"/>
3510<rect x="20.7" y="9.2" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" width="19.4" height="40.8"/>
3511<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="15.9" y1="4.2" x2="20.7" y2="9.2"/>
3512<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="44.4" y1="4.2" x2="40.1" y2="9.2"/>
3513<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="15.9" y1="55" x2="20.7" y2="50"/>
3514<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="40.1" y1="50" x2="44.4" y2="55"/>
3515<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="15.9" y1="29.6" x2="44.4" y2="29.6"/>
3516<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="30" y1="4.2" x2="30" y2="55"/>
3517</svg>
3518
3519
3520          </div>
3521
3522          
3523            <h3 class="text-sm uppercase tracking-def">Baguette</h3>
3524          
3525
3526          
3527            <div class="text-sm font-tertiary mt-2 lg:mt-0">An elongated geometric silhouette</div>
3528          
3529        </div>
3530
3531        
3532      
3533        
3534
3535        
3536          <div class="col-span-4 h-px bg-white"></div>
3537        
3538
3539        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="0">
3540          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3541            
3542  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3543	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3544<path fill="none" 
3545	stroke="currentColor" 
3546	stroke-miterlimit="10"  d="M20.9,7.2h18.5c2.8,2.8,4.4,4.4,7.2,7.2v31.8c-2.8,2.8-4.4,4.4-7.2,7.2H20.9c-2.8-2.8-4.4-4.4-7.2-7.2V14.4
3547	C16.5,11.6,18,10,20.9,7.2z"/>
3548<path fill="none" 
3549	stroke="currentColor" 
3550	stroke-miterlimit="10" 
3551	stroke-width=".5" d="M24.2,12.3h11.9c2,2,3.2,3.2,5.2,5.2v25.5c-2,2-3.2,3.2-5.2,5.2H24.2c-2-2-3.2-3.2-5.2-5.2V17.5
3552	C21,15.5,22.1,14.3,24.2,12.3z"/>
3553<path fill="none" 
3554	stroke="currentColor" 
3555	stroke-miterlimit="10" 
3556	stroke-width=".5" d="M26.7,16.8h6.8c1.4,1.4,2.2,2.2,3.6,3.6v19.9c-1.4,1.4-2.2,2.2-3.6,3.6h-6.8c-1.4-1.4-2.2-2.2-3.6-3.6V20.4
3557	C24.6,19,25.3,18.2,26.7,16.8z"/>
3558<g>
3559	<polyline fill="none" 
3560		stroke="currentColor" 
3561		stroke-miterlimit="10" 
3562		stroke-width=".5" 
3563		stroke-linejoin="round" points="46.4,46.2 30.1,36.8 13.4,46.2 	"/>
3564	<polyline fill="none" 
3565		stroke="currentColor" 
3566		stroke-miterlimit="10" 
3567		stroke-width=".5" 
3568		stroke-linejoin="round" points="20.6,53.4 30.1,36.8 39.2,53.4 	"/>
3569	<polyline fill="none" 
3570		stroke="currentColor" 
3571		stroke-miterlimit="10" 
3572		stroke-width=".5" 
3573		stroke-linejoin="round" points="46.4,14.4 30.1,23.6 13.4,14.2 	"/>
3574	<polyline fill="none" 
3575		stroke="currentColor" 
3576		stroke-miterlimit="10" 
3577		stroke-width=".5" 
3578		stroke-linejoin="round" points="20.6,7.2 30.1,23.6 39.2,7.2 	"/>
3579</g>
3580<line fill="none" 
3581		stroke="currentColor" 
3582		stroke-miterlimit="10" 
3583		stroke-width=".5" 
3584		stroke-linejoin="round" x1="30.1" y1="23.8" x2="30.1" y2="36.8"/>
3585</svg>
3586
3587
3588          </div>
3589
3590          
3591            <h3 class="text-sm uppercase tracking-def">Emerald</h3>
3592          
3593
3594          
3595            <div class="text-sm font-tertiary mt-2 lg:mt-0">Geometric, distinct, elegant, clean</div>
3596          
3597        </div>
3598
3599        
3600      
3601        
3602
3603        
3604
3605        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="1">
3606          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3607            
3608  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3609	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3610<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M7,39.6V21c2.8-2.8,4.4-4.4,7.2-7.2H46c2.8,2.8,4.4,4.4,7.2,7.2v18.5c-2.8,2.8-4.4,4.4-7.2,7.2H14.2
3611	C11.4,44,9.8,42.4,7,39.6z"/>
3612<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M12.1,36.2V24.4c2-2,3.2-3.2,5.2-5.2h25.5c2,2,3.2,3.2,5.2,5.2v11.9c-2,2-3.2,3.2-5.2,5.2H17.4
3613	C15.3,39.4,14.2,38.3,12.1,36.2z"/>
3614<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M16.6,33.7v-6.8c1.4-1.4,2.2-2.2,3.6-3.6h19.9c1.4,1.4,2.2,2.2,3.6,3.6v6.8c-1.4,1.4-2.2,2.2-3.6,3.6H20.2
3615	C18.8,35.9,18,35.1,16.6,33.7z"/>
3616<g>
3617	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="46,14.1 36.6,30.3 46,47 	"/>
3618	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="53.2,39.8 36.6,30.3 53.2,21.3 	"/>
3619	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="14.2,14.1 23.4,30.4 14,47 	"/>
3620	<polyline fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="7,39.8 23.4,30.4 7,21.3 	"/>
3621</g>
3622<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" x1="23.6" y1="30.3" x2="36.6" y2="30.3"/>
3623</svg>
3624
3625
3626          </div>
3627
3628          
3629            <h3 class="text-sm uppercase tracking-def">East-West Emerald</h3>
3630          
3631
3632          
3633            <div class="text-sm font-tertiary mt-2 lg:mt-0">An iconic shape reinvented</div>
3634          
3635        </div>
3636
3637        
3638      
3639        
3640
3641        
3642
3643        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="2">
3644          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3645            
3646  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3647	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3648<path fill="none" 
3649	stroke="currentColor" 
3650	stroke-miterlimit="10" d="M39.4,53.4H20.9c-2.8-2.8-4.4-4.4-7.2-7.2V14.4c2.8-2.8,4.4-4.4,7.2-7.2h18.5c2.8,2.8,4.4,4.4,7.2,7.2v31.8
3651	C43.8,49,42.2,50.6,39.4,53.4z"/>
3652<rect x="23.6" y="21.2" fill="none" 
3653	stroke="currentColor" 
3654	stroke-miterlimit="10" 
3655	stroke-width=".5" width="13.1" height="18.4"/>
3656<g>
3657	<line fill="none" 
3658	stroke="currentColor" 
3659	stroke-miterlimit="10" 
3660	stroke-width=".5" x1="16.5" y1="49.4" x2="43.8" y2="11.2"/>
3661	<line fill="none" 
3662	stroke="currentColor" 
3663	stroke-miterlimit="10" 
3664	stroke-width=".5" x1="43.8" y1="49.4" x2="16.5" y2="11.2"/>
3665</g>
3666<polygon fill="none" 
3667		stroke="currentColor" 
3668		stroke-miterlimit="10" 
3669		stroke-width=".5" 
3670		stroke-linejoin="round" points="36.9,7.6 46.5,39.9 23.3,53.2 13.7,21 "/>
3671<polygon fill="none" 
3672		stroke="currentColor" 
3673		stroke-miterlimit="10" 
3674		stroke-width=".5" 
3675		stroke-linejoin="round" points="46.5,21 36.9,53.2 13.7,39.9 23.3,7.6 "/>
3676<polygon fill="none" 
3677		stroke="currentColor" 
3678		stroke-miterlimit="10" 
3679		stroke-width=".5" 
3680		stroke-linejoin="round" points="30.1,49 16.7,30.4 30.1,11.9 43.5,30.4 "/>
3681</svg>
3682
3683
3684          </div>
3685
3686          
3687            <h3 class="text-sm uppercase tracking-def">Radiant</h3>
3688          
3689
3690          
3691            <div class="text-sm font-tertiary mt-2 lg:mt-0">Glamorous, romantic, attractive, inviting</div>
3692          
3693        </div>
3694
3695        
3696      
3697        
3698
3699        
3700
3701        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="3">
3702          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3703            
3704  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3705	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3706<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M7.1,39.6V21c2.8-2.8,4.4-4.4,7.2-7.2h31.8c2.8,2.8,4.4,4.4,7.2,7.2v18.5c-2.8,2.8-4.4,4.4-7.2,7.2H14.3
3707	C11.5,44,9.9,42.4,7.1,39.6z"/>
3708<rect x="20.9" y="23.8" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" width="18.4" height="13.1"/>
3709<g>
3710	<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="11.1" y1="16.6" x2="49.2" y2="44"/>
3711	<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="11.1" y1="44" x2="49.2" y2="16.6"/>
3712</g>
3713<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="52.9,37.1 20.5,46.7 7.3,23.4 39.5,
371313.8 "/>
3714<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="39.5,46.7 7.3,37.1 20.5,13.8 52.9,23.4 "/>
3715<polygon fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" stroke-linejoin="round" points="11.5,30.2 30.1,16.9 48.6,30.2 30.1,43.7 "/>
3716</svg>
3717
3718
3719          </div>
3720
3721          
3722            <h3 class="text-sm uppercase tracking-def">East-West Radiant</h3>
3723          
3724
3725          
3726            <div class="text-sm font-tertiary mt-2 lg:mt-0">An unexpected way to sparkle</div>
3727          
3728        </div>
3729
3730        
3731      
3732        
3733
3734        
3735          <div class="col-span-4 h-px bg-white"></div>
3736        
3737
3738        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="0">
3739          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3740            
3741  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3742	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3743<path fill="none" 
3744	stroke="currentColor" 
3745	stroke-miterlimit="10" d="M33.8,51c7.9-8.5,13.7-18.8,17.7-30.7c1-2.9-0.9-6-3.9-6.5c-11.8-2.2-23.5-2.2-35.1,0c-3,0.6-4.8,3.6-3.9,6.4
3746	C12.2,31.6,17.9,42,26.5,51C28.5,53.1,31.9,53.1,33.8,51z"/>
3747<polygon fill="none" 
3748	stroke="currentColor" 
3749	stroke-miterlimit="10" 
3750	stroke-width=".5" points="10.6,25.7 30,11.8 49.3,25.7 30,52.6 "/>
3751<polyline fill="none" 
3752	stroke="currentColor" 
3753	stroke-miterlimit="10" 
3754	stroke-width=".5" points="16.1,37 30,15.5 43.9,36.9 "/>
3755<path fill="none" 
3756	stroke="currentColor" 
3757	stroke-miterlimit="10" 
3758	stroke-width=".5" d="M30,52.5"/>
3759<polyline fill="none" 
3760	stroke="currentColor" 
3761	stroke-miterlimit="10" 
3762	stroke-width=".5" points="17.4,20.8 23.9,35 30,52 36.1,35 42.5,20.8 "/>
3763<line fill="none" 
3764	stroke="currentColor" 
3765	stroke-miterlimit="10" 
3766	stroke-width=".5" x1="30" y1="52.5" x2="30" y2="12.3"/>
3767<rect x="17.4" y="20.9" fill="none" 
3768	stroke="currentColor" 
3769	stroke-miterlimit="10" 
3770	stroke-width=".5" width="25.2" height="14"/>
3771<line fill="none" 
3772	stroke="currentColor" 
3773	stroke-miterlimit="10" 
3774	stroke-width=".5" x1="21" y1="29" x2="38.6" y2="29"/>
3775<line fill="none" 
3776	stroke="currentColor" 
3777	stroke-miterlimit="10" 
3778	stroke-width=".5" x1="30" y1="28.9" x2="50.7" y2="15.6"/>
3779<polyline fill="none" 
3780	stroke="currentColor" 
3781	stroke-miterlimit="10" 
3782	stroke-width=".5" points="9.3,15.6 30,28.9 41.9,40.4 "/>
3783<line fill="none" 
3784	stroke="currentColor" 
3785	stroke-miterlimit="10" 
3786	stroke-width=".5" x1="30" y1="28.9" x2="18.1" y2="40.4"/>
3787</svg>
3788
3789
3790          </div>
3791
3792          
3793            <h3 class="text-sm uppercase tracking-def">Trillion</h3>
3794          
3795
3796          
3797            <div class="text-sm font-tertiary mt-2 lg:mt-0">Triangular, charming, optimal, appealing</div>
3798          
3799        </div>
3800
3801        
3802      
3803        
3804
3805        
3806
3807        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="1">
3808          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3809            
3810  <svg aria-hidden="true" focusable="false" class="cushion" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3811	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3812<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M32.5,53.2h-4.7c-8.5,0-15.5-6.9-15.5-15.5V22.9c0-8.5,6.9-15.5,15.5-15.5h4.7c8.5,0,15.5,6.9,15.5,15.5v14.8
3813	C47.9,46.3,41,53.2,32.5,53.2z"/>
3814<g>
3815	<polygon fill="none"  points="37.4,8.4 47.7,39.3 22.7,52.1 12.3,21.2 	"/>
3816	<polygon 	fill="none" stroke="currentColor"  points="47.7,21.2 37.4,52.1 12.3,39.3 22.7,8.4 	"/>
3817	<rect fill="none" stroke="currentColor" x="19.8" y="17.7" class="st1" width="20.4" height="25.1"/>
3818	<polygon 	fill="none" stroke="currentColor" stroke-miterlimit="10"  points="30,48 15.6,30.2 30,12.4 44.5,30.2 	"/>
3819</g>
3820<ellipse fill="none" stroke="currentColor" stroke-width=".5" cx="30" cy="30.2" rx="10.3" ry="12.5"/>
3821</svg>
3822
3823
3824          </div>
3825
3826          
3827            <h3 class="text-sm uppercase tracking-def">Cushion</h3>
3828          
3829
3830          
3831            <div class="text-sm font-tertiary mt-2 lg:mt-0">Romantic, soft, classic, reflective</div>
3832          
3833        </div>
3834
3835        
3836      
3837        
3838
3839        
3840
3841        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="2">
3842          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3843            
3844  <svg aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3845<path 
3846	fill="none" 
3847	stroke="currentColor" 
3848	stroke-miterlimit="10" 
3849	d="M23.8,49.2L11.2,36.7c0-4.9,0-7.8,0-12.7l12.6-12.6c4.9,0,7.8,0,12.7,0l12.5,12.5c0,4.9,0,7.8,0,12.7L36.5,49.1
3850	C31.5,49.2,28.8,49.1,23.8,49.2z"
3851/>
3852<path 
3853	fill="none" 
3854	stroke="currentColor" 
3855	stroke-miterlimit="10" 
3856	stroke-width=".5" 
3857	d="M26.6,41.2l-7.4-7.4c0-2.8,0-4.4,0-7.1l7.4-7.4c2.8,0,4.4,0,7.1,0l7.4,7.4c0,2.8,0,4.4,0,7.1l-7.4,7.4
3858	C30.9,41.2,29.3,41.2,26.6,41.2z"
3859/>
3860<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M25.5,43.9l-9.1-9.1c0-3.5,0-5.5,0-9.2l9.1-9.1c3.5,0,5.5,0,9.2,0l9.1,9.1c0,3.5,0,5.5,0,9.2l-9.1,9.1
3861	C31.2,43.9,29.1,44,25.5,43.9z"/>
3862<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="36.5" y1="11.4" x2="23.8" y2="49.2"/>
3862
3863<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="36.5" y1="49.2" x2="23.8" y2="11.4"/>
3864<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="11.2" y1="36.7" x2="49.1" y2="23.9"/>
3865<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="49.1" y1="36.6" x2="11.2" y2="24"/>
3866</svg>
3867
3868
3869          </div>
3870
3871          
3872            <h3 class="text-sm uppercase tracking-def">Moval</h3>
3873          
3874
3875          
3876            <div class="text-sm font-tertiary mt-2 lg:mt-0">Soft, slender, subtle, pretty</div>
3877          
3878        </div>
3879
3880        
3881      
3882        
3883
3884        
3885
3886        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="3">
3887          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3888            
3889  <svg aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3890<path fill="none" stroke="currentColor" stroke-miterlimit="10" d="M39,48.2H21.3c-3.5-3.5-5.5-5.5-9-9V21.4c3.5-3.5,5.5-5.5,9-9H39c3.5,3.5,5.5,5.5,9,9v17.7
3891	C44.5,42.7,42.5,44.6,39,48.2z"/>
3892<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M35.3,40.5H24.9c-2-2-3.1-3.1-5-5V25.1c2-2,3.1-3.1,5-5h10.4c2,2,3.1,3.1,5,5v10.4
3893	C38.4,37.5,37.3,38.6,35.3,40.5z"/>
3894<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M36.5,43.2H23.7c-2.5-2.5-3.9-3.9-6.5-6.5V23.9c2.5-2.5,3.9-3.9,6.5-6.5h12.8c2.5,2.5,3.9,3.9,6.5,6.5v12.8
3895	C40.5,39.2,39.1,40.7,36.5,43.2z"/>
3896<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="21.3" y1="12.4" x2="39" y2="48.2"/>
3897<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="48" y1="39.2" x2="12.3" y2="21.4"/>
3898<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="21.3" y1="48.2" x2="39" y2="12.4"/>
3899<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="48" y1="21.4" x2="12.3" y2="39.2"/>
3900</svg>
3901
3902
3903          </div>
3904
3905          
3906            <h3 class="text-sm uppercase tracking-def">Asscher</h3>
3907          
3908
3909          
3910            <div class="text-sm font-tertiary mt-2 lg:mt-0">Strong, reflective, classic, geometric</div>
3911          
3912        </div>
3913
3914        
3915      
3916        
3917
3918        
3919          <div class="col-span-4 h-px bg-white"></div>
3920        
3921
3922        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="0">
3923          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3924            
3925  <svg aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3926<path 
3927	fill="none" 
3928	stroke="currentColor" 
3929	stroke-miterlimit="10" 
3930	d="M23.8,49.2L11.2,36.7c0-4.9,0-7.8,0-12.7l12.6-12.6c4.9,0,7.8,0,12.7,0l12.5,12.5c0,4.9,0,7.8,0,12.7L36.5,49.1
3931	C31.5,49.2,28.8,49.1,23.8,49.2z"
3932/>
3933<path 
3934	fill="none" 
3935	stroke="currentColor" 
3936	stroke-miterlimit="10" 
3937	stroke-width=".5" 
3938	d="M26.6,41.2l-7.4-7.4c0-2.8,0-4.4,0-7.1l7.4-7.4c2.8,0,4.4,0,7.1,0l7.4,7.4c0,2.8,0,4.4,0,7.1l-7.4,7.4
3939	C30.9,41.2,29.3,41.2,26.6,41.2z"
3940/>
3941<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" d="M25.5,43.9l-9.1-9.1c0-3.5,0-5.5,0-9.2l9.1-9.1c3.5,0,5.5,0,9.2,0l9.1,9.1c0,3.5,0,5.5,0,9.2l-9.1,9.1
3942	C31.2,43.9,29.1,44,25.5,43.9z"/>
3943<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="36.5" y1="11.4" x2="23.8" y2="49.2"/>
3944<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="36.5" y1="49.2" x2="23.8" y2="11.4"/>
3945<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="11.2" y1="36.7" x2="49.1" y2="23.9"/>
3946<line fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width=".5" x1="49.1" y1="36.6" x2="11.2" y2="24"/>
3947</svg>
3948
3949
3950          </div>
3951
3952          
3953            <h3 class="text-sm uppercase tracking-def">Asscher on Point</h3>
3954          
3955
3956          
3957            <div class="text-sm font-tertiary mt-2 lg:mt-0">
3957An emphasis of sharp edges</div>
3958          
3959        </div>
3960
3961        
3962      
3963        
3964
3965        
3966
3967        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="1">
3968          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
3969            
3970  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3971	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
3972<path fill="none" 
3973	stroke="currentColor" 
3974	stroke-miterlimit="10" d="M20.9,7.2h18.5c2.8,2.8,4.4,4.4,7.2,7.2v31.8c-2.8,2.8-4.4,4.4-7.2,7.2H20.9c-2.8-2.8-4.4-4.4-7.2-7.2V14.4
3975	C16.5,11.6,18,10,20.9,7.2z"/>
3976<path fill="none" 
3977	stroke="currentColor" 
3978	stroke-miterlimit="10" 
3979	stroke-width=".5" d="M24.2,12.3h11.9c2,2,3.2,3.2,5.2,5.2V43c-2,2-3.2,3.2-5.2,5.2H24.2c-2-2-3.2-3.2-5.2-5.2V17.5
3980	C21,15.5,22.1,14.3,24.2,12.3z"/>
3981<line fill="none" 
3982		stroke="currentColor" 
3983		stroke-miterlimit="10" 
3984		stroke-width=".5" 
3985		stroke-linejoin="round" x1="20.9" y1="7.2" x2="24.2" y2="12.3"/>
3986<line fill="none" 
3987		stroke="currentColor" 
3988		stroke-miterlimit="10" 
3989		stroke-width=".5" 
3990		stroke-linejoin="round" x1="13.7" y1="14.4" x2="19" y2="17.5"/>
3991<line fill="none" 
3992		stroke="currentColor" 
3993		stroke-miterlimit="10" 
3994		stroke-width=".5" 
3995		stroke-linejoin="round" x1="39.4" y1="7.2" x2="36.1" y2="12.3"/>
3996<line fill="none" 
3997		stroke="currentColor" 
3998		stroke-miterlimit="10" 
3999		stroke-width=".5" 
4000		stroke-linejoin="round" x1="46.6" y1="14.4" x2="41.3" y2="17.5"/>
4001<line fill="none" 
4002		stroke="currentColor" 
4003		stroke-miterlimit="10" 
4004		stroke-width=".5" 
4005		stroke-linejoin="round" x1="13.7" y1="46.2" x2="19" y2="43"/>
4006<line fill="none" 
4007		stroke="currentColor" 
4008		stroke-miterlimit="10" 
4009		stroke-width=".5" 
4010		stroke-linejoin="round" x1="20.9" y1="53.4" x2="24.2" y2="48.2"/>
4011<line fill="none" 
4012		stroke="currentColor" 
4013		stroke-miterlimit="10" 
4014		stroke-width=".5" 
4015		stroke-linejoin="round" x1="39.4" y1="53.4" x2="36.1" y2="48.2"/>
4016<line fill="none" 
4017		stroke="currentColor" 
4018		stroke-miterlimit="10" 
4019		stroke-width=".5" 
4020		stroke-linejoin="round" x1="46.6" y1="46.2" x2="41.3" y2="43"/>
4021<path fill="none" 
4022	stroke="currentColor" 
4023	stroke-miterlimit="10" 
4024	stroke-width=".5" d="M22.8,9.8h14.7c2.5,2.3,4,3.7,6.4,5.9v29.2c-2.5,2.3-4,3.7-6.4,5.9H22.8c-2.5-2.3-4-3.7-6.4-5.9V15.7
4025	C18.8,13.4,20.2,12,22.8,9.8z"/>
4026</svg>
4027
4028
4029          </div>
4030
4031          
4032            <h3 class="text-sm uppercase tracking-def">Portrait Cut</h3>
4033          
4034
4035          
4036            <div class="text-sm font-tertiary mt-2 lg:mt-0">Eye-catching, vintage, transparent, surprising</div>
4037          
4038        </div>
4039
4040        
4041      
4042        
4043
4044        
4045
4046        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="2">
4047          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
4048            
4049  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4050	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
4051<rect x="13.7" y="11.8" fill="none" 
4052	stroke="currentColor" 
4053	stroke-miterlimit="10" width="32.9" height="32.9"/>
4054<rect x="22.8" y="21" fill="none" 
4055	stroke="currentColor" 
4056	stroke-miterlimit="10" 
4057	stroke-width=".5" width="14.7" height="14.7"/>
4058<line fill="none" 
4059	stroke="currentColor" 
4060	stroke-miterlimit="10" 
4061	stroke-width=".5" x1="30.1" y1="11.8" x2="30.1" y2="44.8"/>
4062<line fill="none" 
4063	stroke="currentColor" 
4064	stroke-miterlimit="10" 
4065	stroke-width=".5" x1="46.6" y1="28.3" x2="13.7" y2="28.3"/>
4066<polyline fill="none" 
4067		stroke="currentColor" 
4068		stroke-miterlimit="10" 
4069		stroke-width=".5" 
4070		stroke-linejoin="round" points="30.3,32.8 46.1,44.4 34.6,28.5 "/>
4071<polyline fill="none" 
4072		stroke="currentColor" 
4073		stroke-miterlimit="10" 
4074		stroke-width=".5" 
4075		stroke-linejoin="round" points="34.6,28.3 46.1,12.4 30.3,24 "/>
4076<polyline fill="none" 
4077		stroke="currentColor" 
4078		stroke-miterlimit="10" 
4079		stroke-width=".5" 
4080		stroke-linejoin="round" points="30.1,24 14.3,12.4 25.9,28.3 "/>
4081<polyline fill="none" 
4082		stroke="currentColor" 
4083		stroke-miterlimit="10" 
4084		stroke-width=".5" 
4085		stroke-linejoin="round" points="25.9,28.5 14.3,44.4 30.1,32.8 "/>
4086</svg>
4087
4088
4089          </div>
4090
4091          
4092            <h3 class="text-sm uppercase tracking-def">Princess</h3>
4093          
4094
4095          
4096            <div class="text-sm font-tertiary mt-2 lg:mt-0">Fancy, nostalgic, square, glitzy</div>
4097          
4098        </div>
4099
4100        
4101      
4102        
4103
4104        
4105
4106        <div class="shape col-span-4 lg:col-span-1 flex flex-col items-center text-center" data-remainder="3">
4107          <div class="shape-icon aspect-[4/5] relative opacity-50 w-1/2 lg:w-full">
4108            
4109  <svg aria-hidden="true" focusable="false" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4110	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
4111<rect x="13.7" y="13.8" transform="matrix(0.7071 0.7071 -0.7071 0.7071 30.2508 -12.4251)" fill="none" 
4112	stroke="currentColor" 
4113	stroke-miterlimit="10" width="32.9" height="32.9"/>
4114<rect x="22.8" y="23" transform="matrix(0.7071 0.7071 -0.7071 0.7071 30.2508 -12.4251)" fill="none" 
4115	stroke="currentColor" 
4116	stroke-miterlimit="10" 
4117	stroke-width=".5" width="14.7" height="14.7"/>
4118<line fill="none" 
4119	stroke="currentColor" 
4120	stroke-miterlimit="10" 
4121	stroke-width=".5" x1="41.8" y1="18.7" x2="18.5" y2="41.9"/>
4122<line fill="none" 
4123	stroke="currentColor" 
4124	stroke-miterlimit="10" 
4125	stroke-width=".5" x1="41.8" y1="41.9" x2="18.5" y2="18.7"/>
4126<polyline fill="none" 
4127		stroke="currentColor" 
4128		stroke-miterlimit="10" 
4129		stroke-width=".5" 
4130		stroke-linejoin="round" points="27,33.6 30.1,53 33.1,33.6 "/>
4131<polyline fill="none" 
4132		stroke="currentColor" 
4133		stroke-miterlimit="10" 
4134		stroke-width=".5" 
4135		stroke-linejoin="round" points="33.3,33.4 52.7,30.4 33.3,27.4 "/>
4136<polyline fill="none" 
4137		stroke="currentColor" 
4138		stroke-miterlimit="10" 
4139		stroke-width=".5" 
4140		stroke-linejoin="round" points="33.2,27.3 30.2,7.9 27.1,27.3 "/>
4141<polyline fill="none" 
4142		stroke="currentColor" 
4143		stroke-miterlimit="10" 
4144		stroke-width=".5" 
4145		stroke-linejoin="round" points="26.9,27.5 7.5,30.5 26.9,33.5 "/>
4146</svg>
4147
4148
4149          </div>
4150
4151          
4152            <h3 class="text-sm uppercase tracking-def">Princess on Point</h3>
4153          
4154
4155          
4156            <div class="text-sm font-tertiary mt-2 lg:mt-0">A rotation of radiance</div>
4157          
4158        </div>
4159
4160        
4161      
4162    </div>
4163  </div>
4164</div>
4165
4166
4167</div><div id="shopify-section-sections--15746698969136__gold-colors-modal" class="shopify-section shopify-section-group-modals-group"><style data-shopify>
4168  .section-sections--15746698969136__gold-colors-modal .titles > * + * {
4169    margin-top: 1rem;
4170  }
4171
4172  .section-sections--15746698969136__gold-colors-modal .gold-colors > div + div {
4173    border-top: 1px solid var(--white);
4174  }
4175
4176  .section-sections--15746698969136__gold-colors-modal > .closer {
4177    background-color: rgba(0,0,0,.75);
4178  }
4179
4180  /*
4181  LG
4182  */
4183
4184  .section-sections--15746698969136__gold-colors-modal > .closer {
4185    background-color: none;
4186  }
4187</style>
4188
4189<div 
4190  id="gold-colors"
4191  class="def-modal section-sections--15746698969136__gold-colors-modal"
4192  role="dialog"
4193  aria-modal="true"
4194  
4195    aria-labelledby="gold-colors-title"
4196  
4197  inert
4198>
4199  <button class="closer fill-parent" aria-label="Close Gold Colors Modal">
4200    <span class="sr-only">Close Gold Colors Modal</span>
4201  </button>
4202
4203  <div class="modal large bg-red-1 text-white py-10 px-6 lg:p-base">
4204    <div class="flex items-start border-b border-white pb-6 justify-between">
4205      <div class="titles w-full lg:w-1/2 flex-1 pr-8">
4206        
4207          <h2 id="gold-colors-title" class="text-xs lg:text-sm uppercase tracking-def">PRECIOUS METALS</h2>
4208        
4209
4210        
4211          <div class="text-xs lg:text-sm font-tertiary"><p>All June rings are crafted from solid gold or platinum. Select your precious metal of choice.</p></div>
4212        
4213      </div>
4214
4215      <button class="closer text-xs lg:text-sm uppercase tracking-def flex-none fade">CLOSE</button>
4216    </div>
4217
4218    <div class="gold-colors lg:px-base">
4219      
4220        <div class="flex lg:grid lg:grid-cols-7 gap-4 lg:gap-base flex-col items-center py-12">
4221          <div class="lg:col-span-1 flex lg:block justify-center w-full">
4222            <div class="aspect-square w-1/2 lg:w-auto relative max-w-[75px] lg:max-w-[100px]">
4223              <figure class="fill-parent">
4224                <img src="//junerings.com/cdn/shop/files/gold-color-yellow.png?v=1718252217&amp;width=100" alt="small circle of yellow" srcset="//junerings.com/cdn/shop/files/gold-color-yellow.png?v=1718252217&amp;width=100 100w" width="100" height="100" class="media-contain">
4225              </figure>
4226            </div>
4227          </div>
4228
4229          <h3 class="text-base-md xl:text-lg text-center lg:text-left font-secondary tracking-tight col-span-7 lg:col-span-2">Yellow Gold</h3>
4230
4231          <div class="col-span-7 lg:col-span-2 text-sm lg:text-base text-center lg:text-left font-tertiary lg:pr-12">Warm, radiant, timeless. Considered the most “classic” of all the gold colors.</div>
4232
4233          <div class="col-span-7 lg:col-span-2 text-xxs lg:text-xs text-center lg:text-left uppercase opacity-70">14k</div>
4234        </div>
4235      
4236        <div class="flex lg:grid lg:grid-cols-7 gap-4 lg:gap-base flex-col items-center py-12">
4237          <div class="lg:col-span-1 flex lg:block justify-center w-full">
4238            <div class="aspect-square w-1/2 lg:w-auto relative max-w-[75px] lg:max-w-[100px]">
4239              <figure class="fill-parent">
4240                <img src="//junerings.com/cdn/shop/files/gold-color-white.png?v=1718252218&amp;width=100" alt="small circle of white" srcset="//junerings.com/cdn/shop/files/gold-color-white.png?v=1718252218&amp;width=100 100w" width="100" height="100" class="media-contain">
4241              </figure>
4242            </div>
4243          </div>
4244
4245          <h3 class="text-base-md xl:text-lg text-center lg:text-left font-secondary tracking-tight col-span-7 lg:col-span-2">White Gold</h3>
4246
4247          <div class="col-span-7 lg:col-span-2 text-sm lg:text-base text-center lg:text-left font-tertiary lg:pr-12">Bright, shimmering, clean. Beloved for its fresh monochromatic look.</div>
4248
4249          <div class="col-span-7 lg:col-span-2 text-xxs lg:text-xs text-center lg:text-left uppercase opacity-70">14k</div>
4250        </div>
4251      
4252        <div class="flex lg:grid lg:grid-cols-7 gap-4 lg:gap-base flex-col items-center py-12">
4253          <div class="lg:col-span-1 flex lg:block justify-center w-full">
4254            <div class="aspect-square w-1/2 lg:w-auto relative max-w-[75px] lg:max-w-[100px]">
4255              <figure class="fill-parent">
4256                <img src="//junerings.com/cdn/shop/files/gold-color-rose.png?v=1718252217&amp;width=100" alt="small circle of light pink" srcset="//junerings.com/cdn/shop/files/gold-color-rose.png?v=1718252217&amp;width=100 100w" width="100" height="100" class="media-contain">
4257              </figure>
4258            </div>
4259          </div>
4260
4261          <h3 class="text-base-md xl:text-lg text-center lg:text-left font-secondary tracking-tight col-span-7 lg:col-span-2">Rose Gold</h3>
4262
4263          <div class="col-span-7 lg:col-span-2 text-sm lg:text-base text-center lg:text-left font-tertiary lg:pr-12">Lavish, feminine, unique. Recognized for its romantic pink-ish hue.</div>
4264
4265          <div class="col-span-7 lg:col-span-2 text-xxs lg:text-xs text-center lg:text-left uppercase opacity-70">14k</div>
4266        </div>
4267      
4268        <div class="flex lg:grid lg:grid-cols-7 gap-4 lg:gap-base flex-col items-center py-12">
4269          <div class="lg:col-span-1 flex lg:block justify-center w-full">
4270            <div class="aspect-square w-1/2 lg:w-auto relative max-w-[75px] lg:max-w-[100px]">
4271              <figure class="fill-parent">
4272                <img src="//junerings.com/cdn/shop/files/gold-color-white.png?v=1718252218&amp;width=100" alt="small circle of white" srcset="//junerings.com/cdn/shop/files/gold-color-white.png?v=1718252218&amp;width=100 100w" width="100" height="100" class="media-contain">
4273              </figure>
4274            </div>
4275          </div>
4276
4277          <h3 class="text-base-md xl:text-lg text-center lg:text-left font-secondary tracking-tight col-span-7 lg:col-span-2">Platinum</h3>
4278
4279          <div class="col-span-7 lg:col-span-2 text-sm lg:text-base text-center lg:text-left font-tertiary lg:pr-12">Sleek, dense, hypoallergenic. Known for its heirloom reputation.</div>
4280
4281          <div class="col-span-7 lg:col-span-2 text-xxs lg:text-xs text-center lg:text-left uppercase opacity-70">
4281Inquire for Pricing</div>
4282        </div>
4283      
4284    </div>
4285  </div>
4286</div>
4287
4288
4289</div><div id="shopify-section-sections--15746698969136__stone-types-modal" class="shopify-section shopify-section-group-modals-group"><style data-shopify>
4290  .section-sections--15746698969136__stone-types-modal .titles > * + * {
4291    margin-top: 1rem;
4292  }
4293
4294  .section-sections--15746698969136__stone-types-modal .stone-types > div + div {
4295    border-top: 1px solid var(--white);
4296  }
4297
4298  .section-sections--15746698969136__stone-types-modal > .closer {
4299    background-color: rgba(0,0,0,.75);
4300  }
4301
4302  /*
4303  LG
4304  */
4305
4306  .section-sections--15746698969136__stone-types-modal > .closer {
4307    background-color: none;
4308  }
4309</style>
4310
4311<div 
4312  id="stone-types"
4313  class="def-modal section-sections--15746698969136__stone-types-modal"
4314  role="dialog"
4315  aria-modal="true"
4316  
4317    aria-labelledby="stone-types-title"
4318  
4319  inert
4320>
4321  <button class="closer fill-parent" aria-label="Close Stone Types Modal">
4322    <span class="sr-only">Close Stone Types Modal</span>
4323  </button>
4324
4325  <div class="modal large bg-red-1 text-white py-10 px-6 lg:p-base">
4326    <div class="flex items-start border-b border-white pb-6 justify-between">
4327      <div class="titles w-full lg:w-1/2 flex-1 pr-8">
4328        
4329          <h2 id="stone-types-title" class="text-xs lg:text-sm uppercase tracking-def">STONE TYPE</h2>
4330        
4331
4332        
4333          <div class="text-xs lg:text-sm font-tertiary"><p>Your ring is crafted with a stone of your choice. Explore premium materials below.</p></div>
4334        
4335      </div>
4336
4337      <button class="closer text-xs lg:text-sm uppercase tracking-def flex-none fade">CLOSE</button>
4338    </div>
4339
4340    <div class="stone-types lg:px-base">
4341      
4342        <div class="grid grid-cols-8 gap-4 lg:gap-base items-center py-12">
4343          <div class="col-span-8 lg:col-span-4">
4344            
4345
4346            <h3 class="text-base-md xl:text-lg font-secondary tracking-tight">Lab Created Diamond</h3>
4347          </div>
4348
4349          <div class="col-span-8 lg:col-span-2 text-xs lg:text-base font-tertiary lg:pr-12">An authentic diamond expertly crafted in controlled origins and identical to its natural peer.</div>
4350
4351          <div class="col-span-8 lg:col-span-2 text-xxs lg:text-xs uppercase opacity-70">Certified</div>
4352        </div>
4353      
4354        <div class="grid grid-cols-8 gap-4 lg:gap-base items-center py-12">
4355          <div class="col-span-8 lg:col-span-4">
4356            
4357
4358            <h3 class="text-base-md xl:text-lg font-secondary tracking-tight">Mined Diamond</h3>
4359          </div>
4360
4361          <div class="col-span-8 lg:col-span-2 text-xs lg:text-base font-tertiary lg:pr-12">A natural diamond acquired from the earth’s mantle through mining processes.</div>
4362
4363          <div class="col-span-8 lg:col-span-2 text-xxs lg:text-xs uppercase opacity-70">Certified</div>
4364        </div>
4365      
4366        <div class="grid grid-cols-8 gap-4 lg:gap-base items-center py-12">
4367          <div class="col-span-8 lg:col-span-4">
4368            
4369
4370            <h3 class="text-base-md xl:text-lg font-secondary tracking-tight">Moissanite</h3>
4371          </div>
4372
4373          <div class="col-span-8 lg:col-span-2 text-xs lg:text-base font-tertiary lg:pr-12">A man-made industry newcomer favored for its unique rainbow sparkle.</div>
4374
4375          <div class="col-span-8 lg:col-span-2 text-xxs lg:text-xs uppercase opacity-70">Lab Created</div>
4376        </div>
4377      
4378        <div class="grid grid-cols-8 gap-4 lg:gap-base items-center py-12">
4379          <div class="col-span-8 lg:col-span-4">
4380            
4381
4382            <h3 class="text-base-md xl:text-lg font-secondary tracking-tight">Colored Gemstone</h3>
4383          </div>
4384
4385          <div class="col-span-8 lg:col-span-2 text-xs lg:text-base font-tertiary lg:pr-12">A broad selection available in a range of colors and species.</div>
4386
4387          <div class="col-span-8 lg:col-span-2 text-xxs lg:text-xs uppercase opacity-70">Natural & Lab Created Available</div>
4388        </div>
4389      
4390    </div>
4391  </div>
4392</div>
4393
4394
4395</div><div id="shopify-section-sections--15746698969136__ring-sizes-modal" class="shopify-section shopify-section-group-modals-group"><style data-shopify>
4396  .section-sections--15746698969136__ring-sizes-modal .titles > * + * {
4397    margin-top: 1rem;
4398  }
4399
4400  .section-sections--15746698969136__ring-sizes-modal table {
4401    table-layout: fixed;
4402  }
4403
4404  .section-sections--15746698969136__ring-sizes-modal table th,
4405  .section-sections--15746698969136__ring-sizes-modal table td {
4406    padding: 1rem
4407  }
4408
4409  .section-sections--15746698969136__ring-sizes-modal table tbody > tr {
4410    border-top: 1px solid var(--white);
4411  }
4412
4413  .section-sections--15746698969136__ring-sizes-modal > .closer {
4414    background-color: rgba(0,0,0,.75);
4415  }
4416
4417  /*
4418  LG
4419  */
4420
4421  .section-sections--15746698969136__ring-sizes-modal > .closer {
4422    background-color: none;
4423  }
4424</style>
4425
4426<div 
4427  id="ring-sizes"
4428  class="def-modal section-sections--15746698969136__ring-sizes-modal"
4429  role="dialog"
4430  aria-modal="true"
4431  
4432    aria-labelledby="ring-sizes-title"
4433  
4434  inert
4435>
4436  <button class="closer fill-parent" aria-label="Close Ring Sizes Modal">
4437    <span class="sr-only">
4437Close Ring Sizes Modal</span>
4438  </button>
4439
4440  <div class="modal large bg-red-1 text-white py-10 px-6 lg:p-base">
4441    <div class="border-b border-white pb-10">
4442      <div class="flex items-start justify-between">
4443        <div class="titles w-full lg:w-1/2 flex-1 pr-8">
4444          
4445            <h2 id="ring-sizes-title" class="text-xs lg:text-sm uppercase tracking-def">WHAT'S MY RING SIZE?</h2>
4446          
4447
4448          
4449            <div class="text-xs lg:text-sm font-tertiary"><p>June uses standard US sizes for our rings. If you're unsure of your size, <a href="https://junerings.com/products/ring-sizer" title="https://junerings.com/products/ring-sizer">CLICK HERE</a> to order a complimentary ring sizer. Wide bands (4mm and thicker) will be more snug. We recommend going up at least a 1/2 size to ensure a proper fit.</p></div>
4450          
4451        </div>
4452
4453        <button class="closer text-xs lg:text-sm uppercase tracking-def flex-none fade">CLOSE</button>
4454      </div>
4455
4456      
4457        <div class="dropdowns w-full lg:w-1/2 mt-8">
4458          <div class="def-dropdown">
4459            <button class="clicker uppercase py-4 text-xs tracking-def w-full text-left">
4460              <span class="icon">+</span>
4461              <span>3D print orders will include a complimentary ring sizer.</span>
4462            </button>
4463
4464            <div class="dropdown-content">
4465              <div class="dropdown-content-inner lg:pl-6 pb-6 text-xs opacity-70"><p>3D prints are available for each June Collection ring. <a href="https://junerings.com/collections/shop-all-engagement" title="https://junerings.com/collections/shop-all-engagement">CLICK HERE</a> to browse. </p></div>
4466            </div>
4467          </div>
4468        </div>
4469      
4470
4471      
4472    </div>
4473
4474    <div class="lg:p-base">
4475      <table class="p-base text-xs lg:text-sm uppercase w-full text-center">
4476        <thead>
4477          <tr>
4478            <th>USA, Canada, Mexico</th>
4479            <th>UK, Australia, Ireland, New Zealand, South Africa</th>
4480            <th>France</th>
4481          </tr>
4482        </thead>
4483
4484        <tbody>
4485          <tr>
4486            <td>3</td>
4487            <td>F</td>
4488            <td>44</td>
4489          </tr>
4490
4491          <tr>
4492            <td>3.25</td>
4493            <td>F 1/2</td>
4494            <td>44.625</td>
4495          </tr>
4496
4497          <tr>
4498            <td>3.5</td>
4499            <td>G</td>
4500            <td>45.25</td>
4501          </tr>
4502
4503          <tr>
4504            <td>3.75</td>
4505            <td>G 1/2</td>
4506            <td>45.875</td>
4507          </tr>
4508
4509          <tr>
4510            <td>4</td>
4511            <td>H</td>
4512            <td>46.5</td>
4513          </tr>
4514
4515          <tr>
4516            <td>4.25</td>
4517            <td>H 1/2</td>
4518            <td>47.125</td>
4519          </tr>
4520
4521          <tr>
4522            <td>4.5</td>
4523            <td>I</td>
4524            <td>47.75</td>
4525          </tr>
4526
4527          <tr>
4528            <td>4.75</td>
4529            <td>J</td>
4530            <td>48.375</td>
4531          </tr>
4532
4533          <tr>
4534            <td>5</td>
4535            <td>J 1/2</td>
4536            <td>49</td>
4537          </tr>
4538
4539          <tr>
4540            <td>5.25</td>
4541            <td>K</td>
4542            <td>49.625</td>
4543          </tr>
4544
4545          <tr>
4546            <td>5.5</td>
4547            <td>K 1/2</td>
4548            <td>50.25</td>
4549          </tr>
4550
4551          <tr>
4552            <td>5.75</td>
4553            <td>L</td>
4554            <td>50.875</td>
4555          </tr>
4556
4557          <tr>
4558            <td>6</td>
4559            <td>L 1/2</td>
4560            <td>51.5</td>
4561          </tr>
4562
4563          <tr>
4564            <td>6.25</td>
4565            <td>M</td>
4566            <td>52.125</td>
4567          </tr>
4568
4569          <tr>
4570            <td>6.5</td>
4571            <td>M 1/2</td>
4572            <td>52.75</td>
4573          </tr>
4574
4575          <tr>
4576            <td>6.75</td>
4577            <td>N</td>
4578            <td>53.375</td>
4579          </tr>
4580
4581          <tr>
4582            <td>7</td>
4583            <td>N 1/2</td>
4584            <td>54</td>
4585          </tr>
4586
4587          <tr>
4588            <td>7.25</td>
4589            <td>O</td>
4590            <td>54.625</td>
4591          </tr>
4592
4593          <tr>
4594            <td>7.5</td>
4595            <td>O 1/2</td>
4596            <td>55.25</td>
4597          </tr>
4598
4599          <tr>
4600            <td>7.75</td>
4601            <td>P</td>
4602            <td>55.875</td>
4603          </tr>
4604
4605          <tr>
4606            <td>8</td>
4607            <td>P 1/2</td>
4608            <td>56.5</td>
4609          </tr>
4610
4611          <tr>
4612            <td>8.25</td>
4613            <td>Q</td>
4614            <td>57.125</td>
4615          </tr>
4616
4617          <tr>
4618            <td>8.5</td>
4619            <td>Q 1/2</td>
4620            <td>57.75</td>
4621          </tr>
4622
4623          <tr>
4624            <td>8.75</td>
4625            <td>R</td>
4626            <td>58.375</td>
4627          </tr>
4628
4629          <tr>
4630            <td>9</td>
4631            <td>R 1/2</td>
4632            <td>59</td>
4633          </tr>
4634
4635          <tr>
4636            <td>9.25</td>
4637            <td>S</td>
4638            <td>59.625</td>
4639          </tr>
4640
4641          <tr>
4642            <td>9.5</td>
4643            <td>S 1/2</td>
4644            <td>60.25</td>
4645          </tr>
4646
4647          <tr>
4648            <td>9.75</td>
4649            <td>T</td>
4650            <td>60.875</td>
4651          </tr>
4652
4653          <tr>
4654            <td>10</td>
4655            <td>T 1/2</td>
4656            <td>61.5</td>
4657          </tr>
4658
4659          <tr>
4660            <td>10.25</td>
4661            <td>U</td>
4662            <td>62.125</td>
4663          </tr>
4664
4665          <tr>
4666            <td>10.5</td>
4667            <td>U 1/2</td>
4668            <td>62.75</td>
4669          </tr>
4670
4671          <tr>
4672            <td>10.75</td>
4673            <td>V</td>
4674            <td>63.375</td>
4675          </tr>
4676
4677          <tr>
4678            <td>11</td>
4679            <td>V 1/2</td>
4680            <td>64</td>
4681          </tr>
4682
4683          <tr>
4684            <td>11.25</td>
4685            <td>W</td>
4686            <td>64.625	</td>
4687          </tr>
4688
4689          <tr>
4690            <td>11.5</td>
4691            <td>W 1/2</td>
4692            <td>65.25</td>
4693          </tr>
4694
4695          <tr>
4696            <td>11.75</td>
4697            <td>X</td>
4698            <td>65.875</td>
4699          </tr>
4700
4701          <tr>
4702            <td>12</td>
4703            <td>X 1/2</td>
4704            <td>66.5</td>
4705          </tr>
4706
4707          <tr>
4708            <td>12.25</td>
4709            <td>Y</td>
4710            <td>67.125</td>
4711          </tr>
4712
4713          <tr>
4714            <td>12.5</td>
4715            <td>Z</td>
4716            <td>67.75</td>
4717          </tr>
4718
4719          <tr>
4720            <td>12.75</td>
4721            <td>Z 1/2</td>
4722            <td>68.375</td>
4723          </tr>
4724
4725          <tr>
4726            <td>13</td>
4727            <td>-</td>
4728            <td>69</td>
4729          </tr>
4730        </tbody>
4731      </table>
4732    </div>
4733  </div>
4734</div>
4735
4736
4737</div>
4738<!-- END sections: modals-group -->
4739
4740    
4741      <div
4742  id="customize-form"
4743  class="def-modal"
4744  role="dialog"
4745  aria-modal="true"
4746  aria-labelledby="customize-form-title"
4747  inert
4748>
4749  <button class="closer bg-closer fill-parent" aria-label="Close Customize Modal">
4750    <span class="sr-only">
4750Close Customize Modal</span>
4751  </button>
4752
4753  <div class="modal py-10 px-6 lg:px-24 bg-grey-5">
4754    <div class="relative">
4755      <h2 id="customize-form-title" class="font-secondary text-md text-center text-white">Customize</h2>
4756
4757      <button class="closer absolute right-0 top-1/2 -translate-y-1/2 text-xxs uppercase tracking-def text-white lg:hover:opacity-50 transition-opacity duration-300">CLOSE</button>
4758    </div>
4759
4760    <div class="rich-text text-white text-xs mt-16">
4761      Want to customize this ring by changing the design or the stone type? Fill out the form below to get started! A member of the June team will reach out to you within 1 - 2 business days.
4762    </div>
4763
4764    <div class="rich-text text-white text-xs mt-6 font-bold tracking-def">
4765      Please note: the starting price for any custom design is $4,000.
4766    </div>
4767
4768    <div class="form mt-16">
4769      
4769<script
4770        type="text/javascript"
4771        src="https://form.jotform.com/jsform/203639056348056?ring=Mesa | Champagne | Portugese Marquise"
4772        defer
4773      ></script>
4773
4774    </div>
4775  </div>
4776</div>
4777    
4778
4779    
4780
4781    
4782
4783    
4783<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
4783
4784  
4784<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4784
4785</body>
4786</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.