{"product_id":"reo-caloris","title":"Reo Caloris","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 Skylar\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 Etched Silver\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eNeo Blade Plug:\u003c\/span\u003e Reactor Mirrored 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 Reo Caloris\u003c\/summary\u003e\n\u003ch2 style=\"text-align: center; text-transform: uppercase; color: #fff;\"\u003eThe Lore of Reo Caloris\u003c\/h2\u003e\n\u003cp\u003eHigh among the granite peaks of the eastern highlands, bitter winds scour the plateaus. Beneath the heavy frost, the chilled earth lies in wait for the inevitable crack of sunlight and the warmth it brings forth.\u003c\/p\u003e\n\u003cp\u003eFor the locals know that “no frost can bite deep enough to steal the breath of the land.”\u003c\/p\u003e\n\u003cp\u003eHolding fast to this old wisdom, we sought to craft a lightsaber that would embody that same strength of life, carrying within it the indomitable spirit of the weapons of yesteryear.\u003c\/p\u003e\n\u003cp\u003eThe design begins at the crown of the Skylar, where the slanted emitter is polished to a brilliant mirror finish, reminiscent of the white highland peaks. At its center, a pair of Celtic step knots ascend and converge elegantly toward the tip, while beneath the iconic emitter vents, an intricate rope motif draws inspiration from ancient ornamentation.\u003c\/p\u003e\n\u003cp\u003eA pair of braided bands borders the switch section, where a separate geometric plait loops toward the main button. The activation switch itself is etched with a symbolic triquetra, all cradled within yet another intricate web of detailed knotwork.\u003c\/p\u003e\n\u003cp\u003eAt the grip, two bands of rivets reinforce the saber’s rugged character, flanking the same motif found at the emitter. Here, however, it is powder coated to evoke the rich hue of the red hills as the winter ice begins to thaw. Bringing the entire design together is an unbroken Celtic knot of brushed silver loops, set at the heart of the main grip section. Representing the perpetual passage from Winter into Spring, this iconic geometry is framed by the same rich powder coated hue, symbolizing the warmth of better times to come.\u003c\/p\u003e\n\u003cp\u003eFinally, the entire weapon is meticulously weathered to bear the scars of countless changing seasons.\u003c\/p\u003e\n\u003cp\u003eThis lightsaber is named Reo Caloris, a name born from the opposing forces of Frost and Warmth. It was forged as both a weapon and a symbol, in reverence to the resilience of life. It honors the strength to wait through the freezing dark for the rising light, and to endure each frozen slumber until the first verdure emerges from the earth.\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 Reo Caloris\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 Reo Caloris\u003c\/h2\u003e\n\u003cdiv class=\"lore-border-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lore-text\"\u003e\n\u003cp\u003eHigh among the granite peaks of the eastern highlands, bitter winds scour the plateaus. Beneath the heavy frost, the chilled earth lies in wait for the inevitable crack of sunlight and the warmth it brings forth.\u003c\/p\u003e\n\u003cp\u003eFor the locals know that “no frost can bite deep enough to steal the breath of the land.”\u003c\/p\u003e\n\u003cp\u003eHolding fast to this old wisdom, we sought to craft a lightsaber that would embody that same strength of life, carrying within it the indomitable spirit of the weapons of yesteryear.\u003c\/p\u003e\n\u003cp\u003eThe design begins at the crown of the Skylar, where the slanted emitter is polished to a brilliant mirror finish, reminiscent of the white highland peaks. At its center, a pair of Celtic step knots ascend and converge elegantly toward the tip, while beneath the iconic emitter vents, an intricate rope motif draws inspiration from ancient ornamentation.\u003c\/p\u003e\n\u003cp\u003eA pair of braided bands borders the switch section, where a separate geometric plait loops toward the main button. The activation switch itself is etched with a symbolic triquetra, all cradled within yet another intricate web of detailed knotwork.\u003c\/p\u003e\n\u003cp\u003eAt the grip, two bands of rivets reinforce the saber’s rugged character, flanking the same motif found at the emitter. Here, however, it is powder coated to evoke the rich hue of the red hills as the winter ice begins to thaw. Bringing the entire design together is an unbroken Celtic knot of brushed silver loops, set at the heart of the main grip section. Representing the perpetual passage from Winter into Spring, this iconic geometry is framed by the same rich powder coated hue, symbolizing the warmth of better times to come.\u003c\/p\u003e\n\u003cp\u003eFinally, the entire weapon is meticulously weathered to bear the scars of countless changing seasons.\u003c\/p\u003e\n\u003cp\u003eThis lightsaber is named Reo Caloris, a name born from the opposing forces of Frost and Warmth. It was forged as both a weapon and a symbol, in reverence to the resilience of life. It honors the strength to wait through the freezing dark for the rising light, and to endure each frozen slumber until the first verdure emerges from the earth.\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":49242581860587,"sku":"S3-RTSPCR-SKYLAR_R.CALORIS","price":415.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/CelticSkylar_Top_Bottom.png?v=1787820105","url":"https:\/\/sabertrio.com\/products\/reo-caloris","provider":"Sabertrio","version":"1.0","type":"link"}