{"product_id":"first-severance","title":"First Severance","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 Vahlken\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\u003eActivation Switch:\u003c\/span\u003e Neo Silver\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eCovertec Wheel:\u003c\/span\u003e Stained Silver\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eNeo Blade Plug:\u003c\/span\u003e Coren Stained Silver Black\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 First Severance\u003c\/summary\u003e\n\u003ch2 style=\"text-align: center; text-transform: uppercase; color: #fff;\"\u003eThe Lore of Enduring Solace\u003c\/h2\u003e\n\u003cp\u003e\"The Rule of Two dictates that an apprentice must grow powerful enough to strike down their master in open combat, so that each generation surpasses the last. She was the first to face that final demand.\u003c\/p\u003e\n\u003cp\u003eTheir conflict was born of mutual suspicion. As her master’s body withered with age, he sought the secret of eternal life. He believed his apprentice was waiting for his strength to fade so her victory would come easy, a patience he saw as a violation of the principle that only the strongest survive. To her, his pursuit of immortality was a coward's refusal to pass on the mantle and a betrayal of the order he founded.\u003c\/p\u003e\n\u003cp\u003eTheir ideological divide culminated in a final duel on the sands of Ambria. Outmatched in physical combat, she turned to dark sorcery. Drawing the energy pooled beneath the planet's surface into a black mist, she solidified it into serpentine tendrils, a power that would have broken a lesser mind to hold. She unleashed them at her master, and one struck true, disintegrating his arm where it touched and dropping him to the sand in agony.\n\u003c\/p\u003e\n\u003cp\u003eDefeated physically, he destroyed his own body to force his consciousness into hers. The invasion breached her mind, briefly seizing control of her sight. She repelled the assault and cast his spirit into the void, claiming the mantle of Dark Lord.\u003c\/p\u003e\n\u003cp\u003eThis Vahlken is designed as a tribute to that duel. A double-etching process creates the raised serpentine tendrils and the recessed areas beneath them. To simulate the black mist, these recesses are darkened to a matte ash-black, contrasting against the coils that wrap the hilt from the pommel to the octagonal vented emitter.\u003c\/p\u003e\n\u003cp\u003eThe duel marked the moment the master-apprentice bond was broken, proving the doctrine in combat and beginning the thousand years of dark lineage that followed. And so the saber hilt is named First Severance.\"\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 First Severance\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 First Severance\u003c\/h2\u003e\n\u003cdiv class=\"lore-border-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lore-text\"\u003e\n\u003cp\u003e\"The Rule of Two dictates that an apprentice must grow powerful enough to strike down their master in open combat, so that each generation surpasses the last. She was the first to face that final demand.\u003c\/p\u003e\n\u003cp\u003eTheir conflict was born of mutual suspicion. As her master’s body withered with age, he sought the secret of eternal life. He believed his apprentice was waiting for his strength to fade so her victory would come easy, a patience he saw as a violation of the principle that only the strongest survive. To her, his pursuit of immortality was a coward's refusal to pass on the mantle and a betrayal of the order he founded.\u003c\/p\u003e\n\u003cp\u003eTheir ideological divide culminated in a final duel on the sands of Ambria. Outmatched in physical combat, she turned to dark sorcery. Drawing the energy pooled beneath the planet's surface into a black mist, she solidified it into serpentine tendrils, a power that would have broken a lesser mind to hold. She unleashed them at her master, and one struck true, disintegrating his arm where it touched and dropping him to the sand in agony.\n\u003c\/p\u003e\n\u003cp\u003eDefeated physically, he destroyed his own body to force his consciousness into hers. The invasion breached her mind, briefly seizing control of her sight. She repelled the assault and cast his spirit into the void, claiming the mantle of Dark Lord.\u003c\/p\u003e\n\u003cp\u003eThis Vahlken is designed as a tribute to that duel. A double-etching process creates the raised serpentine tendrils and the recessed areas beneath them. To simulate the black mist, these recesses are darkened to a matte ash-black, contrasting against the coils that wrap the hilt from the pommel to the octagonal vented emitter.\u003c\/p\u003e\n\u003cp\u003eThe duel marked the moment the master-apprentice bond was broken, proving the doctrine in combat and beginning the thousand years of dark lineage that followed. And so the saber hilt is named First Severance.\"\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 aria-hidden=\"true\" 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 aria-hidden=\"true\" 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":"Sabertrio","offers":[{"title":"Default Title","offer_id":48837119377643,"sku":null,"price":415.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/VahlkenEpic_New__TopBottom.webp?v=1781255670","url":"https:\/\/sabertrio.com\/products\/first-severance","provider":"Sabertrio","version":"1.0","type":"link"}