{"product_id":"arclyte-vhalzarin","title":"Vhal'zarin","description":"\u003c!-- copy unique description code here --\u003e\n\u003cdiv class=\"product-short-desc dark mb-30 mt-30\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cspan\u003eSaber Hilt:\u003c\/span\u003e Sabertrio Arclyte\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eSaber Configuration:\u003c\/span\u003e Neo, Power Core Chassis System\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eOLED Screen \u0026amp; Control Box:\u003c\/span\u003e\u003cspan\u003e \u003c\/span\u003eIncluded\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eActivation Switch:\u003c\/span\u003e Silver Non-Illuminated\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eCovertec Wheel:\u003c\/span\u003e Weathered Black\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eNeo Blade Plug:\u003c\/span\u003e Coren Weathered Dark Edition\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- RESPONSIVE LORE COMPONENTS --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* --- General Container --- *\/\n.lore-section { margin-top: 20px; }\n\n\/* --- Show\/Hide Based on Screen Size --- *\/\n@media (max-width: 767px) {\n  .lore-desktop { display: none !important; }  \/* hide option 2 \u0026 3 *\/\n  .lore-mobile { display: block !important; }  \/* show accordion *\/\n}\n@media (min-width: 768px) {\n  .lore-mobile { display: none !important; }   \/* hide accordion *\/\n  .lore-desktop { display: block !important; } \/* show option 2 \u0026 3 *\/\n}\n\n\/* --- Accordion (Option 1 \/ Mobile) --- *\/\ndetails.lore-toggle {\n  margin-bottom: 10px;\n}\ndetails.lore-toggle summary {\n  cursor: pointer;\n  font-size: 16px;\n  color: #fff;\n  position: relative;\n  padding-left: 22px;\n  list-style: none;\n  line-height: 1.4;\n  margin-bottom: 20px;\n}\ndetails.lore-toggle summary::before {\n  content: \"+\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  font-size: 18px;\n  color: #fff;\n  transition: transform 0.2s ease, color 0.2s ease;\n}\ndetails.lore-toggle[open] summary::before {\n  content: \"–\";\n  color: #878787;\n}\ndetails.lore-toggle summary:hover { color: #ccc; }\ndetails.lore-toggle p {\n  margin-top: 10px;\n  font-size: 15px;\n  line-height: 1.6;\n  color: #878787 !important;\n  font-weight: 400;\n  margin-bottom: 48px !important;\n  text-align: justify;\n}\n\n\/* --- Popup Overlay (fixes double scroll) --- *\/\n.lore-popup-overlay {\n  display: none;\n  position: fixed;\n  top: 40px; \/* ✅ creates spacing below site header *\/\n  left: 0;\n  width: 100%;\n  height: calc(100% - 40px); \/* ✅ avoids being cut off by header *\/\n  background-color: rgba(0,0,0,0.7);\n  z-index: 9999;\n  justify-content: center;\n  align-items: center; \/* ✅ popup starts below header *\/\n  padding: 20px;\n  overflow-y: hidden; \/* ✅ prevent outer scroll *\/\n}\n\n\/* --- Popup Box (internal scroll only) --- *\/\n.lore-popup {\n  background-color: #282828;\n  color: #878787;\n  padding: 25px 25px;\n  max-width: 800px;\n  max-height: 80vh; \/* ✅ fits on tablets and smaller screens *\/\n  border-radius: 12px;\n  text-align: justify;\n  font-size: 14px;\n  line-height: 1.6;\n  box-shadow: 0 0 20px rgba(0,0,0,0.5);\n  position: relative;\n  animation: popupFade 0.25s ease;\n  width: 100%;\n  overflow-y: auto; \/* ✅ only this scrolls now *\/\n  scrollbar-width: thin;\n  scrollbar-color: #666 #2c2c2c;\n}\n\n\/* --- Adjust .lore-text for iPad devices --- *\/\n@media only screen \n  and (min-device-width: 768px) \n  and (max-device-width: 1366px) {\n\n  .lore-text {\n    max-width: 620px; \/* slightly narrower for iPad readability *\/\n    font-size: 15px;  \/* slightly smaller text *\/\n    line-height: 1.7; \/* better balance with smaller font *\/\n  }\n}  \n\n  \/* --- Fallback for Safari\/iPad browsers --- *\/\n@supports (-webkit-touch-callout: none) {\n  .lore-popup {\n    overflow-y: auto; \/* ✅ Safari only shows scroll when needed *\/\n  }\n}\n\n  \/* --- Scrollable Inner Content --- *\/\n.lore-text {\n  overflow-y: auto;\n  padding-right: 12px;\n  scrollbar-width: thin;           \/* Firefox *\/\n  scrollbar-color: #666 #2c2c2c;   \/* Firefox *\/\n}\n\n\/* Chrome \/ Edge \/ Safari scrollbar styling *\/\n.lore-text::-webkit-scrollbar {\n  width: 10px;\n}\n\n.lore-text::-webkit-scrollbar-track {\n  background: #2c2c2c;\n  border-radius: 10px;\n}\n\n.lore-text::-webkit-scrollbar-thumb {\n  background-color: #666;\n  border-radius: 10px;\n  border: 2px solid #2c2c2c;\n}\n\n.lore-text::-webkit-scrollbar-thumb:hover {\n  background-color: #888;\n}\n\n.lore-popup p {\n  font-size: 14px;\n  margin-bottom: 32px !important;\n  max-width: 100%; \/* 👈 matches image width *\/\n  margin-left: auto;\n  margin-right: auto;\n  text-align: justify;\n  width: 600px;\n}\n\n.lore-text p:last-of-type {\n  margin-bottom: 0 !important;\n}  \n  \n.lore-popup::-webkit-scrollbar { width: 8px; }\n.lore-popup::-webkit-scrollbar-thumb {\n  background-color: #666;\n  border-radius: 8px;\n}\n\n  .lore-popup {\n  background-clip: padding-box;\n  border-radius: 12px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n}\n\n \n.lore-popup .lore-text {\n  overflow-y: auto;\n  padding-right: 10px;\n}\n\n\/* --- Animation --- *\/\n@keyframes popupFade {\n  from { opacity: 0; transform: scale(0.9); }\n  to { opacity: 1; transform: scale(1); }\n}\n\n\/* --- Popup Close Button --- *\/\n.lore-popup-close {\n  position: absolute;\n  top: 20px !important; \n  right: 20px;\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  transition: color 0.2s ease;\n}\n.lore-popup-close:hover { color: #ccc; }\n\n\/* --- Option 2: Text Trigger --- *\/\n.lore-trigger {\n  display: inline-block;\n  cursor: pointer;\n  color: #fff;\n  font-size: 16px;\n  margin: 10px 0 20px;\n  font-weight: 500;\n  position: relative;\n  padding-left: 20px;\n  text-decoration: none;\n}\n.lore-trigger::before {\n  content: \"+\";\n  position: absolute;\n  left: 0; top: 0;\n  font-size: 18px;\n  color: #fff;\n  transition: transform 0.2s ease, color 0.2s ease;\n}\n.lore-trigger.active::before {\n  transform: rotate(45deg);\n  color: #878787;\n}\n.lore-trigger:hover { color: #ccc; }\n\n\/* --- Option 3: Button Trigger --- *\/\n.lore-trigger-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background-color: transparent;\n  color: #fff;\n  font-size: 16px;\n  border: 1px solid #555;\n  border-radius: 8px;\n  padding: 8px 14px;\n  cursor: pointer;\n  font-weight: 500;\n  transition: all 0.25s ease;\n  margin-bottom: 20px;\n}\n.lore-trigger-btn:hover {\n  background-color: #222;\n  border-color: #888;\n  color: #ccc;\n}\n.lore-trigger-btn .plus-icon {\n  display: inline-block;\n  transition: transform 0.25s ease;\n  font-size: 18px;\n  margin-left: 4px;\n}\n.lore-trigger-btn:hover .plus-icon {\n  transform: rotate(90deg);\n  color: #0070c9;\n}\n\n\/* --- Image Styling --- *\/\n\/*.lore-image {\n  display: block;\n  margin-top: 80px !important;\n  margin-bottom: 32px !important;\n  margin: 20px auto;\n  border-radius: 8px;\n  max-width: 600px !important;\n  height: 600px !important;\n  box-shadow: 0 0 12px rgba(0,0,0,0.4);\n} *\/\n\n.lore-image-mobile {\n  display: block;\n  margin: 20px auto;\n  border-radius: 8px;\n  max-width: auto;\n  height: auto;\n  box-shadow: 0 0 12px rgba(0,0,0,0.4);\n}\n \n  \/* --- Text + Borders Alignment --- *\/\n  .lore-text {\n    max-width: 700px;\n    margin: 0 auto;\n    color: #878787;\n    font-size: 16px;\n    line-height: 1.6;\n    text-align: justify;\n  }\n\n  .lore-border-line {\n    width: 620px;\n    max-width: 100%;\n    margin: 0 auto 30px;\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n  }\n\n  .lore-border-line.bottom {\n    margin-top: 30px;\n    margin-bottom: 65px;\n    border-color: rgba(255,255,255,0.1);\n  }\n\n  \/* --- Title Styling --- *\/\n  .lore-title {\n    text-align: center;\n    text-transform: uppercase;\n    color: #fff;\n    font-size: 22px;\n    letter-spacing: 1px;\n    margin-bottom: 35px;\n    margin-top: 65px;\n  }\n\n\n\/* --- iPad \/ Tablet Adjustments (Landscape \u0026 Portrait) --- *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .lore-popup {\n    max-width: 85%;           \/* ✅ narrower popup so it doesn't touch sides *\/\n    max-height: 82vh;         \/* ✅ gives breathing room top\/bottom *\/\n    padding: 25px 28px;       \/* ✅ balanced inner spacing *\/\n  }\n\n  .lore-popup-overlay {\n    padding: 25px;            \/* ✅ extra margin from screen edges *\/\n  }\n}\n\n\/* --- iPad Pro Landscape (wider but still needs some edge margin) --- *\/\n@media (min-width: 1025px) and (max-width: 1366px) {\n  .lore-popup {\n    max-width: 75%;           \/* ✅ slightly smaller for large tablets *\/\n    max-height: 75vh;         \/* ✅ maintain some top\/bottom breathing room *\/\n  }\n\n  .lore-popup-overlay {\n    padding: 20px;            \/* ✅ keeps popup away from bottom edge *\/\n  }\n} \n\u003c\/style\u003e\n\u003cdiv class=\"product-short-desc dark mb-30 mt-30\"\u003e\n\u003cdiv class=\"lore-section\"\u003e\n\u003c!-- MOBILE: Option 1 Accordion --\u003e\n\u003cdiv class=\"lore-mobile\"\u003e\n\u003cdetails class=\"lore-toggle\"\u003e\n\u003csummary\u003eRead the lore of Vhal'zarin\u003c\/summary\u003e\n\u003ch2 style=\"text-align: center; text-transform: uppercase; color: #fff;\"\u003eThe Lore of Vhal'zarin\u003c\/h2\u003e\n\u003cp\u003e\"I didn't go looking for it. It came to me because I wasn't where I should be. I wanted more. I've had it for nine years now, and I have everything they told me I never would.\u003c\/p\u003e\n\u003cp\u003eI knew what it wanted from the first day. It wants hunger, and the hungrier I am, the longer it stays. It didn't give me power, but it took away the part of me that was afraid, and every doubt I'd ever had, every thought about whether I was good enough, was gone. After that, I took everything I desired, and I went through whoever stood in the way. I'm not going to pretend nobody paid for that.\u003c\/p\u003e\n\u003cp\u003eIt is an Arclyte. I don't know how old it is, but the wear shows decades, no, centuries of age. A dark crest is etched at the covertec band, with a line of Ur-Kittât below it, carved deep enough to read blind.\u003c\/p\u003e\n\u003cp\u003eVhal'zarin. That is what it calls itself. I have heard of another like it, with similar text carved across it. It would whisper into their minds until they reached for it, the same way this one did to me.\u003c\/p\u003e\n\u003cp\u003eWell, I am old now, and I don't want much anymore. Soon, it will leave me and go looking. So I won't ask you anything, but Vhal'zarin will. What do you want that you were never given?\"\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- DESKTOP\/TABLET: Option 3 Button Trigger + Popup --\u003e\n\u003cdiv class=\"lore-desktop\"\u003e\n\u003cbutton class=\"lore-trigger-btn\" id=\"loreTrigger3\"\u003e \u003cspan class=\"plus-icon\"\u003e+\u003c\/span\u003eRead the lore of Vhal'zarin\u003c\/button\u003e\n\u003cdiv class=\"lore-popup-overlay\" id=\"lorePopup3\"\u003e\n\u003cdiv class=\"lore-popup\"\u003e\n\u003cspan class=\"lore-popup-close\" id=\"closePopup3\"\u003e×\u003c\/span\u003e\n\u003ch2 class=\"lore-title\"\u003eThe Lore of Vhal'zarin\u003c\/h2\u003e\n\u003cdiv class=\"lore-border-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lore-text\"\u003e\n\u003cp\u003e\"I didn't go looking for it. It came to me because I wasn't where I should be. I wanted more. I've had it for nine years now, and I have everything they told me I never would.\u003c\/p\u003e\n\u003cp\u003eI knew what it wanted from the first day. It wants hunger, and the hungrier I am, the longer it stays. It didn't give me power, but it took away the part of me that was afraid, and every doubt I'd ever had, every thought about whether I was good enough, was gone. After that, I took everything I desired, and I went through whoever stood in the way. I'm not going to pretend nobody paid for that.\u003c\/p\u003e\n\u003cp\u003eIt is an Arclyte. I don't know how old it is, but the wear shows decades, no, centuries of age. A dark crest is etched at the covertec band, with a line of Ur-Kittât below it, carved deep enough to read blind.\u003c\/p\u003e\n\u003cp\u003eVhal'zarin. That is what it calls itself. I have heard of another like it, with similar text carved across it. It would whisper into their minds until they reached for it, the same way this one did to me.\u003c\/p\u003e\n\u003cp\u003eWell, I am old now, and I don't want much anymore. Soon, it will leave me and go looking. So I won't ask you anything, but Vhal'zarin will. What do you want that you were never given?\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lore-border-line bottom\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\/* --- Option 3 JS --- *\/\nconst loreTrigger3 = document.getElementById('loreTrigger3');\nconst lorePopup3 = document.getElementById('lorePopup3');\nconst closePopup3 = document.getElementById('closePopup3');\n\nif (loreTrigger3) {\n  loreTrigger3.addEventListener('click', () =\u003e {\n    lorePopup3.style.display = 'flex';\n    loreTrigger3.classList.add('active');\n    document.body.style.overflow = 'hidden';\n  });\n\n  closePopup3.addEventListener('click', () =\u003e {\n    lorePopup3.style.display = 'none';\n    loreTrigger3.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  lorePopup3.addEventListener('click', e =\u003e {\n    if (e.target === lorePopup3) {\n      lorePopup3.style.display = 'none';\n      loreTrigger3.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n}\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-40\" style=\"border-top: 1px solid #202020;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv id=\"infiniteoptions-container\"\u003e\u003c\/div\u003e\n\u003c!-- end of special layout --\u003e\n\u003cdiv style=\"cursor: pointer;\" class=\"tab-wrapper-fuse\"\u003e\n\u003cdiv class=\"tab-wrapper-list\"\u003e\n\u003cul class=\"accordion-fuse\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"tab-title\"\u003e\n\u003ch6\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/time.svg\"\u003e Lead time\u003c\/h6\u003e\n\u003ci\u003e \u003csvg role=\"presentation\" class=\"icon icon-theme-188\" viewbox=\"0 0 24 24\"\u003e\u003cg\u003e \u003cpath d=\"M7.158,12.206c-0.124-0.123-0.186-0.27-0.186-0.439c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186       h3.75v-3.75c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186c0.169,0,0.315,0.063,0.439,0.186      c0.123,0.124,0.186,0.271,0.186,0.439v3.75h3.75c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439      c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186h-3.75v3.75c0,0.17-0.063,0.316-0.186,0.439      c-0.124,0.124-0.271,0.186-0.439,0.186c-0.17,0-0.316-0.062-0.439-0.186c-0.124-0.123-0.186-0.27-0.186-0.439v-3.75h-3.75       C7.428,12.392,7.281,12.33,7.158,12.206z\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e \u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003cp\u003eShips within 10 working days.\u003c\/p\u003e\n\u003cp\u003eShipping usually takes only 3 – 5 working days. Unless the DDP option (for USA only) is selected, any local taxes or import tariffs will be covered by the recipient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"tab-title\"\u003e\n\u003ch6\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/box.svg\"\u003e What is in the box?\u003c\/h6\u003e\n\u003ci\u003e \u003csvg role=\"presentation\" class=\"icon icon-theme-188\" viewbox=\"0 0 24 24\"\u003e\u003cg\u003e \u003cpath d=\"M7.158,12.206c-0.124-0.123-0.186-0.27-0.186-0.439c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186       h3.75v-3.75c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186c0.169,0,0.315,0.063,0.439,0.186      c0.123,0.124,0.186,0.271,0.186,0.439v3.75h3.75c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439      c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186h-3.75v3.75c0,0.17-0.063,0.316-0.186,0.439      c-0.124,0.124-0.271,0.186-0.439,0.186c-0.17,0-0.316-0.062-0.439-0.186c-0.124-0.123-0.186-0.27-0.186-0.439v-3.75h-3.75       C7.428,12.392,7.281,12.33,7.158,12.206z\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e \u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eA fully assembled pre-customized saber hilt.\u003c\/li\u003e\n\u003cli\u003eA chassis with battery \u0026amp; charger, IF included.\u003c\/li\u003e\n\u003cli\u003eA Neo Blade in the selected length \u0026amp; grade, IF included.\u003c\/li\u003e\n\u003cli\u003eAll necessary hex keys.\u003c\/li\u003e\n\u003cli\u003eSpare blade retention screws.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"(Adult Collectible, Age 14+)","offers":[{"title":"Default Title","offer_id":49215240372459,"sku":null,"price":330.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/AugRTS-Arclyte_Top_Bottom.webp?v=1787120715","url":"https:\/\/sabertrio.com\/products\/arclyte-vhalzarin","provider":"Sabertrio","version":"1.0","type":"link"}