{"product_id":"hugcitar-fashion-solid-o-neck-sleeveless-patchwork-sexy-bodycon-maxi-prom-dress-summer-women-clothes-party-festival-club-y2k","title":"ByAmara - Victoria Gown","description":"\u003cdiv class=\"custom-product-tabs\" id=\"shopify-product-tabs-{{ section.id }}\"\u003e\n  \n  \u003c!-- Tab 1: Productinformatie (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eProductinformatie\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cp\u003eDit exclusieve item van \u003cstrong\u003e{{ product.vendor | default: shop.name }}\u003c\/strong\u003e is met zorg ontworpen en biedt de perfecte mix tussen comfort en stijl. Deze prachtige, fijngebreide enkellange jurk heeft een elegante off-the-shoulder halslijn en een aansluitende slim-fit pasvorm die je silhouet prachtig accentueert. Gemaakt van een hoogwaardige, licht elastische stof met een verhoogde empire taille – de ideale outfit voor een stijlvolle look in de lente en zomer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Tab 2: Wasvoorschrift (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eWasvoorschrift\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cul\u003e\n        \u003cli\u003eBinnenstebuiten wassen op maximaal 30°C (fijnwasprogramma).\u003c\/li\u003e\n        \u003cli\u003eNiet in de droger drogen om de kwaliteit, elasticiteit en pasvorm te behouden.\u003c\/li\u003e\n        \u003cli\u003eNiet bleken \/ Strijken op zeer lage temperatuur.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Tab 3: Size Quiz \u0026 Maattabel (Gesloten) --\u003e\n  \u003cdetails class=\"info-balk\"\u003e\n    \u003csummary class=\"info-balk__titel\"\u003e\n      \u003cspan\u003eSize Quiz \u0026amp; Maatadvies\u003c\/span\u003e \n      \u003cspan class=\"icon-arrow\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"info-balk__content\"\u003e\n      \u003cp\u003eTwijfel je over de maat? Gebruik onze interactieve \u003cstrong\u003eSize Quiz\u003c\/strong\u003e voor een direct, concreet advies!\u003c\/p\u003e\n      \n      \u003c!-- 2-Staps Size Quiz Box --\u003e\n      \u003cdiv class=\"size-quiz-box\"\u003e\n        \u003cdiv class=\"quiz-stap\"\u003e\n          \u003ch4\u003e1. Wat is jouw normale kledingmaat?\u003c\/h4\u003e\n          \u003cdiv class=\"quiz-options\"\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"XS\"\u003eMaat XS\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"S\"\u003eMaat S\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"M\"\u003eMaat M\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn maat-btn\" data-maat=\"L\"\u003eMaat L\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"quiz-stap\" style=\"margin-top: 20px;\"\u003e\n          \u003ch4\u003e2. Welke pasvorm heeft jouw voorkeur?\u003c\/h4\u003e\n          \u003cdiv class=\"quiz-options\"\u003e\n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"slim\"\u003eAansluitend \/ Slim Fit\u003c\/span\u003e \n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"regular\"\u003eNormaal \/ Regular Fit\u003c\/span\u003e\n            \u003cspan class=\"quiz-btn fit-btn\" data-fit=\"oversized\"\u003eLosjes \/ Oversized\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Dynamisch resultaat --\u003e\n        \u003cdiv style=\"display: none;\" class=\"quiz-resultaat-box\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Maattabel --\u003e\n      \u003cdiv class=\"maattabel-wrapper\" style=\"overflow-x: auto;\"\u003e\n        \u003ctable class=\"maattabel\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eMaat\u003c\/th\u003e\n              \u003cth\u003eLengte (cm)\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e72 - 86\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e76 - 90\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e80 - 94\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n              \u003ctd\u003e84 - 98\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .custom-product-tabs {\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: inherit;\n  }\n  .info-balk {\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    background: #fff;\n    transition: all 0.3s ease;\n  }\n  .info-balk__titel {\n    padding: 15px 20px;\n    font-weight: 600;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    background-color: #f9f9f9;\n    user-select: none;\n  }\n  .info-balk__titel::-webkit-details-marker {\n    display: none;\n  }\n  .info-balk[open] .info-balk__titel {\n    background-color: #f1f1f1;\n    border-bottom: 1px solid #e8e8e8;\n  }\n  .info-balk[open] .icon-arrow {\n    transform: rotate(180deg);\n  }\n  .info-balk__content {\n    padding: 20px;\n    line-height: 1.6;\n    color: #333;\n  }\n  .size-quiz-box {\n    background: #f8f9fa;\n    padding: 20px;\n    border-radius: 8px;\n    border: 1px dashed #bbb;\n    margin-bottom: 15px;\n    position: relative;\n    z-index: 1;\n  }\n  .size-quiz-box h4 {\n    margin: 0 0 10px 0;\n    font-size: 15px;\n    font-weight: 600;\n    text-align: left;\n  }\n  .quiz-options {\n    display: flex;\n    gap: 10px;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n  .quiz-btn {\n    display: inline-block;\n    background: #fff;\n    color: #000;\n    border: 1px solid #ccc;\n    padding: 10px 18px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    transition: all 0.2s ease;\n    user-select: none;\n    pointer-events: auto !important;\n  }\n  .quiz-btn:hover {\n    border-color: #000;\n    background: #f9f9f9;\n  }\n  .quiz-btn.active-btn {\n    background: #000;\n    color: #fff;\n    border-color: #000;\n  }\n  .quiz-resultaat-box {\n    margin-top: 20px;\n    padding: 15px;\n    background: #e6f4ea;\n    color: #137333;\n    border-radius: 6px;\n    font-size: 15px;\n    text-align: left;\n    border-left: 5px solid #137333;\n    animation: quizFadeIn 0.3s ease;\n  }\n  @keyframes quizFadeIn {\n    from { opacity: 0; transform: translateY(5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .maattabel {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 15px;\n  }\n  .maattabel th, .maattabel td {\n    border: 1px solid #e8e8e8;\n    padding: 10px;\n    text-align: left;\n    font-size: 14px;\n  }\n  .maattabel th {\n    background-color: #f9f9f9;\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function() {\n    const setupQuizDirect = function() {\n      const quizBoxes = document.querySelectorAll('.size-quiz-box');\n      \n      quizBoxes.forEach(function(quizBox) {\n        const buttons = quizBox.querySelectorAll('.quiz-btn');\n        const resultBox = quizBox.querySelector('.quiz-resultaat-box');\n\n        buttons.forEach(function(button) {\n          button.replaceWith(button.cloneNode(true));\n        });\n\n        const freshButtons = quizBox.querySelectorAll('.quiz-btn');\n        freshButtons.forEach(function(button) {\n          button.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (this.classList.contains('maat-btn')) {\n              quizBox.querySelectorAll('.maat-btn').forEach(b =\u003e b.classList.remove('active-btn'));\n            } else if (this.classList.contains('fit-btn')) {\n              quizBox.querySelectorAll('.fit-btn').forEach(b =\u003e b.classList.remove('active-btn'));\n            }\n            \n            this.classList.add('active-btn');\n\n            const gekozenMaatBtn = quizBox.querySelector('.maat-btn.active-btn');\n            const gekozenFitBtn = quizBox.querySelector('.fit-btn.active-btn');\n\n            if (gekozenMaatBtn \u0026\u0026 gekozenFitBtn) {\n              const basisMaat = gekozenMaatBtn.getAttribute('data-maat');\n              const pasvorm = gekozenFitBtn.getAttribute('data-fit');\n              \n              const matenVolgorde = ['XS', 'S', 'M', 'L'];\n              let huidigeIndex = matenVolgorde.indexOf(basisMaat);\n              \n              let adviesMaat = basisMaat;\n              let onderbouwing = \"\";\n\n              if (pasvorm === 'slim') {\n                adviesMaat = basisMaat;\n                onderbouwing = \"Aangezien dit model een slim-fit ontwerp heeft met lichte stretch, sluit je eigen maat direct prachtig en gestroomlijnd aan.\";\n              } else if (pasvorm === 'regular') {\n                if (huidigeIndex \u003c matenVolgorde.length - 1) {\n                  adviesMaat = matenVolgorde[huidigeIndex + 1];\n                  onderbouwing = \"Omdat deze jurk van zichzelf strak valt (slim-fit), adviseren we je een maat groter te kiezen voor een comfortabele, reguliere pasvorm.\";\n                } else {\n                  adviesMaat = basisMaat;\n                  onderbouwing = \"Dit model loopt tot maat L. Dankzij de lichte stretch in de stof zal maat L alsnog comfortabel meebewegen.\";\n                }\n              } else if (pasvorm === 'oversized') {\n                if (huidigeIndex \u003c matenVolgorde.length - 2) {\n                  adviesMaat = matenVolgorde[huidigeIndex + 2];\n                  onderbouwing = \"Voor een echt lossere, nonchalante look bij dit aansluitende model adviseren we je om twee maten groter te bestellen.\";\n                } else if (huidigeIndex \u003c matenVolgorde.length - 1) {\n                  adviesMaat = matenVolgorde[huidigeIndex + 1];\n                  onderbouwing = \"Voor een lossere look adviseren we de grootste beschikbare maat (Maat L).\";\n                } else {\n                  adviesMaat = basisMaat;\n                  onderbouwing = \"Dit model is beschikbaar tot maat L en is ontworpen om mooi aan te sluiten. Een oversized look is in jouw maat helaas niet haalbaar.\";\n                }\n              }\n\n              resultBox.innerHTML = `🎉 \u003cstrong\u003eOns Maatadvies:\u003c\/strong\u003e Bestel dit item in \u003cstrong\u003eMAAT ${adviesMaat}\u003c\/strong\u003e.\u003cbr\u003e\u003cspan style=\"font-weight: normal; font-size: 13px; color: #444; display:block; margin-top: 4px;\"\u003e${onderbouwing}\u003c\/span\u003e`;\n              resultBox.style.display = 'block';\n            }\n          });\n        });\n      });\n    };\n\n    setupQuizDirect();\n    document.addEventListener('DOMContentLoaded', setupQuizDirect);\n    document.addEventListener('shopify:section:load', setupQuizDirect);\n    setInterval(setupQuizDirect, 1500);\n  })();\n\u003c\/script\u003e","brand":"Aué","offers":[{"title":"Grijs \/ XS","offer_id":64840041300317,"sku":"14:691;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ XS","offer_id":64840041431389,"sku":"14:29#Apricot;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Butter yellow \/ S","offer_id":64840041529693,"sku":"14:366;5:100014064","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux rood \/ XS","offer_id":64840041562461,"sku":"14:273312254;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Butter yellow \/ XS","offer_id":64840041595229,"sku":"14:366;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Butter yellow \/ L","offer_id":64840041660765,"sku":"14:366;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Butter yellow \/ M","offer_id":64840041726301,"sku":"14:366;5:361386","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ S","offer_id":64840041759069,"sku":"14:365458;5:100014064","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ XS","offer_id":64840041824605,"sku":"14:365458;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ L","offer_id":64840041857373,"sku":"14:365458;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bruin \/ M","offer_id":64840041890141,"sku":"14:365458;5:361386","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Zwart \/ L","offer_id":64840041955677,"sku":"14:193;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Zwart \/ M","offer_id":64840041988445,"sku":"14:193;5:361386","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Zwart \/ S","offer_id":64840042021213,"sku":"14:193;5:100014064","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ L","offer_id":64840042185053,"sku":"14:29#Apricot;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Grijs \/ L","offer_id":64840042217821,"sku":"14:691;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Gebroken wit \/ M","offer_id":64840042283357,"sku":"14:29#Apricot;5:361386","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Grijs \/ M","offer_id":64840042316125,"sku":"14:691;5:361386","price":30.0,"currency_code":"EUR","in_stock":false},{"title":"Gebroken wit \/ S","offer_id":64840042381661,"sku":"14:29#Apricot;5:100014064","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Zwart \/ XS","offer_id":64840042414429,"sku":"14:193;5:872","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux rood \/ S","offer_id":64840042545501,"sku":"14:273312254;5:100014064","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux rood \/ M","offer_id":64840042578269,"sku":"14:273312254;5:361386","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux rood \/ L","offer_id":64840042611037,"sku":"14:273312254;5:361385","price":30.0,"currency_code":"EUR","in_stock":true},{"title":"Grijs \/ S","offer_id":64840042643805,"sku":"14:691;5:100014064","price":30.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1073\/2286\/8061\/files\/7ae962d8-6782-428f-bfe6-1fce823a68d5.png?v=1780670369","url":"https:\/\/byamara.nl\/products\/hugcitar-fashion-solid-o-neck-sleeveless-patchwork-sexy-bodycon-maxi-prom-dress-summer-women-clothes-party-festival-club-y2k","provider":"ByAmara","version":"1.0","type":"link"}