{"id":12778,"date":"2026-02-20T12:01:15","date_gmt":"2026-02-20T12:01:15","guid":{"rendered":"https:\/\/vocgems.com\/?page_id=12778"},"modified":"2026-07-13T15:00:21","modified_gmt":"2026-07-13T15:00:21","slug":"%d1%82%d0%b2%d0%be%d0%b9-%d0%b2%d1%8b%d0%b1%d0%be%d1%80","status":"publish","type":"page","link":"https:\/\/vocgems.com\/ru\/your-selection\/","title":{"rendered":"\u0442\u0432\u043e\u0439 \u0432\u044b\u0431\u043e\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12778\" class=\"elementor elementor-12778\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1002c9b e-flex e-con-boxed e-con e-parent\" data-id=\"1002c9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc071bc elementor-widget elementor-widget-html\" data-id=\"bc071bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .elementor-widget-html { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; }\n\n    :root { --primary-turquoise: #45BDB0; --light-turquoise: #E5F8F6; --accent-turquoise: #3AA89C; --white: #FFFFFF; --off-white: #FAFAFA; --black: #1A1A1A; --gray: #666666; --light-gray: #E5E5E5; --red: #E53935; }\n\n    .voc-selection * { margin: 0; padding: 0; box-sizing: border-box; }\n    .voc-selection { font-family: 'DM Sans', sans-serif; background: var(--white); color: var(--black); line-height: 1.7; width: 100%; overflow-x: hidden; }\n    .voc-selection h1, .voc-selection h2, .voc-selection h3, .voc-selection h4 { font-family: 'Playfair Display', serif; font-weight: 400; }\n    .voc-selection a { text-decoration: none; color: inherit; }\n\n    \/* ===== PAGE HEADER ===== *\/\n    .voc-selection .page-header {\n        padding: clamp(55px, 5vw, 75px) clamp(52px, 5.33vw, 80px) clamp(20px, 2vw, 30px) !important;\n        background: linear-gradient(135deg, var(--white) 0%, var(--light-turquoise) 100%) !important;\n    }\n    .voc-selection .page-header h1 {\n        font-size: clamp(39px, 3.47vw, 52px) !important;\n        color: var(--black) !important;\n    }\n    .voc-selection .page-header p {\n        font-size: clamp(15px, 1.33vw, 20px) !important;\n        color: var(--gray) !important;\n        margin-top: 8px !important;\n    }\n\n    \/* ===== CONTENT ===== *\/\n    .voc-selection .selection-content {\n        padding: clamp(32px, 3.33vw, 50px) clamp(52px, 5.33vw, 80px) !important;\n        max-width: 1400px !important;\n        margin: 0 auto !important;\n    }\n    .voc-selection .selection-grid {\n        display: grid !important;\n        grid-template-columns: 1fr clamp(280px, 22vw, 360px) !important;\n        gap: clamp(26px, 2.67vw, 40px) !important;\n        align-items: start !important;\n    }\n\n    \/* ===== ITEMS LIST ===== *\/\n    .voc-selection .selection-item {\n        display: flex !important;\n        gap: clamp(16px, 1.6vw, 24px) !important;\n        padding: clamp(18px, 1.87vw, 28px) !important;\n        background: var(--off-white) !important;\n        border-radius: clamp(10px, 1.07vw, 16px) !important;\n        margin-bottom: clamp(14px, 1.33vw, 20px) !important;\n        align-items: center !important;\n        transition: all 0.3s !important;\n    }\n    .voc-selection .selection-item:hover {\n        box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important;\n    }\n    .voc-selection .item-image {\n        width: clamp(90px, 8vw, 120px) !important;\n        height: clamp(90px, 8vw, 120px) !important;\n        border-radius: clamp(8px, 0.8vw, 12px) !important;\n        background: linear-gradient(135deg, var(--light-turquoise) 0%, #A5E0DB 100%) !important;\n        flex-shrink: 0 !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        font-size: clamp(12px, 1.07vw, 16px) !important;\n        color: var(--gray) !important;\n    }\n    .voc-selection .item-details { flex: 1 !important; }\n    .voc-selection .item-details h3 {\n        font-size: clamp(18px, 1.6vw, 24px) !important;\n        margin-bottom: 4px !important;\n    }\n    .voc-selection .item-specs {\n        font-size: clamp(14px, 1.2vw, 18px) !important;\n        color: var(--gray) !important;\n        margin-bottom: clamp(8px, 0.8vw, 12px) !important;\n    }\n    .voc-selection .item-specs span {\n        margin-right: clamp(12px, 1.07vw, 16px) !important;\n    }\n    .voc-selection .item-price {\n        font-family: 'Playfair Display', serif !important;\n        font-size: clamp(18px, 1.6vw, 24px) !important;\n        font-weight: 500 !important;\n    }\n    .voc-selection .btn-remove {\n        background: none !important;\n        border: none !important;\n        color: var(--gray) !important;\n        font-size: clamp(18px, 1.6vw, 24px) !important;\n        cursor: pointer !important;\n        transition: all 0.3s !important;\n        padding: 8px !important;\n        flex-shrink: 0 !important;\n    }\n    .voc-selection .btn-remove:hover { color: var(--red) !important; }\n\n    \/* ===== SUMMARY CARD ===== *\/\n    .voc-selection .summary-card {\n        background: var(--off-white) !important;\n        border-radius: clamp(13px, 1.33vw, 20px) !important;\n        padding: clamp(23px, 2.4vw, 36px) !important;\n        position: sticky !important;\n        top: 100px !important;\n    }\n    .voc-selection .summary-card h2 {\n        font-size: clamp(18px, 1.6vw, 24px) !important;\n        margin-bottom: clamp(18px, 1.87vw, 28px) !important;\n        padding-bottom: clamp(12px, 1.2vw, 18px) !important;\n        border-bottom: 1px solid var(--light-gray) !important;\n    }\n    .voc-selection .summary-row {\n        display: flex !important;\n        justify-content: space-between !important;\n        margin-bottom: clamp(10px, 1.07vw, 16px) !important;\n        font-size: clamp(14px, 1.2vw, 18px) !important;\n    }\n    .voc-selection .summary-row .label { color: var(--gray) !important; }\n    .voc-selection .summary-row .value { font-weight: 600 !important; }\n    .voc-selection .summary-total {\n        display: flex !important;\n        justify-content: space-between !important;\n        padding-top: clamp(14px, 1.33vw, 20px) !important;\n        margin-top: clamp(14px, 1.33vw, 20px) !important;\n        border-top: 2px solid var(--black) !important;\n    }\n    .voc-selection .summary-total .label {\n        font-size: clamp(15px, 1.33vw, 20px) !important;\n        font-weight: 600 !important;\n    }\n    .voc-selection .summary-total .value {\n        font-family: 'Playfair Display', serif !important;\n        font-size: clamp(24px, 2.13vw, 32px) !important;\n        font-weight: 500 !important;\n    }\n    .voc-selection .btn-request {\n        display: block !important;\n        width: 100% !important;\n        padding: clamp(14px, 1.33vw, 20px) !important;\n        background: var(--primary-turquoise) !important;\n        color: var(--white) !important;\n        font-family: 'DM Sans', sans-serif !important;\n        font-size: clamp(15px, 1.33vw, 20px) !important;\n        font-weight: 600 !important;\n        border: none !important;\n        border-radius: 10px !important;\n        cursor: pointer !important;\n        transition: all 0.3s !important;\n        margin-top: clamp(18px, 1.87vw, 28px) !important;\n        text-align: center !important;\n    }\n    .voc-selection .btn-request:hover {\n        background: var(--accent-turquoise) !important;\n        transform: translateY(-2px) !important;\n        box-shadow: 0 10px 30px rgba(69,189,176,0.3) !important;\n    }\n    .voc-selection .btn-continue {\n        display: block !important;\n        width: 100% !important;\n        padding: clamp(12px, 1.2vw, 18px) !important;\n        background: transparent !important;\n        color: var(--black) !important;\n        font-family: 'DM Sans', sans-serif !important;\n        font-size: clamp(14px, 1.2vw, 18px) !important;\n        font-weight: 600 !important;\n        border: 2px solid var(--light-gray) !important;\n        border-radius: 10px !important;\n        cursor: pointer !important;\n        transition: all 0.3s !important;\n        margin-top: clamp(10px, 1.07vw, 16px) !important;\n        text-align: center !important;\n    }\n    .voc-selection .btn-continue:hover {\n        border-color: var(--black) !important;\n    }\n    .voc-selection .summary-note {\n        font-size: clamp(12px, 1.07vw, 16px) !important;\n        color: var(--gray) !important;\n        margin-top: clamp(14px, 1.33vw, 20px) !important;\n        text-align: center !important;\n        line-height: 1.5 !important;\n    }\n\n    \/* ===== COPYRIGHT ===== *\/\n    .voc-selection .voc-copyright {\n        padding: 30px 80px !important;\n        border-top: 1px solid #E5E5E5 !important;\n        text-align: center !important;\n        background: #FAFAFA !important;\n    }\n    .voc-selection .voc-copyright p {\n        font-family: 'DM Sans', sans-serif !important;\n        font-size: 16px !important;\n        color: #666666 !important;\n        line-height: 1.6 !important;\n    }\n\n\n    \/* EMPTY STATE *\/\n    .voc-selection .selection-grid.is-empty { grid-template-columns: 1fr !important; }\n    .voc-selection .empty-state {\n        text-align: center !important;\n        margin: 0 auto !important;\n        width: 100% !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n        padding: clamp(40px, 4vw, 60px) clamp(20px, 5vw, 80px) !important;\n    }\n    .voc-selection .empty-state .empty-icon { font-size: clamp(40px, 4vw, 60px); margin-bottom: 16px; opacity: 0.3; }\n    .voc-selection .empty-state h2 { font-size: clamp(22px, 2vw, 30px); margin-bottom: 10px; }\n    .voc-selection .empty-state p { color: var(--gray); margin-bottom: 24px; font-size: clamp(14px, 1.2vw, 18px); }\n    .voc-selection .empty-state a { display: inline-block; padding: 14px 32px; background: var(--primary-turquoise); color: white; border-radius: 10px; font-weight: 600; }\n    .voc-selection .item-image img { width: 100%; height: 100%; object-fit: cover; border-radius: clamp(8px, 0.8vw, 12px); }\n\n    @media (max-width: 992px) {\n        .voc-selection .selection-grid { grid-template-columns: 1fr !important; }\n        .voc-selection .summary-card { position: static !important; }\n    }\n\n    @media (max-width: 768px) {\n        .voc-selection .page-header { padding: 80px 20px 20px !important; }\n        .voc-selection .selection-content { padding: 20px !important; }\n\n        .voc-selection .selection-item { flex-wrap: wrap !important; gap: 12px !important; padding: 16px !important; }\n        .voc-selection .item-image { width: 80px !important; height: 80px !important; }\n        .voc-selection .item-details { flex: 1 1 calc(100% - 100px) !important; min-width: 0 !important; }\n        .voc-selection .item-details h3 { font-size: 16px !important; }\n        .voc-selection .item-specs { font-size: 13px !important; }\n        .voc-selection .item-price { font-size: 16px !important; }\n        .voc-selection .btn-remove { margin-left: auto !important; }\n\n        .voc-selection .summary-card { padding: 20px !important; }\n        .voc-selection .voc-copyright { padding: 20px !important; }\n\n        .voc-selection input,\n        .voc-selection select,\n        .voc-selection textarea { font-size: 16px !important; }\n    }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"voc-selection\">\n\n    <!-- PAGE HEADER -->\n    <div class=\"page-header\">\n        <h1>Your Selection<\/h1>\n        <p id=\"selectionCount\">Loading...<\/p>\n    <\/div>\n\n    <!-- CONTENT -->\n    <div class=\"selection-content\">\n        <div class=\"selection-grid\">\n\n            <!-- ITEMS -->\n            <div class=\"selection-items\" id=\"selectionItems\"><\/div>\n\n            <!-- SUMMARY -->\n            <div class=\"summary-card\" id=\"summaryCard\">\n                <h2>Order Summary<\/h2>\n                <div id=\"summaryRows\"><\/div>\n                <div class=\"summary-total\">\n                    <span class=\"label\">Total<\/span>\n                    <span class=\"value\" id=\"summaryTotal\">\u2014<\/span>\n                <\/div>\n                <button class=\"btn-request\" id=\"btnRequest\" onclick=\"submitRequest()\">Submit Request<\/button>\n                <a href=\"\/catalog\/\" class=\"btn-continue\">Continue Browsing<\/a>\n                <p class=\"summary-note\">No payment required now. Our team will contact you to confirm the order details.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- COPYRIGHT -->\n    <div class=\"voc-copyright\">\n        <p>\"VOC gems\" \u2014 Gemstone Store \u00a9 2026, All Rights Reserved.<\/p>\n    <\/div>\n\n<\/div>\n\n<script>\nconst STORAGE_KEY = 'voc_selection';\n\nfunction getSelection() {\n    try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'); } catch(e) { return []; }\n}\n\nfunction saveSelection(items) {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(items));\n}\n\nfunction removeItem(id) {\n    var items = getSelection().filter(function(s){ return s.id != id; });\n    saveSelection(items);\n    renderSelection();\n    updateCartCount();\n}\n\nfunction updateCartCount() {\n    var count = getSelection().length;\n    var badge = document.querySelector('.cart-count, .voc-cart-count, [data-cart-count]');\n    if (badge) badge.textContent = count;\n}\n\nvar isRu = window.location.pathname.indexOf('\/ru\/') === 0;\nvar T = {\n    selectionEmpty:   isRu ? '\u0412\u0430\u0448\u0430 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043f\u0443\u0441\u0442\u0430'                                          : 'Your selection is empty',\n    noGemstones:      isRu ? '\u041a\u0430\u043c\u043d\u0438 \u0435\u0449\u0451 \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u044b'                                         : 'No gemstones selected yet',\n    browseCatalog:    isRu ? '\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u0430\u043c\u043d\u0438 \u0432 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443'              : 'Browse our catalog and add stones to your selection',\n    goToCatalog:      isRu ? '\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433'                                            : 'Go to Catalog',\n    gemstoneCount:    isRu ? function(n){ return n + ' ' + (n===1?'\u043a\u0430\u043c\u0435\u043d\u044c':n<5?'\u043a\u0430\u043c\u043d\u044f':'\u043a\u0430\u043c\u043d\u0435\u0439') + ' \u0432 \u0432\u0430\u0448\u0435\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0435'; }\n                           : function(n){ return n + ' gemstone' + (n!==1?'s':'') + ' in your selection'; },\n    onRequest:        isRu ? '\u041f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443'                                                   : 'On request',\n    fromPrice:        isRu ? function(p){ return '\u043e\u0442 $' + p; }                              : function(p){ return 'from $' + p; },\n    priceOnRequest:   isRu ? '\u0426\u0435\u043d\u0430 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443'                                              : 'Price on request',\n};\n\nfunction formatPrice(price) {\n    if (!price) return T.priceOnRequest;\n    return '$' + Number(price).toLocaleString('en-US');\n}\n\nfunction renderSelection() {\n    var items = getSelection();\n    var container = document.getElementById('selectionItems');\n    var summaryCard = document.getElementById('summaryCard');\n    var countEl = document.getElementById('selectionCount');\n\n    if (!items.length) {\n        document.querySelector('.selection-grid').classList.add('is-empty');\n        countEl.textContent = T.selectionEmpty;\n        container.innerHTML = '<div class=\"empty-state\">'\n            + '<div class=\"empty-icon\">\ud83d\udc8e<\/div>'\n            + '<h2>' + T.noGemstones + '<\/h2>'\n            + '<p>' + T.browseCatalog + '<\/p>'\n            + '<a href=\"\/catalog\/\">' + T.goToCatalog + '<\/a>'\n            + '<\/div>';\n        if (summaryCard) summaryCard.style.display = 'none';\n        return;\n    }\n    document.querySelector('.selection-grid').classList.remove('is-empty');\n\n    countEl.textContent = T.gemstoneCount(items.length);\n    if (summaryCard) summaryCard.style.display = 'block';\n\n    \/\/ Render items\n    container.innerHTML = items.map(function(s) {\n        var imgHtml = s.thumbnail\n            ? '<img decoding=\"async\" src=\"' + s.thumbnail + '\" alt=\"' + s.title + '\">'\n            : '\ud83d\udc8e';\n        var price = formatPrice(s.price);\n        return '<div class=\"selection-item\">'\n            + '<div class=\"item-image\">' + imgHtml + '<\/div>'\n            + '<div class=\"item-details\">'\n            + '<h3>' + s.title + '<\/h3>'\n            + '<div class=\"item-specs\">'\n            + (s.sku ? '<span>ID: ' + s.sku + '<\/span>' : '')\n            + '<\/div>'\n            + '<div class=\"item-price\">' + price + '<\/div>'\n            + '<\/div>'\n            + '<button class=\"btn-remove\" onclick=\"removeItem(' + s.id + ')\">\u2715<\/button>'\n            + '<\/div>';\n    }).join('');\n\n    \/\/ Render summary rows\n    var summaryRows = document.getElementById('summaryRows');\n    var total = 0;\n    var hasOnRequest = false;\n\n    summaryRows.innerHTML = items.map(function(s) {\n        if (s.price) total += Number(s.price);\n        else hasOnRequest = true;\n        return '<div class=\"summary-row\">'\n            + '<span class=\"label\">' + s.title + '<\/span>'\n            + '<span class=\"value\">' + formatPrice(s.price) + '<\/span>'\n            + '<\/div>';\n    }).join('');\n\n    var totalEl = document.getElementById('summaryTotal');\n    if (hasOnRequest && !total) {\n        totalEl.textContent = T.onRequest;\n    } else if (hasOnRequest) {\n        totalEl.textContent = T.fromPrice(total.toLocaleString('en-US'));\n    } else {\n        totalEl.textContent = '$' + total.toLocaleString('en-US');\n    }\n}\n\nfunction vocRequireLogin(actionTextEn, actionTextRu) {\n    var acc = window.VOC_ACCOUNT;\n    if (acc && acc.loggedIn) return true;\n    var isRuL = window.location.pathname.indexOf('\/ru\/') === 0;\n    var redirect = encodeURIComponent(window.location.pathname + window.location.search);\n    document.getElementById('vocAuthModalTitle').textContent = isRuL ? '\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0430\u043a\u043a\u0430\u0443\u043d\u0442' : 'Sign in to continue';\n    document.getElementById('vocAuthModalText').textContent = isRuL ? (actionTextRu || '\u0414\u043b\u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u043e\u0439\u0442\u0438 \u0438\u043b\u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f.') : (actionTextEn || 'Please sign in or create an account to continue.');\n    document.getElementById('vocAuthModalBtn').textContent = isRuL ? '\u0412\u043e\u0439\u0442\u0438' : 'Sign In';\n    document.getElementById('vocAuthModalBtn').href = '\/login\/?redirect_to=' + redirect;\n    document.getElementById('vocAuthModalReg').textContent = isRuL ? '\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u043a\u043a\u0430\u0443\u043d\u0442' : 'Create Account';\n    document.getElementById('vocAuthModalReg').href = '\/wp-login.php?action=register&redirect_to=' + redirect;\n    document.getElementById('vocAuthModal').style.display = 'flex';\n    return false;\n}\n\nfunction submitRequest() {\n    if (!vocRequireLogin(\n        'Please sign in to submit your selection.',\n        '\u0412\u043e\u0439\u0434\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443 \u043d\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043c\u043d\u0438.'\n    )) return;\n    var items = getSelection();\n    if (!items.length) return;\n    \/\/ Save to sessionStorage for order-request page\n    sessionStorage.setItem('voc_request_items', JSON.stringify(items));\n    window.location.href = '\/order-request\/';\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Auth check on page load\n    var acc = window.VOC_ACCOUNT;\n    if (!acc || !acc.loggedIn) {\n        var isRuL = window.location.pathname.indexOf('\/ru\/') === 0;\n        var redirect = encodeURIComponent(window.location.pathname);\n        document.getElementById('vocAuthModalTitle').textContent = isRuL ? '\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0430\u043a\u043a\u0430\u0443\u043d\u0442' : 'Sign in to continue';\n        document.getElementById('vocAuthModalText').textContent = isRuL ? '\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0438\u043b\u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u0432\u043e\u0435\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u043e\u0439.' : 'Sign in or create an account to view and manage your selection.';\n        document.getElementById('vocAuthModalBtn').textContent = isRuL ? '\u0412\u043e\u0439\u0442\u0438' : 'Sign In';\n        document.getElementById('vocAuthModalBtn').href = '\/login\/?redirect_to=' + redirect;\n        document.getElementById('vocAuthModalReg').textContent = isRuL ? '\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u043a\u043a\u0430\u0443\u043d\u0442' : 'Create Account';\n        document.getElementById('vocAuthModalReg').href = '\/wp-login.php?action=register&redirect_to=' + redirect;\n        document.getElementById('vocAuthModal').style.display = 'flex';\n    } else {\n        renderSelection();\n        updateCartCount();\n    }\n});\n<\/script>\n\n\n<!-- AUTH MODAL -->\n<div id=\"vocAuthModal\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:99999;align-items:center;justify-content:center;padding:20px;\">\n  <div style=\"background:#fff;border-radius:20px;padding:40px 36px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.2);position:relative;\">\n    <button onclick=\"document.getElementById('vocAuthModal').style.display='none'\" style=\"position:absolute;top:16px;right:20px;background:none;border:none;font-size:22px;cursor:pointer;color:#999;line-height:1;\">\u00d7<\/button>\n    <div style=\"width:56px;height:56px;background:#E5F8F6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;\">\n      <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"#45BDB0\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n    <\/div>\n    <h3 id=\"vocAuthModalTitle\" style=\"font-family:'Playfair Display',serif;font-size:22px;color:#1A1A1A;margin-bottom:10px;\">Sign in to continue<\/h3>\n    <p id=\"vocAuthModalText\" style=\"font-family:'DM Sans',sans-serif;font-size:14px;color:#666;line-height:1.6;margin-bottom:28px;\">Please sign in or create an account to continue.<\/p>\n    <a id=\"vocAuthModalBtn\" href=\"\/login\/\" style=\"display:block;background:#45BDB0;color:#fff;text-decoration:none;padding:14px 32px;border-radius:50px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:15px;margin-bottom:12px;\">Sign In<\/a>\n    <a id=\"vocAuthModalReg\" href=\"\/wp-login.php?action=register\" style=\"display:block;background:transparent;color:#45BDB0;text-decoration:none;padding:13px 32px;border-radius:50px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:15px;border:1.5px solid #45BDB0;\">Create Account<\/a>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Selection Loading&#8230; Order Summary Total \u2014 Submit Request Continue Browsing No payment required now. Our team will contact you to confirm the order details. &#8220;VOC gems&#8221; \u2014 Gemstone Store \u00a9 2026, All Rights Reserved. \u00d7 Sign in to continue Please sign in or create an account to continue. Sign In Create Account<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-12778","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Your Selection \u2014 VOC Gems<\/title>\n<meta name=\"description\" content=\"Review your selected gemstones and submit a purchase request to the VOC Gems team.\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Your Selection \u2014 VOC Gems\" \/>\n<meta property=\"og:description\" content=\"Review your selected gemstones and submit a purchase request to the VOC Gems team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vocgems.com\/ru\/\u0442\u0432\u043e\u0439-\u0432\u044b\u0431\u043e\u0440\/\" \/>\n<meta property=\"og:site_name\" content=\"VOC Gems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-13T15:00:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vocgems.com\/your-selection\/\",\"url\":\"https:\/\/vocgems.com\/your-selection\/\",\"name\":\"Your Selection \u2014 VOC Gems\",\"isPartOf\":{\"@id\":\"https:\/\/vocgems.com\/#website\"},\"datePublished\":\"2026-02-20T12:01:15+00:00\",\"dateModified\":\"2026-07-13T15:00:21+00:00\",\"description\":\"Review your selected gemstones and submit a purchase request to the VOC Gems team.\",\"breadcrumb\":{\"@id\":\"https:\/\/vocgems.com\/your-selection\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vocgems.com\/your-selection\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vocgems.com\/your-selection\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\/\/vocgems.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"your selection\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vocgems.com\/#website\",\"url\":\"https:\/\/vocgems.com\/\",\"name\":\"VOC Gems\",\"description\":\"Gemstones shop\",\"publisher\":{\"@id\":\"https:\/\/vocgems.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vocgems.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vocgems.com\/#organization\",\"name\":\"VOC Gems\",\"url\":\"https:\/\/vocgems.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\/\/vocgems.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vocgems.com\/wp-content\/uploads\/2026\/02\/cropped-Green_logo-Photoroom-2.png\",\"contentUrl\":\"https:\/\/vocgems.com\/wp-content\/uploads\/2026\/02\/cropped-Green_logo-Photoroom-2.png\",\"width\":848,\"height\":417,\"caption\":\"VOC Gems\"},\"image\":{\"@id\":\"https:\/\/vocgems.com\/#\/schema\/logo\/image\/\"},\"legalName\":\"VOC Gems Co., Ltd.\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"2 Soi Pramote 2, Mahesak Road, Suriyawongse\",\"addressLocality\":\"Bang Rak\",\"addressRegion\":\"Bangkok\",\"postalCode\":\"10500\",\"addressCountry\":\"TH\"},\"identifier\":{\"@type\":\"PropertyValue\",\"propertyID\":\"Thailand company registration number\",\"value\":\"0105568148081\"},\"sameAs\":[\"https:\/\/www.instagram.com\/voc_gems\",\"https:\/\/www.instagram.com\/vocgems\",\"https:\/\/www.youtube.com\/@vocherepanov\",\"https:\/\/www.youtube.com\/@gemvoyager\",\"https:\/\/t.me\/voc_gems\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0412\u0430\u0448 \u0412\u044b\u0431\u043e\u0440 \u2014 VOC Gems","description":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u043c\u0438 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u043c\u043d\u0438 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 VOC Gems.","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"ru_RU","og_type":"article","og_title":"Your Selection \u2014 VOC Gems","og_description":"Review your selected gemstones and submit a purchase request to the VOC Gems team.","og_url":"https:\/\/vocgems.com\/ru\/\u0442\u0432\u043e\u0439-\u0432\u044b\u0431\u043e\u0440\/","og_site_name":"VOC Gems","article_modified_time":"2026-07-13T15:00:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"1 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vocgems.com\/your-selection\/","url":"https:\/\/vocgems.com\/your-selection\/","name":"\u0412\u0430\u0448 \u0412\u044b\u0431\u043e\u0440 \u2014 VOC Gems","isPartOf":{"@id":"https:\/\/vocgems.com\/#website"},"datePublished":"2026-02-20T12:01:15+00:00","dateModified":"2026-07-13T15:00:21+00:00","description":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u043c\u0438 \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u043c\u043d\u0438 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 VOC Gems.","breadcrumb":{"@id":"https:\/\/vocgems.com\/your-selection\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vocgems.com\/your-selection\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vocgems.com\/your-selection\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/vocgems.com\/"},{"@type":"ListItem","position":2,"name":"your selection"}]},{"@type":"WebSite","@id":"https:\/\/vocgems.com\/#website","url":"https:\/\/vocgems.com\/","name":"VOC Gems","description":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d \u0434\u0440\u0430\u0433\u043e\u0446\u0435\u043d\u043d\u044b\u0445 \u043a\u0430\u043c\u043d\u0435\u0439","publisher":{"@id":"https:\/\/vocgems.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vocgems.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/vocgems.com\/#organization","name":"VOC Gems","url":"https:\/\/vocgems.com\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/vocgems.com\/#\/schema\/logo\/image\/","url":"https:\/\/vocgems.com\/wp-content\/uploads\/2026\/02\/cropped-Green_logo-Photoroom-2.png","contentUrl":"https:\/\/vocgems.com\/wp-content\/uploads\/2026\/02\/cropped-Green_logo-Photoroom-2.png","width":848,"height":417,"caption":"VOC Gems"},"image":{"@id":"https:\/\/vocgems.com\/#\/schema\/logo\/image\/"},"legalName":"VOC Gems Co., Ltd.","address":{"@type":"PostalAddress","streetAddress":"2 Soi Pramote 2, Mahesak Road, Suriyawongse","addressLocality":"Bang Rak","addressRegion":"Bangkok","postalCode":"10500","addressCountry":"TH"},"identifier":{"@type":"PropertyValue","propertyID":"Thailand company registration number","value":"0105568148081"},"sameAs":["https:\/\/www.instagram.com\/voc_gems","https:\/\/www.instagram.com\/vocgems","https:\/\/www.youtube.com\/@vocherepanov","https:\/\/www.youtube.com\/@gemvoyager","https:\/\/t.me\/voc_gems"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/pages\/12778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/comments?post=12778"}],"version-history":[{"count":3,"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/pages\/12778\/revisions"}],"predecessor-version":[{"id":13754,"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/pages\/12778\/revisions\/13754"}],"wp:attachment":[{"href":"https:\/\/vocgems.com\/ru\/wp-json\/wp\/v2\/media?parent=12778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}