{"product_id":"symfora-messinis","title":"Symforá Messínis","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 Daemos\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 Silver Non-Illuminated\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 Symforá Messínis\u003c\/summary\u003e\n\u003ch2 style=\"text-align: center; text-transform: uppercase; color: #fff;\"\u003eThe Lore of Symforá Messínis\u003c\/h2\u003e\n\u003cp\u003e\"Ten years the King of Ithaca gave to the Trojan War. Ten more the sea kept him from his shores, a long passage of choices between the bad and the worse. The cruelest waited for him at the Strait of Messina, where the sea narrowed between two horrors, Scylla the six-headed and deathless, and Charybdis the whirlpool that breathed.\u003c\/p\u003e\n\u003cp\u003eTo steer toward Scylla's cliff was to accept losing six men rather than losing them all. He had been warned she could not be beaten, and he took up arms against her anyway. She took the six, and he could only watch.\u003c\/p\u003e\n\u003cp\u003eThe cost sailed on with him.\u003c\/p\u003e\n\u003cp\u003eThis lightsaber was built to carry that weight. For the base, we chose the Daemos. A snake coils around each emitter claw, the old Greek guardian of the threshold between the living and the dead, presiding over a crew bound to cross it. Just beneath, the emitter sleeve is acid-etched with motifs drawn from Odysseus' own helmet, the one that saw him through a decade of war and another decade of wandering.\u003c\/p\u003e\n\u003cp\u003eFurther down, the switch band marks his most agonizing hour. Six serpentine heads capture the inexorable horror of Scylla's assault, set above wave patterns that embody the crushing pull of Charybdis. From there, a composite Greek border wraps the Covertec band, its continuous Meander Pattern framing an Anthemion frieze of alternating palmettes and spiraling volutes.\u003c\/p\u003e\n\u003cp\u003eAcross the saber hilt, segments of copper finish are stained and weathered, giving this piece the battleworn look of a weapon that has survived twenty years of war and voyage.\u003c\/p\u003e\n\u003cp\u003eOf all the sea showed him, that slaughter was the most wretched sight his eyes ever met, and for that we have christened this saber Symforá Messínis - the Disaster of Messina.\"\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 Symforá Messínis\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 Symforá Messínis\u003c\/h2\u003e\n\u003cdiv class=\"lore-border-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lore-text\"\u003e\n\u003cp\u003e\"Ten years the King of Ithaca gave to the Trojan War. Ten more the sea kept him from his shores, a long passage of choices between the bad and the worse. The cruelest waited for him at the Strait of Messina, where the sea narrowed between two horrors, Scylla the six-headed and deathless, and Charybdis the whirlpool that breathed.\u003c\/p\u003e\n\u003cp\u003eTo steer toward Scylla's cliff was to accept losing six men rather than losing them all. He had been warned she could not be beaten, and he took up arms against her anyway. She took the six, and he could only watch.\u003c\/p\u003e\n\u003cp\u003eThe cost sailed on with him.\u003c\/p\u003e\n\u003cp\u003eThis lightsaber was built to carry that weight. For the base, we chose the Daemos. A snake coils around each emitter claw, the old Greek guardian of the threshold between the living and the dead, presiding over a crew bound to cross it. Just beneath, the emitter sleeve is acid-etched with motifs drawn from Odysseus' own helmet, the one that saw him through a decade of war and another decade of wandering.\u003c\/p\u003e\n\u003cp\u003eFurther down, the switch band marks his most agonizing hour. Six serpentine heads capture the inexorable horror of Scylla's assault, set above wave patterns that embody the crushing pull of Charybdis. From there, a composite Greek border wraps the Covertec band, its continuous Meander Pattern framing an Anthemion frieze of alternating palmettes and spiraling volutes.\u003c\/p\u003e\n\u003cp\u003eAcross the saber hilt, segments of copper finish are stained and weathered, giving this piece the battleworn look of a weapon that has survived twenty years of war and voyage.\u003c\/p\u003e\n\u003cp\u003eOf all the sea showed him, that slaughter was the most wretched sight his eyes ever met, and for that we have christened this saber Symforá Messínis - the Disaster of Messina.\"\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":"(Adult Collectible, Age 14+)","offers":[{"title":"Default Title","offer_id":48993002193131,"sku":"S3-RTSPCR-SYM_MESSINIS-DAEMOS","price":500.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/JulyRTS26-Daemos_Top_Bottom.webp?v=1783319860","url":"https:\/\/sabertrio.com\/products\/symfora-messinis","provider":"Sabertrio","version":"1.0","type":"link"}