{"product_id":"mirah-dragons-authority","title":"龙之威 Dragon's Authority","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 Mirah\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 Black Non-Illuminated\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eCovertec Wheel:\u003c\/span\u003e Distressed Brass\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eTassel:\u003c\/span\u003e Armored Red\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eNeo Blade Plug:\u003c\/span\u003e Aetcher Powder Coated\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 龙之威 Dragon's Authority\u003c\/summary\u003e\n\u003ch2 style=\"text-align: center; text-transform: uppercase; color: #fff;\"\u003eThe Lore of 龙之威 Dragon's Authority\u003c\/h2\u003e\n\u003cp\u003eSome designs just grab your attention the second you see them, and Lónglín Jiǎ - ancient dragon-scale armor - was one of them.\u003c\/p\u003e\n\u003cp\u003eIntact pieces are incredibly rare, as the few that exist were excavated from ancient mausoleums. But the engineering is what stands out. Instead of relying on rigid, heavy plates to stop a hit, the armor used thousands of tiny, overlapping scales that slide against each other to disperse the force of an impact.\u003c\/p\u003e\n\u003cp\u003eTo the generals who wore it, the dragon scales were also a status symbol, meant to project authority and intimidate the enemy.\u003c\/p\u003e\n\u003cp\u003eThe Mirah was the right base to reimagine this ancient armor concept as a custom lightsaber. Built as a duelist's hilt, it's streamlined, light, and comfortable to wield, with a curved, slanted emitter and horizontal vents on both sides.\u003c\/p\u003e\n\u003cp\u003eAcross the main grip section, we acid-etched a uniform scale pattern, then added oriental and cloud motifs at the switch band, Covertec band, slanted emitter, and pommel. The scales also create friction points for a secure grip.\u003c\/p\u003e\n\u003cp\u003eTo capture the look of those excavated pieces, we applied a finish that mimics oxidation, then weathered it heavily. The treatment darkens the recesses of the metal and makes the individual scales pop.\u003c\/p\u003e\n\u003cp\u003eAs a final detail, we used the pommel's machined loop to attach a vibrant red tassel, a direct physical reference to the crimson tassels historically tied to the generals' swords. It's built to carry the same presence the original armor once projected. We call it 龙之威 (Lóng zhī wēi), the Dragon's Authority.\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 龙之威 Dragon's Authority\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 龙之威 Dragon's Authority\u003c\/h2\u003e\n\u003cdiv class=\"lore-border-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lore-text\"\u003e\n\u003cp\u003eSome designs just grab your attention the second you see them, and Lónglín Jiǎ - ancient dragon-scale armor - was one of them.\u003c\/p\u003e\n\u003cp\u003eIntact pieces are incredibly rare, as the few that exist were excavated from ancient mausoleums. But the engineering is what stands out. Instead of relying on rigid, heavy plates to stop a hit, the armor used thousands of tiny, overlapping scales that slide against each other to disperse the force of an impact.\u003c\/p\u003e\n\u003cp\u003eTo the generals who wore it, the dragon scales were also a status symbol, meant to project authority and intimidate the enemy.\u003c\/p\u003e\n\u003cp\u003eThe Mirah was the right base to reimagine this ancient armor concept as a custom lightsaber. Built as a duelist's hilt, it's streamlined, light, and comfortable to wield, with a curved, slanted emitter and horizontal vents on both sides.\u003c\/p\u003e\n\u003cp\u003eAcross the main grip section, we acid-etched a uniform scale pattern, then added oriental and cloud motifs at the switch band, Covertec band, slanted emitter, and pommel. The scales also create friction points for a secure grip.\u003c\/p\u003e\n\u003cp\u003eTo capture the look of those excavated pieces, we applied a finish that mimics oxidation, then weathered it heavily. The treatment darkens the recesses of the metal and makes the individual scales pop.\u003c\/p\u003e\n\u003cp\u003eAs a final detail, we used the pommel's machined loop to attach a vibrant red tassel, a direct physical reference to the crimson tassels historically tied to the generals' swords. It's built to carry the same presence the original armor once projected. We call it 龙之威 (Lóng zhī wēi), the Dragon's Authority.\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":48837123703019,"sku":"S3-RTSPCR-DRAGON_AUT-MIRAH","price":415.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0474\/3131\/9718\/files\/SAVE-20260615_181856.jpg?v=1781518862","url":"https:\/\/sabertrio.com\/products\/mirah-dragons-authority","provider":"Sabertrio","version":"1.0","type":"link"}