.product-accordion { max-width: 800px; margin: 0 auto; font-family: inherit; color: inherit; } .accordion-header { display: flex; align-items: center; justify-content: space-between; width: 100%; background: transparent; border: none; padding: 0.75rem 0; margin: 0; font-size: 1rem; font-weight: 700; text-align: left; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.08); } .accordion-header:focus { outline: 3px solid rgba(0,123,255,0.25); outline-offset: 2px; } .accordion-indicator { font-size: 1.25rem; line-height: 1; width: 1.5rem; text-align: center; transition: transform 0.25s ease-in-out; } .accordion-header[aria-expanded="true"] .accordion-indicator { transform: rotate(180deg); } .accordion-panel { overflow: hidden; max-height: 0; transition: max-height 0.35s ease; padding-bottom: 0; } .accordion-panel-inner { padding: 0.75rem 0 1rem 0; } .accordion-panel p { margin: 0 0 0.75rem 0; } .accordion-panel a { color: inherit; text-decoration: underline; } Select your chosen metal, then Click 'ADD DIAMOND' or 'ADD GEMSTONE' to choose your favorite centre stone. We will create an updated CAD design for you to see your chosen stone before we start making the ring. Inspired by Grecian Goddesses strolling through the pillars of ancient temples... This ring symbolises strength. Bespoke Experience + If you'd like an alternative gemstone, natural diamond or would like to re-use a sentimental diamond, just get in touch to discuss the possibilities. Specifications + Band width: 1.8mm The image is of a 4 mm 0.22 ct brilliant cut G VS lab grown diamond. Each ring comes presented in one of our beautiful hexagonal velvet ring boxes with our logo embossed in gold foil! Sizing + Just select the ring size from the drop down menu as you progress through the check out. Processing times & returns + Our processing times are approximately 8 to 12 weeks as each ring is made to order specifically for you! Please see our returns and exchanges page for more details. (function () { const container = document.getElementById('grecian-ring-accordion'); if (!container) return; const headers = Array.from(container.querySelectorAll('.accordion-header')); function closePanel(button, panel) { button.setAttribute('aria-expanded', 'false'); panel.setAttribute('aria-hidden', 'true'); panel.style.maxHeight = null; } function openPanel(button, panel) { button.setAttribute('aria-expanded', 'true'); panel.setAttribute('aria-hidden', 'false'); panel.style.maxHeight = panel.scrollHeight + 'px'; } headers.forEach(btn => { const panel = document.getElementById(btn.getAttribute('aria-controls')); if (panel) { panel.style.maxHeight = null; panel.setAttribute('aria-hidden', 'true'); btn.setAttribute('aria-expanded', 'false'); } }); headers.forEach(button => { button.addEventListener('click', () => { const panel = document.getElementById(button.getAttribute('aria-controls')); const isOpen = button.getAttribute('aria-expanded') === 'true'; // Close all headers.forEach(h => { const p = document.getElementById(h.getAttribute('aria-controls')); if (p) closePanel(h, p); }); // Toggle open if (!isOpen) openPanel(button, panel); }); button.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); button.click(); } }); }); window.addEventListener('resize', () => { headers.forEach(btn => { if (btn.getAttribute('aria-expanded') === 'true') { const panel = document.getElementById(btn.getAttribute('aria-controls')); if (panel) panel.style.maxHeight = panel.scrollHeight + 'px'; } }); }); })();
