/* Shared Milestone 1 polish — applied across all pages */
@import url("./galaxy-fonts.css");

/* Starfield visibility fix — never use negative z-index (hides behind body bg) */
html, body { background: #000 !important; }
video.fixed.top-0,
video.galaxy-page-stars,
video.starfield,
.starfield,
.page-bg video {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  filter: brightness(1.85) contrast(1.25) saturate(1.2) !important;
}
.galaxy-starfield-veil,
.starfield-veil {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
}
.stars-css {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.9;
  /* Keep clear of header logo zone (top-left) */
  background:
    radial-gradient(1px 1px at 38% 22%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 48% 28%, #cfefff, transparent),
    radial-gradient(1px 1px at 58% 12%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 36% 42%, #ade8ff, transparent),
    radial-gradient(1px 1px at 48% 18%, #fff, transparent),
    radial-gradient(2px 2px at 58% 55%, #fff, transparent),
    radial-gradient(1px 1px at 68% 22%, #cfefff, transparent),
    radial-gradient(1.5px 1.5px at 78% 38%, #fff, transparent),
    radial-gradient(1px 1px at 88% 14%, #ade8ff, transparent),
    radial-gradient(1px 1px at 12% 62%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 22% 78%, #cfefff, transparent),
    radial-gradient(1px 1px at 42% 68%, #fff, transparent),
    radial-gradient(2px 2px at 52% 88%, #fff, transparent),
    radial-gradient(1px 1px at 72% 72%, #ade8ff, transparent),
    radial-gradient(1.5px 1.5px at 92% 64%, #fff, transparent),
    radial-gradient(1px 1px at 5% 90%, #cfefff, transparent),
    radial-gradient(1px 1px at 95% 92%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 33% 95%, #fff, transparent);
  animation: galaxyStarTwinkle 7s ease-in-out infinite alternate;
}
@keyframes galaxyStarTwinkle {
  from { opacity: 0.65; }
  to { opacity: 1; }
}

/* Top marquee / tagline — dark blue */
.tagline,
.tagline.bg-slate-900,
nav#topnav .tagline {
  background: #0a1a4a !important;
}

/* Ice-blue chrome nav rail accents (no mesh — did not read through) */
.hero-bottom-links > div,
.nav-rail {
  border-top-color: #61c6F2 !important;
  border-bottom-color: #61c6F2 !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  background-image: none !important;
}

/* Frame hover ice-blue glow */
.frame-bg:hover,
.fp-frame:hover {
  box-shadow: 0 0 24px 6px rgba(97, 198, 242, 0.55) !important;
  filter: drop-shadow(0 0 18px rgba(173, 232, 255, 0.55)) !important;
}

/* Footer earth should use full plate when background is set */
footer .animate-slowZoom[style*="earth.jpg"],
footer [style*="hero/earth.jpg"] {
  opacity: 0.9 !important;
  background-size: cover !important;
  background-position: center top !important;
}

/* Welcome / headings use brand accents */
.accent-silver {
  color: #e8eef5 !important;
}

/* Cart count badge (nav + floating) */
[data-cart-count] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.3rem;
  margin-left: 0.25rem;
  border-radius: 999px;
  background: #61c6f2;
  color: #001433;
  font-size: 0.65rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
}

.nav-btn-label [data-cart-count] {
  position: relative;
  top: -1px;
}

/* Earth = footer section background; screen blend so stars blast over */
footer.relative,
footer.site-footer {
  background: transparent !important;
  min-height: 860px !important;
  padding-top: 2.75rem !important;
  overflow: hidden;
}
footer .animate-slowZoom[style*="earth.jpg"],
footer [style*="hero/earth.jpg"] {
  opacity: 0.9 !important;
  mix-blend-mode: screen !important;
  margin-top: 0 !important;
  top: 0 !important;
  bottom: -2.5rem !important;
  height: auto !important;
  background-position: center 42% !important;
  background-size: cover !important;
}
footer.relative .footer-content,
footer .footer-content,
.footer-content {
  padding-top: 1.15in !important;
}
/* Contact — top scroller flush to viewport top (no gap, no paste flash) */
body.contact-page {
  margin: 0 !important;
  padding: 0 !important;
}
body.contact-page nav#topnav.contact-topnav,
body.contact-page nav#topnav {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
  transition: top 0.25s ease-in-out;
}
body.contact-page .tagline.contact-top-scroller,
body.contact-page .tagline,
body.contact-page .tagline.bg-slate-900,
body.contact-page nav#topnav .tagline {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.35rem 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #0a1a4a !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
body.contact-page .tagline > .max-w-7xl,
body.contact-page .tagline .max-w-7xl,
body.contact-page .tagline .grid {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.contact-page .marquee {
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.contact-page .marquee__inner {
  display: flex !important;
  width: max-content !important;
  align-items: center !important;
  gap: 2rem !important;
  animation: marquee 22s linear infinite !important;
}
body.contact-page .hero-section {
  height: auto !important;
  min-height: 29.5rem !important;
  margin-bottom: 0.35rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 5.15rem !important;
  overflow: visible !important;
}
body.contact-page .hero-bottom-links {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0.15rem !important;
  margin: 0 !important;
}
body.contact-page .hero-guitar {
  margin-top: 5.75rem !important;
}
body.contact-page .page-landing-cue {
  visibility: visible !important;
  margin-top: 0.35rem !important;
  margin-bottom: 0.45rem !important;
}
body.contact-page .contact-page-lift {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0 !important;
  padding-top: 0.15rem !important;
  padding-bottom: 1.25rem !important;
  z-index: 4;
}
body.contact-page .contact-page-lift .fp-title-aqua,
body.contact-page .contact-secure-line,
body.contact-page .contact-form-prompt {
  text-shadow: 0 1px 3px #000, 0 0 14px rgba(0, 0, 0, 0.85) !important;
}
body.contact-page .contact-page-lift .fp-title-aqua {
  margin-bottom: 0.45rem !important;
}
body.contact-page .contact-form label,
body.contact-page .contact-box label {
  font-size: 1.08rem !important;
  line-height: 1.4 !important;
  color: #C6C6F7 !important;
}
body.contact-page .contact-form input,
body.contact-page .contact-form textarea,
body.contact-page .contact-form .contact-box {
  font-size: 1.05rem !important;
}
body.contact-page .contact-form input::placeholder,
body.contact-page .contact-form textarea::placeholder,
body.contact-page .contact-box input::placeholder,
body.contact-page .contact-box textarea::placeholder {
  font-size: 1.02rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
body.contact-page .contact-inquiries-title {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 42rem !important;
  margin: 0 auto 0.85rem !important;
  font-size: clamp(1.12rem, 2vw, 1.35rem) !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  letter-spacing: 0.02em !important;
  word-spacing: normal !important;
  text-transform: none !important;
}
body.contact-page .contact-inquiries-copy {
  font-size: clamp(1.05rem, 1.7vw, 1.2rem) !important;
  line-height: 1.65 !important;
  text-align: justify !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
}
/* Contact transmit box — live-style captcha + submit */
body.contact-page .contact-transmit-box {
  max-width: 520px;
  text-align: center !important;
}
body.contact-page .contact-transmit-cue {
  margin: 0 0 0.45rem;
  color: #3BB9FF !important;
  -webkit-text-fill-color: #3BB9FF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1rem;
  line-height: 1.45;
  text-align: center !important;
  text-align-last: center !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}
body.contact-page .contact-transmit-heading {
  margin-bottom: 0.85rem !important;
  font-weight: 600;
  white-space: normal;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
body.contact-page .contact-earth-center {
  display: inline-block;
  white-space: nowrap;
}
body.contact-page .recaptcha-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 0.35rem 0;
  border: none;
  background: transparent;
  color: initial;
  filter: none;
}
body.contact-page .recaptcha-wrapper .g-recaptcha {
  display: inline-block;
  margin: 0 auto;
}
body.contact-page .recaptcha-wrapper.recaptcha-error {
  border: 2px solid #e3342f;
  border-radius: 6px;
  background: rgba(227, 52, 47, 0.03);
  padding: 0.35rem;
}
body.contact-page #recaptcha-error {
  display: none;
  color: #e3342f;
  font-size: 0.875rem;
  margin-top: 0.45rem;
  text-align: center;
}
body.contact-page .contact-submit-btn {
  width: auto;
  min-width: 11rem;
}
/* Policies — top intro: centered block, even (justify) lines like live */
.policies-intro,
.info-page-copy p.policies-intro,
body.page-policies p.policies-intro,
body.page-policies .catalog-copy p.policies-intro,
body.page-policies .info-page-copy p.policies-intro {
  display: block !important;
  width: 100% !important;
  max-width: 42rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.35rem !important;
  margin-bottom: 0.85rem !important;
  font-size: clamp(0.95rem, 1.25vw, 1.05rem) !important;
  line-height: 1.55 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}
.policies-body-lift .rounded-md {
  padding-top: 0.75rem !important;
}
/* Policies — pull title + copy up toward chrome rail as one block (no overlap) */
body.page-policies .hero-section {
  margin-bottom: 0.65rem !important;
}
body.page-policies .page-landing-cue {
  margin-top: 0.1rem !important;
  margin-bottom: 0 !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
  text-align: center !important;
}
body.page-policies .policies-title-near-links {
  position: relative !important;
  bottom: 5.75rem !important;
  margin-top: 0 !important;
  margin-bottom: -5.75rem !important;
  padding-top: 0.15rem !important;
  transform: none !important;
  z-index: 4;
}
body.page-policies .policies-hero {
  position: relative !important;
  bottom: auto !important;
  margin: 0 auto 0.35rem !important;
  padding-top: 0 !important;
  transform: none !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.page-policies .policies-hero .grid {
  justify-items: center !important;
  text-align: center !important;
}
body.page-policies .policies-hero .fp-title-aqua {
  display: block !important;
  width: 100% !important;
  margin-top: 0.1rem !important;
  margin-bottom: 0.55rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body.page-policies .policies-intro {
  margin-bottom: 0.65rem !important;
}
body.page-policies .policies-body-lift {
  position: static !important;
  margin-top: 0.35rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: auto !important;
}
body.page-policies hr {
  position: relative !important;
  margin: 0.65rem auto 0.75rem !important;
  clear: both !important;
}
/* More Guitars — after axe: first content is neon Saturn under the chrome rail */
body.page-more-guitars .hero-section {
  margin-bottom: 0.5rem !important;
}
body.page-more-guitars .more-guitars-after-rail {
  position: relative !important;
  bottom: 3.5rem !important;
  margin-bottom: -2.5rem !important;
  padding-top: 0.25rem !important;
  z-index: 4;
}
body.page-more-guitars .mg-landed-title {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.15rem auto 0.85rem !important;
  padding: 0 0.75rem !important;
  text-align: center !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: clamp(1.15rem, 2.6vw, 1.75rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
body.page-more-guitars .mg-landed-title .mg-landed-aqua,
body.page-more-guitars .mg-landed-title .mg-landed-silver {
  display: block !important;
}
body.page-more-guitars .mg-landed-title .mg-landed-aqua {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}
body.page-more-guitars .mg-landed-title .mg-landed-brand {
  white-space: nowrap !important;
  display: inline-block !important;
  max-width: 100% !important;
  margin: 0.2rem 0 !important;
  font-size: clamp(0.95rem, 2.2vw, 1.65rem) !important;
}
body.page-more-guitars .mg-landed-title .mg-landed-silver {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  margin: 0.25rem 0 0 !important;
}
body.page-more-guitars .mg-landed-title .mg-landed-bold {
  font-family: "Technovier Bold", Technovier, Orbitron, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: clamp(1.2rem, 2.7vw, 1.8rem) !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
body.page-more-guitars .more-guitars-after-rail > .text-center:first-of-type {
  margin-bottom: 1.25rem !important;
}
body.page-more-guitars .more-guitars-after-rail .alien-image {
  margin-top: 0.35rem !important;
  margin-bottom: 0.85rem !important;
}
body.page-more-guitars .mg-explore-copy {
  max-width: 46rem !important;
  margin: 0.35rem auto 0 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
body.page-more-guitars .mg-click-enlarge,
body.page-more-guitars p.mg-click-enlarge,
body.page-more-guitars .fp-click-enlarge-cue.mg-click-enlarge {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.35rem auto 0.85rem !important;
  padding: 0 !important;
  text-align: center !important;
  float: none !important;
  clear: both !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-size: clamp(0.95rem, 1.6vw, 1.1rem) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.06em !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  text-justify: none !important;
}
body.page-more-guitars p.text-xs,
body.page-more-guitars .text-xs {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-more-guitars .mg-demo-deal-copy {
  display: block !important;
  max-width: 52rem !important;
  margin: 0 auto 0.85rem !important;
  padding: 0 0.85rem !important;
  text-align: justify !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(0.98rem, 1.5vw, 1.12rem) !important;
  line-height: 1.65 !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}
/* Matched pair frames — frame hugs photo, no letterbox (m273) */
body.page-more-guitars .mg-demo-pair,
body.page-more-guitars .mg-matched-pair-row,
body.page-more-guitars .mg-vintage-pedals {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 2rem !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto 0.35rem !important;
  padding: 0 0.75rem !important;
  box-sizing: border-box !important;
}
body.page-more-guitars .mg-demo-cell,
body.page-more-guitars .mg-matched-cell,
body.page-more-guitars .mg-vintage-item {
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}
body.page-more-guitars .mg-demo-frame,
body.page-more-guitars .mg-matched-frame {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 10px !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
}
body.page-more-guitars .mg-demo-frame img,
body.page-more-guitars .mg-matched-frame img {
  width: auto !important;
  max-width: min(420px, 100%) !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
  cursor: pointer !important;
  background: transparent !important;
}
body.page-more-guitars .mg-vintage-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body.page-more-guitars .mg-vintage-block,
body.page-more-guitars .mg-vintage-block p,
body.page-more-guitars .mg-vintage-block .accent-silver {
  text-align: center !important;
  text-align-last: center !important;
  text-justify: none !important;
  word-spacing: normal !important;
}
body.page-more-guitars .mg-vintage-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: Orbitron, "Venus Rising", Arial, sans-serif !important;
  color: #ade8ff !important;
  -webkit-text-fill-color: #ade8ff !important;
  text-align: center !important;
  text-align-last: center !important;
  font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin: 1.25rem auto 1.5rem !important;
  padding: 0 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}
body.page-more-guitars .mg-vintage-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}
/* Toys From The Attic — frame hugs photo (m302); no forced ratio / no overflow past chrome */
body.page-more-guitars .mg-vintage-pedals .mg-matched-frame {
  display: inline-block !important;
  width: auto !important;
  max-width: min(380px, 100%) !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.page-more-guitars .mg-vintage-pedals .mg-matched-frame img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
body.page-more-guitars .mg-vintage-status,
body.page-more-guitars .mg-vintage-desc {
  display: block !important;
  margin-top: 0.85rem !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  text-align: center !important;
  text-align-last: center !important;
  text-justify: none !important;
  width: 100% !important;
  max-width: 28rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-more-guitars .mg-vintage-desc {
  font-weight: 400 !important;
  font-size: clamp(0.95rem, 1.4vw, 1.05rem) !important;
  line-height: 1.65 !important;
  font-style: italic !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  padding: 0 0.35rem !important;
}
body.page-more-guitars .mg-fedex-static {
  cursor: default !important;
  pointer-events: none !important;
}
body.page-more-guitars .mg-we-ship-logo {
  cursor: default !important;
  pointer-events: none !important;
}
@media (max-width: 640px) {
  body.page-more-guitars .mg-demo-pair,
  body.page-more-guitars .mg-matched-pair-row,
  body.page-more-guitars .mg-vintage-pedals {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 460px !important;
  }
}
body.page-more-guitars .mg-demo-deal .chrome-cta-wrap {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
body.page-more-guitars .mg-made-usa-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0.5rem auto 1.25rem !important;
  text-align: center !important;
}
body.page-more-guitars .mg-made-usa-flag {
  display: block !important;
  margin: 0 auto !important;
  cursor: default !important;
  pointer-events: none !important;
}
body.page-more-guitars .mg-made-usa-label,
body.page-more-guitars .catalog-copy p.mg-made-usa-label,
body.page-more-guitars p.mg-made-usa-label.text-md {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0.45rem auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-justify: none !important;
  float: none !important;
  clear: both !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 600 !important;
  font-style: italic !important;
}
body.page-more-guitars .mg-randy-charvel-caption,
body.page-more-guitars .catalog-copy p.mg-randy-charvel-caption {
  display: block !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 0.35rem auto 0.85rem !important;
  padding: 0 0.75rem !important;
  text-align: center !important;
  text-justify: none !important;
  float: none !important;
  clear: both !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-size: clamp(0.78rem, 1.4vw, 0.92rem) !important;
  line-height: 1.35 !important;
  font-style: italic !important;
}
body.page-more-guitars .mg-after-charvel {
  margin-top: 1.75rem !important;
  margin-bottom: 2.75rem !important;
}
body.page-more-guitars .mg-collector-sg {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 72rem !important;
  margin: 0.85rem auto 2rem !important;
  padding: 1.85rem 1rem 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
body.page-more-guitars .mg-collector-sg > * {
  width: 100% !important;
  text-align: center !important;
}
body.page-more-guitars .mg-collector-sg,
body.page-more-guitars .mg-collector-title,
body.page-more-guitars .mg-collector-subtitle,
body.page-more-guitars .catalog-copy p.mg-collector-title,
body.page-more-guitars .catalog-copy p.mg-collector-subtitle,
body.page-more-guitars .mg-collector-heading {
  text-align: center !important;
  text-justify: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
body.page-more-guitars .mg-collector-title {
  display: block !important;
  width: 100% !important;
  margin: 0.35rem auto 0.65rem !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}
body.page-more-guitars .mg-collector-subtitle {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 0.85rem !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}
/* Technovier tofu on digits — Orbitron for years */
body.page-more-guitars .mg-year,
body.page-more-guitars .mg-collector-subtitle .mg-year,
body.page-more-guitars .mg-collector-heading .mg-year {
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0.04em !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
body.page-more-guitars .mg-collector-heading {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.75rem auto 0.65rem !important;
  text-align: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
}
body.page-more-guitars .mg-after-charvel {
  margin-top: 2.15rem !important;
  margin-bottom: 3.5rem !important;
}
body.page-more-guitars .mg-collector-sg {
  padding-top: 2.5rem !important;
  margin-top: 1.35rem !important;
}
body.page-more-guitars .mg-collector-title {
  margin: 0.65rem auto 0.95rem !important;
}
body.page-more-guitars .mg-collector-subtitle {
  margin: 0 auto 1.25rem !important;
}
body.page-more-guitars .mg-collector-sg .mg-click-enlarge {
  margin: 0.45rem auto 1.5rem !important;
}
body.page-more-guitars .mg-section-title,
body.page-more-guitars p.mg-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-justify: none !important;
  float: none !important;
}
body.page-more-guitars .mg-strings-fp-pair .chrome-cta-wrap {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
/* Charvel rig — show full photo, no bottom crop */
body.page-more-guitars .mg-charvel-full-frame {
  display: inline-block !important;
  max-width: min(100%, 460px) !important;
}
body.page-more-guitars .mg-charvel-full-frame img.mg-charvel-full,
body.page-more-guitars img.mg-charvel-full {
  width: 100% !important;
  max-width: 425px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}
body.page-more-guitars .mg-order-here,
body.page-more-guitars p.mg-order-here,
body.page-more-guitars p.cs-order-here {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.35rem auto 0.85rem !important;
  padding: 0 !important;
  text-align: center !important;
  text-justify: none !important;
  float: none !important;
  clear: both !important;
}
@media (max-width: 760px) {
  body.page-more-guitars .gallery-row {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 1.25rem !important;
  }
  body.page-more-guitars .overlay-frame {
    max-width: 96vw !important;
    max-height: 88vh !important;
    padding: 10px !important;
  }
  body.page-more-guitars .overlay-frame img {
    max-width: 100% !important;
    max-height: 82vh !important;
    width: auto !important;
    height: auto !important;
  }
}
/* Contact only — pull footer up; give sun room above logo (not behind it) */
body.contact-page footer.relative,
body.contact-page footer.site-footer {
  min-height: 880px !important;
  margin-top: -1.5rem !important;
  padding-top: 2.25rem !important;
  overflow: hidden !important;
}
body.contact-page footer.relative .footer-content,
body.contact-page footer .footer-content,
body.contact-page .footer-content {
  position: relative !important;
  z-index: 12 !important;
  padding-top: 5.75rem !important;
}
body.contact-page footer .sun-centered,
body.contact-page .sun-centered {
  z-index: 16 !important; /* above footer logo so sun does not hide behind it */
  top: 2.85rem !important;
  width: 120px !important;
  height: 120px !important;
  max-width: 18vw !important;
  mix-blend-mode: screen !important;
  animation: galaxySunHorizon 65s ease-in-out infinite !important;
  transform: translateX(-50%) translateY(0) !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}
.footer-earth {
  background-position: center 42% !important;
  background-size: cover !important;
  mix-blend-mode: screen !important;
  /* Slight room above for globe top + sun float */
  top: 0.35rem !important;
  bottom: -1.75rem !important;
  transform-origin: center bottom !important;
  animation: galaxyEarthInOut 55s ease-in-out infinite !important;
}
.footer-earth img,
.footer-earth img.footer-earth-img {
  opacity: 1 !important;
  mix-blend-mode: screen !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  /* Motion lives on .footer-earth wrapper — scale in/out only */
  animation: none !important;
  transform: none !important;
}
@keyframes galaxyEarthInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.09); }
}

/* Slick stacked photo sets — equal chrome frames; 4-across when marked */
.guitar-photo-sets { max-width: 80rem; margin: 0 auto 2.25rem; padding: 0 1rem; }
.guitar-photo-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
  justify-items: stretch;
  align-items: start;
  margin: 0 0 1.25rem;
}
@media (min-width: 700px) {
  .guitar-photo-grid,
  .guitar-photo-grid.equal-frames { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; }
  .guitar-photo-grid.equal-frames.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
}
.guitar-photo-grid .frame-bg,
.guitar-photo-grid.equal-frames .frame-bg {
  max-width: 100%;
  width: 100%;
  /* Match Home / honey-burst chrome frame size */
  aspect-ratio: 360 / 290;
  transform: none;
  padding: 16px;
  box-sizing: border-box;
  background-image: url("../images/frame.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.guitar-photo-grid .frame-bg img,
.guitar-photo-grid.equal-frames .frame-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}
/* ===== PHOTO FIT LOCKS (m303) =====
   Equal chrome frames (360/290). Photos are pre-padded so FULL subject shows
   with soft blur fill (no black letterbox, no uneven frame sizes, no hard crop).
   FP page grids/scroller: square + cover — still LOCKED m297
   ============================================================== */

/* Home + CS Mama grids — equal frames; padded assets fill (m303) */
body.page-home .guitar-photo-grid .frame-bg,
body.page-home .guitar-photo-grid.equal-frames .frame-bg,
body.page-custom-guitars .guitar-photo-grid .frame-bg,
body.page-custom-guitars .guitar-photo-grid.equal-frames .frame-bg {
  aspect-ratio: 360 / 290 !important;
  height: auto !important;
  overflow: hidden !important;
}
body.page-home .guitar-photo-grid .frame-bg img,
body.page-home .guitar-photo-grid.equal-frames .frame-bg img,
body.page-custom-guitars .guitar-photo-grid .frame-bg img,
body.page-custom-guitars .guitar-photo-grid.equal-frames .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #000 !important;
}
/* Home lower scroller — equal frames (m303) */
body.page-home .gallerySwiper .swiper-slide .frame-bg {
  aspect-ratio: 360 / 290 !important;
  height: auto !important;
  overflow: hidden !important;
}
body.page-home .gallerySwiper .swiper-slide .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #000 !important;
}
.fp-grid-kicker {
  text-align: center;
  margin: 0 0 1rem;
  font-family: Technovier, Orbitron, Arial, sans-serif;
  color: #00FFFF;
  letter-spacing: 0.08em;
  font-size: 1.05rem;
}
.photo-set-desc {
  max-width: 48rem;
  margin: 0.35rem auto 1.75rem;
  text-align: center;
  font-family: Orbitron, Arial, sans-serif;
  font-size: clamp(0.78rem, 1.5vw, 0.95rem);
  letter-spacing: 0.06em;
  line-height: 1.55;
  color: #C6C6F7;
}
.photo-set-desc strong {
  display: block;
  margin-bottom: 0.35rem;
  font-family: Orbitron, Arial, sans-serif;
  font-size: clamp(1rem, 2.2vw, 1.35rem);
  color: #ffffff;
  letter-spacing: 0.08em;
  font-style: normal;
}

/* Per-photo captions */
.guitar-photo-grid.has-cell-captions {
  align-items: start;
  margin-bottom: 1.75rem;
}
.photo-cell {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
}
.photo-cell .frame-bg {
  width: 100%;
  max-width: 100%;
}
.photo-cell-desc {
  max-width: 22rem;
  margin: 0;
  text-align: center;
  font-family: Orbitron, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: clamp(0.92rem, 1.55vw, 1.12rem);
  line-height: 1.5;
  color: #C6C6F7;
  letter-spacing: 0.02em;
}
.photo-cell-desc strong {
  display: block;
  margin-bottom: 0.2rem;
  font-family: Orbitron, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: clamp(1.05rem, 1.85vw, 1.28rem);
  color: #C6C6F7;
  -webkit-text-fill-color: #C6C6F7;
  letter-spacing: 0.05em;
  font-variant-numeric: lining-nums;
  font-weight: 700;
}

/* Randy pick: 3 paragraph font examples (same aqua, no dull white) */
.font-pick-samples {
  max-width: 46rem;
  margin: 0.5rem auto 1.75rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(173, 232, 255, 0.28);
  background: rgba(0, 12, 28, 0.45);
  text-align: left;
}
.font-pick-label {
  margin: 0 0 0.85rem;
  font-family: Technovier, Orbitron, Arial, sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  color: #ade8ff;
}
.font-pick-a,
.font-pick-b,
.font-pick-c {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  line-height: 1.55;
  color: #C6C6F7;
}
.font-pick-a { font-family: Orbitron, Arial, sans-serif; font-style: normal; }
.font-pick-b { font-family: "Venus Rising", Orbitron, Arial, sans-serif; font-style: normal; }
.font-pick-c { font-family: Arial, Helvetica, sans-serif; font-style: italic; }
.font-pick-a strong,
.font-pick-b strong,
.font-pick-c strong {
  display: block;
  margin-bottom: 0.25rem;
  color: #e8eef5;
  font-style: normal;
  font-family: inherit;
}

/* Legacy FP body — silver #C6C6F7 body; aqua titles (no off-white / white content) */
.fp-legacy-copy {
  color: #C6C6F7;
}
.fp-legacy-copy .accent-silver,
.fp-legacy-copy h5,
.fp-legacy-copy h3,
.fp-legacy-copy p {
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
}
.fp-legacy-copy .fp-arial-italic,
.fp-legacy-copy p.fp-arial-italic {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  color: #C6C6F7 !important;
}
.fp-legacy-copy p:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue):not(.fp-cue-aqua):not(.page-landing-cue):not(.cs-yt-cue):not(.cs-after-hs-offer):not(.cs-section-cue):not(.cs-free-ship-cue) {
  color: #C6C6F7 !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
}
.fp-legacy-copy h5,
.fp-legacy-copy h3,
.fp-legacy-copy h2 {
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  letter-spacing: 0.05em;
  font-weight: 700 !important;
}
.fp-legacy-copy .text-white:not(.nav-btn-label):not(h2):not(h3):not(h5),
.fp-legacy-copy [class*="text-[#ffffff]"],
.fp-legacy-copy [class*="text-white"]:not(.nav-btn-label):not(h2):not(h3):not(h5),
.fp-legacy-copy .fp-white-text,
.fp-legacy-copy p[style*="#ffffff"],
.fp-legacy-copy p[style*="#fff"],
.fp-legacy-copy span[style*="#ffffff"],
.fp-legacy-copy span[style*="#fff"],
.fp-legacy-copy span[style*="color: #fff"] {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}

/* Randy: all paragraphs / long copy = Silver Fluorescent #C6C6F7 (aqua only for short 1–2 line titles / enlarge cues) */
.fp-legacy-copy p:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue):not(.fp-cue-aqua):not(.page-landing-cue):not(.cs-yt-cue):not(.cs-after-hs-offer):not(.chrome-cta-aqua),
.fp-legacy-copy .photo-cell-desc,
.fp-legacy-copy .photo-cell-desc strong,
.fp-legacy-copy .text-white:not(.nav-btn-label):not(h2):not(h3):not(h5),
.fp-legacy-copy .fp-white-text,
.fp-legacy-copy p[style*="#ffffff"]:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue),
.fp-legacy-copy p[style*="#fff"]:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue),
.fp-legacy-copy p[style*="#00FFFF"]:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue):not(.fp-cue-aqua):not(.cs-after-hs-offer),
.fp-legacy-copy p[style*="#00ffff"]:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue):not(.fp-cue-aqua):not(.cs-after-hs-offer),
.fp-legacy-copy span[style*="#ffffff"],
.fp-legacy-copy span[style*="#fff"],
.fp-legacy-copy span[style*="color: #fff"],
.fp-legacy-copy span[style*="#E8EEF5"],
.fp-legacy-copy span[style*="#e8eef5"],
.fp-legacy-copy div[style*="#ffffff"]:not(.nav-btn):not(.g-recaptcha),
.fp-legacy-copy [style*="#ffffff"]:not(h2):not(h3):not(h5):not(.fp-title-aqua):not(.testimonial-name):not(.testimonial-name-white):not(.fp-page-title):not(.fp-yellow-dual-caption):not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue),
.fp-legacy-copy [style*="#fff"]:not(h2):not(h3):not(h5):not(.fp-title-aqua):not(.testimonial-name):not(.testimonial-name-white):not(.fp-page-title):not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue) {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}
.fp-yellow-dual-caption h5 {
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}
.fp-legacy-copy .fp-title-aqua {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  text-align: center !important;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.fp-legacy-copy .fp-page-title,
.fp-legacy-copy .page-landing-cue,
.fp-legacy-copy .page-landing-cue.fp-cue-aqua {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Testimonials: aqua + readable glyphs (Technovier tofu looked “corrupt”) */
.fp-legacy-copy .testimonial-name,
.fp-legacy-copy span.testimonial-name,
.fp-legacy-copy p .testimonial-name,
.fp-legacy-copy p span.testimonial-name,
span.testimonial-name {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  /* Own line, left — avoids nowrap floating far right after long blank */
  display: block !important;
  width: 100%;
  max-width: 100%;
  text-align: left !important;
  white-space: normal;
  margin-top: 0.45rem;
  line-height: 1.35;
}
.fp-legacy-copy .testimonial-name-white,
span.testimonial-name-white {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  display: block !important;
  width: 100%;
  text-align: left !important;
  margin-top: 0.45rem;
  line-height: 1.35;
}
@media (max-width: 640px) {
  .fp-legacy-copy .testimonial-name,
  span.testimonial-name,
  .fp-legacy-copy .testimonial-name-white,
  span.testimonial-name-white {
    white-space: normal;
  }
}
.fp-page-title {
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.15rem !important;
  margin-bottom: 0.35rem !important;
}
.fp-title-block {
  z-index: 5;
}
.fp-static-frame,
.fp-static-frame:hover {
  cursor: default !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  transform: none !important;
}

/* Saturn — smaller oval soft-edge; darker so neon stays subtle */
.saturn-deco,
img.saturn-deco {
  mix-blend-mode: screen !important;
  opacity: 0.82 !important;
  filter: brightness(0.72) contrast(1.05) saturate(0.9) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 4 !important;
  -webkit-mask-image: radial-gradient(ellipse 52% 46% at 50% 50%, #000 58%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse 52% 46% at 50% 50%, #000 58%, transparent 78%) !important;
}
img[src*="hero/saturn"].alien-image,
.alien-image[src*="saturn"] {
  mix-blend-mode: screen !important;
  opacity: 0.9 !important;
  filter: brightness(0.85) contrast(1.05) saturate(0.95) !important;
}
.page-saturn-fill {
  display: block !important;
  width: min(175px, 40vw) !important;
  height: auto !important;
  margin: 1.5rem auto 0.75rem !important;
  opacity: 0.9 !important;
  mix-blend-mode: screen !important;
}

/* Soft silver body copy (Randy: #C6C6F7 — no pistachio) */
.responsive-text p,
.photo-set-desc {
  color: #C6C6F7;
}
.photo-set-desc strong {
  color: #00FFFF !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
}

/* About / Contact / Policies — silver body, Technovier titles, aqua accents */
.info-page-lead {
  max-width: 40rem;
  margin: 0.35rem auto 0.75rem;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: clamp(0.95rem, 1.8vw, 1.15rem);
  color: #C6C6F7;
  letter-spacing: 0.03em;
  word-spacing: normal !important;
}
/* About / info captions under photos — stay centered (justify was shoving short lines left) */
.info-page-copy p.text-center,
.info-page-copy .text-center,
body.page-about .info-page-copy p.text-sm,
body.page-about .info-page-copy [style*="text-align:center"],
body.page-about .info-page-copy [style*="text-align: center"] {
  text-align: center !important;
  word-spacing: normal !important;
}
.info-page-copy,
.info-page-copy p,
.info-page-copy p.text-white,
.info-page-copy .text-white:not(.nav-btn-label):not(a),
.info-page-copy .text-gray-300,
.info-page-copy .text-slate-200,
.info-page-copy .text-slate-300,
.info-page-copy .accent-para,
.info-page-copy .accent-silver,
.info-page-copy .font-size-4 {
  color: #C6C6F7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
}
.catalog-copy p,
.catalog-copy .font-size-4,
.fp-legacy-copy p.accent-silver,
.fp-legacy-copy .font-size-4:not(.fp-title-aqua):not(.fp-page-title):not(.page-landing-cue) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
}
.info-page-copy h3,
.info-page-copy h5,
.info-page-copy h2 {
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  color: #ffffff !important;
  letter-spacing: 0.05em;
}
.info-page-copy .fp-title-aqua,
.info-page-copy h3.fp-title-aqua,
.info-page-copy h5.fp-title-aqua,
.info-page-copy .contact-secure-line,
.info-page-copy .contact-form-prompt {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
}

/* Catalog pages (custom / more) — same silver + Technovier as FP */
.catalog-copy .text-white:not(.nav-btn-label):not(a),
.catalog-copy [class*="text-[#ffffff]"],
.catalog-copy p[style*="#ffffff"],
.catalog-copy p[style*="#3BB9FF"],
.catalog-copy p[style*="#3bb9ff"],
.catalog-copy .accent-para {
  color: #C6C6F7 !important;
}
.catalog-copy p,
.catalog-copy .font-size-4 {
  color: #C6C6F7;
  font-family: Orbitron, Arial, Helvetica, sans-serif;
}
.catalog-copy h5,
.catalog-copy h3,
.catalog-copy h2,
.catalog-copy .fp-page-title {
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  letter-spacing: 0.05em;
}
.catalog-copy .fp-title-aqua,
.catalog-copy h5.fp-title-aqua {
  color: #00FFFF !important;
}
.catalog-copy p[style*="italic"],
.catalog-copy .fp-arial-italic {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
}

/* Product detail pages — no dull slate gray */
.product-copy .text-slate-400,
.product-copy td.text-slate-400,
.product-copy span.text-slate-400,
.product-copy p.text-slate-400 {
  color: #C6C6F7 !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
}
.product-copy h5,
.product-copy h4,
.product-copy h3 {
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
}
/* Technovier tofu on digits (e.g. TRB-3) — Orbitron for product titles with model numbers */
.product-copy .product-order-panel h5,
.product-copy .product-order-panel .product-model-title,
.product-copy .digit-safe {
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
}

/* Equal chrome frames — kill leftover shrink on catalog pages */
.guitar-photo-grid.equal-frames .frame-bg,
.guitar-photo-grid.has-cell-captions .frame-bg {
  transform: none !important;
}

/* Centered chrome page CTA */
.chrome-cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin: 0.5rem auto 1.75rem;
  text-align: center;
}

/* Custom Shop mid-page photo pairs — Home/FP chrome fill, 2-across */
.cs-pair-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem;
  max-width: 56rem;
  width: 100%;
  margin: 2rem auto !important;
  align-items: stretch;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.cs-pair-row > div {
  width: 100%;
  margin: 0 !important;
}
.cs-pair-row .frame-bg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 360 / 290;
  padding: 14px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: zoom-in;
}
.cs-pair-row .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 2px;
}
.cs-pair-row.cs-static-frame .frame-bg {
  cursor: default !important;
}
.cs-expanded-pair {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 1.35rem;
  max-width: 68rem;
  width: 100%;
  margin: 0.75rem auto 0.35rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
  align-items: stretch;
}
@media (min-width: 700px) {
  .cs-expanded-pair {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.85rem;
  }
}
.cs-f17-two-by-two {
  width: 100%;
  max-width: 56rem;
  margin: 0.75rem auto 0.35rem;
  padding: 0;
  box-sizing: border-box;
}
.cs-f17-two-by-two > .cs-pair-row {
  margin: 0.85rem auto !important;
}
.cs-f17-two-by-two > .cs-pair-row:first-child {
  margin-top: 0 !important;
}
.cs-f17-pickup-pair {
  max-width: 56rem !important;
  gap: 2.35rem !important;
}
.cs-f17-pickup-pair .frame-bg {
  aspect-ratio: 3 / 4 !important;
  padding: 12px !important;
  cursor: zoom-in !important;
}
.cs-f17-pickup-pair .frame-bg img {
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
  border-radius: 0 !important;
  cursor: zoom-in !important;
}
.cs-expanded-pair .frame-bg {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4;
  padding: 7px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: zoom-in !important;
}
.cs-expanded-pair .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #000 !important;
  display: block !important;
  cursor: zoom-in !important;
}
.cs-static-frame:not(.cs-marshall-hero) img.click-enlarge,
.cs-pair-row.cs-static-frame img.click-enlarge {
  cursor: zoom-in !important;
}
p.cs-mid-enlarge-cue,
.fp-legacy-copy p.cs-mid-enlarge-cue,
.fp-click-enlarge-cue.cs-mid-enlarge-cue {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0.45rem auto 0.55rem !important;
  padding: 0.2rem 0.5rem !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  text-align: center !important;
  word-spacing: normal !important;
  animation: none !important;
  transition: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 1px 3px #000 !important;
  background: transparent !important;
  min-height: 1.4em !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 6 !important;
}
.cs-pair-cards .galaxy-ship-pay-banner__cards img {
  height: 38px !important;
}
@media (max-width: 640px) {
  .cs-pair-cards .galaxy-ship-pay-banner__cards img {
    height: 32px !important;
  }
}
.cs-mid-color-chart {
  max-width: 48rem;
  width: 100%;
  margin: 0.35rem auto 1.75rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.cs-mid-color-chart .frame-bg {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 7;
  padding: 8px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: default !important;
}
.cs-mid-color-chart .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #000 !important;
  display: block !important;
  cursor: default !important;
}
.cs-mid-copy {
  max-width: 950px;
  margin: 1.5rem auto 0.75rem !important;
  padding: 0 12px;
  box-sizing: border-box;
}
.cs-mid-yt {
  max-width: 820px;
  width: 100%;
  margin: 1.5rem auto 2rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.cs-mid-yt .cs-yt-frame {
  max-width: 100%;
}
.guitar-photo-sets#live-indexed-guitars {
  margin-top: 1.75rem;
}
@media (max-width: 640px) {
  .cs-pair-row {
    grid-template-columns: 1fr;
    max-width: 28rem;
  }
}

.cs-f17-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.15rem;
  max-width: 40rem;
  width: 100%;
  margin: 1.25rem auto 1.5rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.cs-f17-pickup {
  max-width: 32rem;
  width: 100%;
}
.cs-f17-pickup .frame-bg {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 911 / 480;
  padding: 14px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  cursor: default !important;
}
.cs-f17-pickup .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
  display: block !important;
  cursor: default !important;
}
.cs-f17-specs {
  max-width: 40rem;
  width: 100%;
}
.cs-f17-specs img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: default !important;
}
.cs-f17-body-shot {
  max-width: 22rem;
  width: 100%;
}
.cs-f17-body-shot .frame-bg {
  aspect-ratio: 530 / 706 !important;
}
.cs-f17-body-shot .frame-bg img {
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}

/* Custom Shop solo / stacked chrome frames */
.cs-single-frame .frame-bg,
.cs-stack-frames .frame-bg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 360 / 290;
  padding: 14px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: zoom-in;
}
.cs-single-frame .frame-bg img,
.cs-stack-frames .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}
/* Spec sheets / color chart — contain so text stays readable; keep chart frame modest */
.cs-single-frame .frame-bg img[alt*="Color Chart"],
.cs-stack-frames .frame-bg img[alt*="Specifications"],
.cs-stack-frames .frame-bg img[src*="Specifications"],
.cs-stack-frames .frame-bg img[src*="Specif"] {
  object-fit: contain !important;
  background: #000;
}
.cs-color-chart-frame,
.cs-single-frame.cs-color-chart-frame {
  max-width: 34rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cs-color-chart-frame .frame-bg {
  aspect-ratio: auto !important;
  padding: 12px !important;
}
.cs-color-chart-frame .frame-bg img {
  height: auto !important;
  max-height: 420px !important;
  object-fit: contain !important;
}
.cs-feature-row {
  width: 100%;
}
.cs-feature-row > div,
.cs-feature-row > .photo-cell {
  width: 100%;
}
.cs-feature-row > div > .frame-bg,
.cs-feature-row > .photo-cell > .frame-bg {
  width: 100% !important;
  aspect-ratio: 360 / 290 !important;
  padding: 12px !important;
}
.cs-feature-row > div > .frame-bg img,
.cs-feature-row > .photo-cell > .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}
/* Per-photo frame ratios so guitars fill chrome without cutting content (m296) */
.cs-feature-row .cs-feature-caramel .frame-bg {
  aspect-ratio: 1317 / 774 !important;
}
.cs-feature-row .cs-feature-finishes .frame-bg {
  aspect-ratio: 1010 / 773 !important;
}
.cs-feature-row .cs-feature-wide .frame-bg {
  aspect-ratio: 1318 / 701 !important;
}
.cs-feature-row .cs-feature-caramel .frame-bg img,
.cs-feature-row .cs-feature-finishes .frame-bg img,
.cs-feature-row .cs-feature-wide .frame-bg img {
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}
.cs-feature-row > div > p,
.cs-feature-row > .photo-cell > p {
  color: #c6c6f7 !important;
  -webkit-text-fill-color: #c6c6f7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  text-align: center !important;
  margin-top: 0.65rem !important;
  line-height: 1.4 !important;
  max-width: none !important;
}

/* Custom Shop set title under enlarge cue */
#live-indexed-guitars > .photo-set-desc {
  max-width: 48rem;
  color: #c6c6f7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem) !important;
  line-height: 1.45 !important;
}
#live-indexed-guitars > .photo-set-desc strong {
  color: #00ffff !important;
  font-style: italic !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Locked chrome button scale — match Finger Protectors (approved); do not shrink */
.nav-btn-img {
  height: 52px !important;
  max-height: 56px !important;
  width: auto !important;
}
.nav-btn-label {
  font-size: 14px !important;
}
.nav-btn-label.is-long {
  font-size: 12.5px !important;
  line-height: 1.05 !important;
}

/* Hide current-page tab in chrome rail (JS also sets hidden for pages without aria-current) */
.hero-bottom-links #navigation ul li:has(> a[aria-current="page"]),
.side-drawer > a[aria-current="page"] {
  display: none !important;
}

/*
  custom.css hides #navigation under 991px (legacy hamburger).
  Home chrome rail must stay visible on phones — aqua borders only = that bug.
*/
.hero-bottom-links #navigation,
.nav-rail #navigation {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  width: 100% !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Catalog pages — hamburger Links menu on mobile (Randy m267) */
@media (max-width: 1024px) {
  .catalog-copy .hero-bottom-links,
  .fp-legacy-copy .hero-bottom-links {
    display: none !important;
  }
  .catalog-copy .mobile-only-menu,
  .fp-legacy-copy .mobile-only-menu {
    display: block !important;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
  }
}

/* Shared catalog heroes — lock FP-perfect rail placement (do not move rail down) */
.catalog-copy .hero-section,
.fp-legacy-copy .hero-section {
  overflow: visible !important;
}
.catalog-copy .hero-bottom-links,
.fp-legacy-copy .hero-bottom-links {
  bottom: 6.5rem !important;
}

/* Custom Shop guitar — match Finger Protectors position (down + left/centered), tip clear of rail */
body.page-custom-guitars .hero-section {
  overflow: visible !important;
}
body.page-custom-guitars .hero-section .logo-container-div {
  z-index: 40 !important;
}
body.page-custom-guitars .hero-section .guitar-container-div {
  z-index: 15 !important;
  left: auto !important;
  right: 0 !important;
  width: auto !important;
}
body.page-custom-guitars .hero-section .hero-guitar {
  /* Same as locked FP hero guitar */
  margin-top: 125px !important;
  margin-right: 200px !important;
  width: 750px !important;
  max-width: 100% !important;
  height: auto !important;
  /* Only difference vs FP: contain + max-height so rail does not cover the bottom */
  max-height: calc(85vh - 6.5rem - 125px - 1.5rem) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}
body.page-custom-guitars .hero-bottom-links {
  z-index: 30 !important;
}

/* Desktop nav — keep Cart on the main row; size comes from locked chrome scale above */
@media (min-width: 769px) {
  .hero-bottom-links #navigation ul {
    flex-wrap: nowrap !important;
    gap: 0.55rem !important;
    justify-content: center !important;
  }
  .hero-bottom-links #navigation ul li {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  .hero-bottom-links .nav-btn {
    min-width: 0 !important;
  }
}

/* Active tab — ice glow on chrome plate; navy label so it never washes blank */
.nav-btn.is-active .nav-btn-label,
.nav-btn[aria-current="page"] .nav-btn-label,
a[aria-current="page"] .nav-btn-label {
  color: #0018c6 !important;
  -webkit-text-fill-color: #0018c6 !important;
  text-shadow: 0 0 1px #fff, 0 1px 1px rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
  .hero-bottom-links {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 0.65rem;
    width: 100%;
  }
  .hero-bottom-links .nav-rail {
    padding: 0.65rem 0.4rem !important;
    background: rgba(0, 0, 0, 0.72) !important;
  }
  .hero-bottom-links #navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem !important;
    justify-items: stretch;
  }
  .hero-bottom-links .nav-btn {
    width: 100%;
    min-width: 0 !important;
    min-height: 48px;
  }
  .hero-bottom-links .nav-btn-img {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    object-fit: fill !important;
  }
  .hero-bottom-links .nav-btn-label {
    font-size: 13px !important;
    color: #0018c6 !important;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(255, 255, 255, 0.85);
  }
  .hero-bottom-links .nav-btn-label.is-long {
    font-size: 12px !important;
  }
}

/* Phone / small tablet pass */
@media (max-width: 768px) {
  .guitar-photo-sets {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }
  .guitar-photo-grid {
    gap: 0.85rem !important;
  }
  .guitar-photo-grid .frame-bg,
  .frame-bg {
    max-width: 300px !important;
  }
  .photo-set-desc {
    font-size: 0.8rem !important;
    color: #C6C6F7 !important;
  }
  .photo-set-desc strong {
    font-size: 1.05rem !important;
  }
  .chrome-cta-wrap {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  footer .footer-content,
  .footer-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 420px) {
  .guitar-photo-grid .frame-bg,
  .frame-bg {
    max-width: 260px !important;
  }
}

/* ---- Shared click-to-enlarge (always over page chrome) ---- */
.galaxy-lightbox,
body > .galaxy-lightbox,
.image-overlay,
body > .image-overlay,
#imageOverlay {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2147483646 !important;
  transform: none !important;
  filter: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ---- Footer sun — travels horizontally in upper band; stays clear of logo/social ---- */
@keyframes galaxySunHorizon {
  0%, 100% { left: 12%; }
  50%      { left: 70%; }
}
footer .sun-centered,
.site-footer > .sun-centered,
.footer-earth .sun-centered,
.sun-centered {
  position: absolute !important;
  z-index: 8 !important; /* under footer-content (z-10) so logo/social stay readable */
  opacity: 1 !important;
  mix-blend-mode: screen !important;
  filter: brightness(1.35) saturate(1.15) drop-shadow(0 0 28px rgba(255, 220, 120, 0.9)) !important;
  width: 110px !important;
  height: 110px !important;
  max-width: 16vw !important;
  pointer-events: none !important;
  top: 3.35rem !important; /* upper earth curve — above nudged content */
  /* Do NOT lock left here — keyframes must move left */
  transform: translateX(-50%) translateY(0);
  animation: galaxySunHorizon 65s ease-in-out infinite !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}
/* Soften logo plate slightly so sun reads through when it crosses */
footer .footer-logo-light img,
.footer-logo-light img {
  mix-blend-mode: screen;
  opacity: 0.96;
}

/* Galaxy logo aqua sweep — ONE beam only (.logo-aqua-beam via JS).
   Page-local ::after rules caused doubles + border spill; kill them hard.
   Do NOT put transform:!important on the animated beam (freezes keyframes). */
a.logo-light,
.logo-light,
.logo-container-div .logo-light,
.footer-logo-light,
a.footer-logo-light {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  background: transparent !important;
  isolation: isolate !important;
}
a.logo-light,
.logo-light,
.logo-container-div .logo-light {
  border-radius: 14px !important;
}
.footer-logo-light,
a.footer-logo-light {
  border-radius: 12px !important;
}
a.logo-light img,
.logo-light img,
.logo-light .hero-logo,
.footer-logo-light img,
a.footer-logo-light img {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

/* Kill every logo ::after / ::before swipe (pages recreate them after polish loads) */
a.logo-light::after,
.logo-light::after,
.logo-container-div .logo-light::after,
.footer-logo-light::after,
a.footer-logo-light::after,
a.logo-light::before,
.logo-light::before,
.footer-logo-light::before,
a.footer-logo-light::before {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Single injected aqua beam — clipped inside neon plate */
.logo-aqua-beam {
  position: absolute !important;
  top: 10% !important;
  bottom: 10% !important;
  left: 0 !important;
  width: 28% !important;
  height: auto !important;
  z-index: 6 !important;
  pointer-events: none !important;
  border-radius: 2px !important;
  mix-blend-mode: normal !important;
  overflow: hidden !important;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(0, 255, 255, 0) 20%,
    rgba(0, 255, 255, 0.35) 42%,
    rgba(173, 232, 255, 0.75) 50%,
    rgba(0, 255, 255, 0.35) 58%,
    rgba(0, 255, 255, 0) 80%,
    transparent 100%
  ) !important;
  transform: translateX(-120%) skewX(-12deg);
  animation: galaxyLogoAquaSweep 2.9s linear infinite !important;
}
@keyframes galaxyLogoAquaSweep {
  0% { transform: translateX(-120%) skewX(-12deg); }
  100% { transform: translateX(380%) skewX(-12deg); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-aqua-beam {
    animation: none !important;
    transform: translateX(55%) skewX(-12deg) !important;
    opacity: 0.5 !important;
  }
}

/* Page-change cue — active chrome nav (ice-blue glow on plate; label stays navy for readability) */
.nav-btn.is-active .nav-btn-img,
.nav-btn[aria-current="page"] .nav-btn-img,
a[aria-current="page"] .nav-btn-img {
  filter: drop-shadow(0 0 10px rgba(97, 198, 242, 0.7)) brightness(1.03) !important;
}
.page-landing-cue {
  display: block;
  width: 100%;
  max-width: 48rem;
  margin: 0.75rem auto 0.35rem;
  padding: 0.4rem 1rem;
  text-align: center;
  font-family: Orbitron, Arial, Helvetica, sans-serif;
  font-size: clamp(0.95rem, 1.8vw, 1.2rem);
  line-height: 1.35;
  letter-spacing: 0.06em;
  color: #e8eef5;
  text-transform: none;
  border-top: 1px solid rgba(97, 198, 242, 0.45);
  border-bottom: 1px solid rgba(97, 198, 242, 0.45);
  background: linear-gradient(90deg, transparent, rgba(0, 40, 70, 0.55), transparent);
}
/* Avoid FOUC: keep cue compact even if late CSS overrides fight */
body.product-copy .hero-section,
body.product-copy .hero-bottom-links {
  display: none !important;
}
body.product-copy #myTab,
body.product-copy #myTabContent {
  display: none !important;
}
body.product-copy .page-landing-cue,
body.product-copy .page-landing-cue.fp-cue-aqua,
.fp-legacy-copy .page-landing-cue,
.fp-legacy-copy .page-landing-cue.fp-cue-aqua {
  font-size: clamp(0.95rem, 1.8vw, 1.2rem) !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  max-width: 48rem !important;
  line-height: 1.35 !important;
}
.page-landing-cue span {
  color: #00ffff;
}

/* Product order pages — no flat grey bands over starfield; keep purchase path clear */
body.product-copy section.bg-gray-50,
body.product-copy section.dark\:bg-slate-800 {
  background: transparent !important;
}
body.product-copy .product-order-panel {
  background: transparent !important;
  padding-bottom: 4.5rem;
  margin-bottom: 2rem;
}
body.product-copy .product-order-panel .galaxy-ship-pay-banner {
  margin-bottom: 0.35rem !important;
}
body.product-copy .product-order-footer-spacer {
  display: block;
  height: 3.5rem;
  width: 100%;
  clear: both;
}
body.product-copy .p-4.bg-gray-50,
body.product-copy .p-4.dark\:bg-slate-800 {
  background: rgba(0, 12, 28, 0.55) !important;
  border: 1px solid rgba(97, 198, 242, 0.25);
}
body.product-copy .product-buy-steps {
  margin-bottom: 0.15rem;
}


/* Footer subscribe chrome — ensure present/styled on all pages */
.footer-subscribe.nav-btn,
a.footer-subscribe {
  display: inline-flex !important;
  margin-top: 1rem;
}

/* Match home logo placement — clear top marquee; do not clip neon frame */
#topnav {
  position: relative !important;
  top: auto !important;
}
.hero-section {
  overflow: visible !important;
}
.hero-section .logo-container-div {
  position: absolute !important;
  top: 1.05rem !important;
  left: 0.75rem !important;
  z-index: 30 !important;
}
.hero-section .hero-top-right {
  top: 0.75rem !important;
}
.hero-section .logo-light {
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 14px !important;
}
@media (max-width: 640px) {
  .hero-section .logo-container-div {
    top: 0.75rem !important;
    left: 0.35rem !important;
  }
}

/* Silver Fluorescent body — #C6C6F7 (not off-white / pistachio); keep enlarge cues aqua */
.fp-legacy-copy,
.fp-legacy-copy p:not(.cs-grid-enlarge-cue):not(.fp-click-enlarge-cue):not(.fp-cue-aqua):not(.cs-after-hs-offer),
.photo-cell-desc {
  color: #C6C6F7 !important;
}
.fp-legacy-copy .accent-silver {
  color: #C6C6F7 !important;
}
/* Custom Shop intro copy — stay visible (no fade-out flashes against starfield) */
.cs-live-top-section,
.cs-live-top-section .cs-upper-copy,
.cs-live-top-section .cs-upper-copy p,
.cs-live-top-section .cs-coming-soon {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
}
.cs-live-top-section .cs-upper-copy p {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  mix-blend-mode: normal !important;
  text-align: justify !important;
}
p.paragraph {
  text-align: justify !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}

/*
  Randy lock: even paragraph lines like live (justify) sitewide.
  Last line of each block stays a natural short/run-on line.
  Keep captions, cues, titles, and chrome labels centered.
*/
.fp-legacy-copy p:not(.page-landing-cue):not(.photo-cell-desc):not(.photo-set-desc):not(.fp-click-enlarge-cue):not(.cs-grid-enlarge-cue):not(.cs-mid-enlarge-cue):not(.cs-section-cue):not(.cs-free-ship-cue):not(.fp-title-aqua):not(.fp-page-title):not(.cs-coming-soon):not(.cs-meet-line):not(.chrome-cta-aqua):not(.nav-btn-label):not(.fp-cue-aqua):not(.cs-reserve-sub):not(.cs-yt-cue):not(.cs-after-hs-offer):not(.cs-caribbean-caption):not(.cs-order-here):not(.fp-global-leader):not(.fp-photo-caption):not(.fp-made-usa):not(.fp-cue-center):not(.fp-questions-line):not(.text-center),
.catalog-copy p:not(.page-landing-cue):not(.photo-cell-desc):not(.photo-set-desc):not(.fp-click-enlarge-cue):not(.cs-grid-enlarge-cue):not(.cs-mid-enlarge-cue):not(.cs-section-cue):not(.cs-free-ship-cue):not(.fp-title-aqua):not(.fp-page-title):not(.cs-coming-soon):not(.cs-meet-line):not(.chrome-cta-aqua):not(.nav-btn-label):not(.fp-cue-aqua):not(.cs-reserve-sub):not(.cs-yt-cue):not(.cs-after-hs-offer):not(.cs-caribbean-caption):not(.cs-order-here):not(.fp-global-leader):not(.fp-photo-caption):not(.mg-click-enlarge):not(.mg-made-usa-label):not(.mg-randy-charvel-caption):not(.mg-collector-title):not(.mg-collector-subtitle):not(.mg-collector-heading):not(.mg-section-title):not(.mg-order-here):not(.text-xs):not(.text-center),
.info-page-copy p:not(.page-landing-cue):not(.fp-title-aqua):not(.fp-page-title):not(.chrome-cta-aqua):not(.nav-btn-label):not(.cs-reserve-sub):not(.cs-yt-cue):not(.fp-global-leader):not(.fp-photo-caption):not(.contact-inquiries-title):not(.contact-transmit-cue):not(.contact-transmit-heading):not(.text-center):not(.info-page-lead),
.product-copy p:not(.page-landing-cue):not(.nav-btn-label):not(.cs-reserve-sub):not(.cs-yt-cue):not(.fp-global-leader):not(.fp-photo-caption),
main p:not(.page-landing-cue):not(.photo-cell-desc):not(.photo-set-desc):not(.fp-click-enlarge-cue):not(.cs-grid-enlarge-cue):not(.cs-mid-enlarge-cue):not(.fp-title-aqua):not(.nav-btn-label):not(.cs-coming-soon):not(.cs-meet-line):not(.cs-reserve-sub):not(.cs-yt-cue):not(.cs-after-hs-offer):not(.cs-order-here):not(.fp-global-leader):not(.fp-photo-caption):not(.mg-click-enlarge):not(.mg-made-usa-label):not(.mg-randy-charvel-caption):not(.mg-collector-title):not(.mg-collector-subtitle):not(.mg-collector-heading):not(.mg-section-title):not(.mg-order-here):not(.mg-vintage-status):not(.mg-vintage-desc):not(.mg-vintage-title):not(.text-center) {
  text-align: justify !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}
/* Footer must NOT inherit body/product justify — stretches word gaps */
footer p,
footer .footer-content p,
.footer-content p,
body.product-copy footer p,
body.product-copy footer .footer-content p,
body.product-copy footer .max-w-md p {
  text-align: left !important;
  text-align-last: left !important;
  text-justify: none !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}
footer .text-center,
footer .text-center p,
footer .footer-content .text-center,
footer .footer-content .text-center p,
footer .border-t,
footer .border-t p {
  text-align: center !important;
}
/* We Ship + We Accept — one centered stack (Home-style) */
footer .footer-center-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center !important;
}
footer .footer-ship-pay {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 22rem !important;
  margin: 0 auto !important;
  gap: 0.55rem !important;
  text-align: center !important;
}
footer .footer-ship-row {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: 22rem !important;
  margin: 0 auto !important;
  gap: 0 !important;
}
footer .footer-ship-row span {
  grid-column: 2 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
footer .footer-ship-row img {
  grid-column: 3 !important;
  justify-self: start !important;
  margin-left: 0.65rem !important;
  width: 2.5rem !important;
  height: auto !important;
}
footer .footer-pay-block,
footer .footer-ship-pay .footer-pay-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 22rem !important;
  margin: 0.35rem auto 0 !important;
  text-align: center !important;
  align-self: center !important;
}
footer .footer-pay-block p,
footer .footer-ship-pay .footer-pay-block p,
footer .footer-ship-pay p {
  text-align: center !important;
  text-align-last: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
footer .footer-pay-cards,
footer .footer-pay-block .flex,
footer .footer-pay-block .footer-pay-cards {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
footer .grid > div:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center !important;
}
footer .footer-copy,
footer .border-t.mt-12 {
  border-top: 1px solid rgba(173, 232, 255, 0.45) !important;
  text-align: center !important;
  text-shadow: none !important;
  font-style: normal !important;
}
footer .footer-copy-line {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}
footer .footer-note {
  display: block !important;
  margin-top: 0.55rem !important;
  color: #ade8ff !important;
  -webkit-text-fill-color: #ade8ff !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.08em !important;
  text-shadow: none !important;
}
/* Footer trust/support badges — transparent Red Cross, same dimensions sitewide (More Guitars reference) */
footer .support-row,
footer .trust-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}
footer .social-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}
footer .social-row img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  object-fit: contain !important;
}
footer .social-row img[src*="youtube"] {
  width: 78px !important;
  height: 78px !important;
  max-width: 78px !important;
}
footer .social-row img[src*="pinterest"],
footer .social-row img[src*="instagram"] {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
}
footer .support-row a,
footer .trust-row a,
footer .social-row a {
  display: inline-flex !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
}
footer .support-row img,
footer .trust-row img {
  /* Sized to fit 3-across in the right footer column without stacking */
  height: 88px !important;
  width: auto !important;
  max-width: 118px !important;
  object-fit: contain !important;
}
/* Red Cross supporter badge — taller so “Supporter” text reads (Randy m267/m269) */
footer .support-row a:first-child img,
footer .trust-row a:first-child img,
footer .support-row a[href*="redcross"] img {
  height: 120px !important;
  max-width: 150px !important;
}
body.page-custom-guitars footer .support-row a[href*="redcross"] img,
body.page-more-guitars footer .support-row a[href*="redcross"] img {
  height: 120px !important;
  max-width: 150px !important;
}
footer .support-row a:nth-child(2) img,
footer .trust-row a:nth-child(2) img {
  max-width: 100px !important;
}
@media (max-width: 767px) {
  footer .support-row,
  footer .trust-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}
/* Product-page footers — social + column layout */
body.product-copy footer .support-row,
body.product-copy footer .trust-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}
body.product-copy footer .social-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}
body.product-copy footer .support-row a,
body.product-copy footer .trust-row a {
  display: inline-flex !important;
  line-height: 0 !important;
}
/* Product footers — stop Quick Links overlapping Follow Us; match CS column widths */
body.product-copy footer .footer-content {
  padding-top: 3.25rem !important;
}
body.product-copy footer .quick-links-bar,
body.product-copy footer .quick-links-bar.absolute {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  margin: 0 0 1.25rem !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.5rem !important;
  z-index: 2 !important;
}
body.product-copy footer .quick-links-bar ul {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  row-gap: 0.25rem !important;
}
body.product-copy footer .grid > div:nth-child(2),
body.page-finger-protectors footer .grid > div:nth-child(2),
body.page-more-guitars footer .grid > div:nth-child(2),
.fp-legacy-copy footer .grid > div:nth-child(2),
footer .footer-center-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
body.product-copy footer .footer-pay-block,
body.page-finger-protectors footer .footer-pay-block,
body.page-more-guitars footer .footer-pay-block,
footer .footer-ship-pay .footer-pay-block {
  align-self: center !important;
  width: 100% !important;
  max-width: 22rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body.product-copy footer .footer-pay-block p,
body.page-finger-protectors footer .footer-pay-block p,
body.page-more-guitars footer .footer-pay-block p {
  text-align: center !important;
  text-align-last: center !important;
}
body.product-copy footer .social-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}
body.product-copy footer .social-row img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  object-fit: contain !important;
}
body.product-copy footer .social-row a,
body.product-copy footer .trust-row a,
body.product-copy footer .support-row a {
  display: inline-flex !important;
  line-height: 0 !important;
}
.page-landing-cue,
.photo-cell-desc,
.photo-set-desc,
.fp-click-enlarge-cue,
.mg-click-enlarge,
.mg-section-title,
.mg-order-here,
.cs-order-here,
.mg-made-usa-label,
.mg-randy-charvel-caption,
.mg-collector-title,
.mg-collector-subtitle,
.mg-collector-heading,
.cs-grid-enlarge-cue,
.cs-mid-enlarge-cue,
.cs-coming-soon,
.cs-meet-line,
.fp-page-title,
.fp-title-aqua,
.chrome-cta-aqua,
.cs-reserve-title,
.cs-reserve-sub,
.cs-yt-cue,
.fp-global-leader,
.fp-photo-caption,
.fp-made-usa,
.fp-cue-center,
.fp-questions-line {
  text-align: center !important;
}
.fp-cue-aqua,
.fp-title-aqua,
.page-landing-cue.fp-cue-aqua,
.page-landing-cue.fp-cue-aqua span {
  color: #00FFFF !important;
}
.fp-intro-static {
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
}
.fp-intro-static .fp-static-frame {
  width: 92%;
  max-width: 64rem;
}
.fp-intro-static img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0 !important;
}
@media (max-width: 768px) {
  .fp-intro-static {
    margin-top: 0.5rem;
    margin-bottom: 0.85rem;
    padding: 0 0.65rem;
  }
  .fp-intro-static .fp-static-frame {
    width: 100%;
    max-width: 100%;
    padding: 8px !important;
  }
  .fp-intro-static img {
    min-height: 0 !important;
    max-height: 42vh;
    object-fit: contain;
  }
}
@media (max-width: 420px) {
  .fp-intro-static img {
    max-height: 36vh;
  }
}

/* Small green alien — mid-page centered (Home / Finger Protectors / Custom Shop) */
.invader-alien {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 1.25rem auto 1.5rem;
  padding: 0 1.25rem;
  position: relative;
  z-index: 8;
  opacity: 1 !important;
  visibility: visible !important;
}
.invader-alien img {
  width: 96px;
  height: auto;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  transition: transform 0.45s ease, filter 0.45s ease;
}
.invader-alien img:hover {
  transform: scale(1.08) translateY(-3px);
  filter: drop-shadow(0 0 10px rgba(120, 255, 140, 0.55));
}
@media (max-width: 768px) {
  .invader-alien img { width: 72px; }
}

/* ---- Aqua glass scrollbar (wide aqua thumb on dark track — matches Home) ---- */
html {
  scrollbar-width: auto !important;
  scrollbar-color: #00d4ff #3a3f52 !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
body {
  overflow-x: hidden !important;
  scrollbar-width: auto !important;
  scrollbar-color: #00d4ff #3a3f52 !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 42px !important;
  height: 20px !important;
  background: #3a3f52 !important;
}
html::-webkit-scrollbar:horizontal,
body::-webkit-scrollbar:horizontal {
  height: 20px !important;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #3a3f52 !important;
  border-radius: 999px !important;
  margin: 3px 2px !important;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.45) !important;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  border: 5px solid #3a3f52 !important;
  /* Keep a chunky thumb even on long pages (CS / FP / About) */
  min-height: 180px !important;
  background:
    linear-gradient(
      90deg,
      #dffbff 0%,
      #7af0ff 14%,
      #00d4ff 38%,
      #2f78ff 68%,
      #1850d0 100%
    ) !important;
  box-shadow:
    inset 2px 0 3px rgba(255, 255, 255, 0.95),
    inset -3px 0 6px rgba(10, 40, 120, 0.55),
    0 0 12px rgba(0, 212, 255, 0.55) !important;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      90deg,
      #f0fdff 0%,
      #9af5ff 14%,
      #33dcff 38%,
      #3f88ff 68%,
      #2060e0 100%
    ) !important;
}
/* Nested scroll areas stay thin; never let them replace the page scrollbar look */
.fp-legacy-copy *:not(html):not(body)::-webkit-scrollbar,
.catalog-copy *:not(html):not(body)::-webkit-scrollbar,
.info-page-copy *:not(html):not(body)::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Force aqua glass page scrollbar on FP / CS / About even if older cache query strings linger */
html.fp-page,
html.page-custom-guitars,
html.page-about,
body.page-custom-guitars,
body.contact-page,
body.fp-page {
  scrollbar-width: auto !important;
  scrollbar-color: #00d4ff #3a3f52 !important;
}
html.fp-page .fp-made-usa-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}
html.fp-page .fp-made-usa,
html.fp-page p.fp-made-usa,
html.fp-page .fp-made-usa-stack p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  text-justify: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
/* Finger Protectors — Chrome laptop was reading justified sentences as far-left */
html.fp-page .fp-legacy-copy p.accent-silver,
html.fp-page .fp-legacy-copy p.text-justify,
html.fp-page .fp-legacy-copy p.fp-white-text,
html.fp-page .fp-legacy-copy p.fp-questions-line,
html.fp-page .fp-boxed-copy p,
html.fp-page .fp-legacy-copy p.fp-cue-center,
html.fp-page p.fp-cue-center {
  display: block !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-justify: none !important;
  float: none !important;
}
html.fp-page .fp-legacy-copy p.fp-cue-center,
html.fp-page p.fp-cue-center {
  max-width: 52rem !important;
}
html.fp-page::-webkit-scrollbar,
html.page-custom-guitars::-webkit-scrollbar,
html.page-about::-webkit-scrollbar,
html.fp-page body::-webkit-scrollbar,
html.page-custom-guitars body::-webkit-scrollbar,
html.page-about body::-webkit-scrollbar,
body.page-custom-guitars::-webkit-scrollbar,
body.contact-page::-webkit-scrollbar {
  width: 42px !important;
  height: 20px !important;
  background: #3a3f52 !important;
}
html.fp-page::-webkit-scrollbar-track,
html.page-custom-guitars::-webkit-scrollbar-track,
html.page-about::-webkit-scrollbar-track,
html.fp-page body::-webkit-scrollbar-track,
html.page-custom-guitars body::-webkit-scrollbar-track,
html.page-about body::-webkit-scrollbar-track {
  background: #3a3f52 !important;
  border: none;
}
html.fp-page::-webkit-scrollbar-thumb,
html.page-custom-guitars::-webkit-scrollbar-thumb,
html.page-about::-webkit-scrollbar-thumb,
html.fp-page body::-webkit-scrollbar-thumb,
html.page-custom-guitars body::-webkit-scrollbar-thumb,
html.page-about body::-webkit-scrollbar-thumb {
  border: 5px solid #3a3f52 !important;
  min-height: 180px !important;
}

/* Back-to-top rocket only — kill leftover blue pill / bg-primary tab */
#back-to-top.back-to-top,
a.back-to-top,
#back-to-top.bg-primary,
a.back-to-top.bg-primary {
  position: fixed !important;
  left: auto !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  right: 1.15rem !important;
  bottom: 11.5rem !important;
  top: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  z-index: 70 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  margin: 0 !important;
}
#back-to-top.back-to-top.hidden,
a.back-to-top.hidden {
  display: none !important;
}
#back-to-top.back-to-top.flex,
a.back-to-top.flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: transparent !important;
}
#back-to-top.back-to-top i,
a.back-to-top i {
  display: none !important;
}
.back-to-top-rocket {
  display: block !important;
  width: 88px !important;
  height: auto !important;
  max-height: 150px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(0, 200, 255, 0.45));
  transition: transform 0.35s ease, filter 0.35s ease;
}
/* Live HTML text in plumes — no blue tab behind it */
.back-to-top-label {
  position: absolute !important;
  left: 50% !important;
  bottom: 5% !important;
  transform: translateX(-50%) !important;
  display: block;
  width: max-content !important;
  max-width: 8.2rem !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: normal !important;
  padding: 0.15rem 0.25rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow:
    0 0 6px rgba(0, 0, 0, 1),
    0 1px 3px rgba(0, 0, 0, 1),
    0 0 2px rgba(0, 0, 0, 1) !important;
  pointer-events: none !important;
}
#back-to-top.back-to-top:hover .back-to-top-rocket,
a.back-to-top:hover .back-to-top-rocket {
  transform: translateY(-4px) scale(1.04);
  filter: drop-shadow(0 0 14px rgba(0, 220, 255, 0.7));
}
#back-to-top.back-to-top:hover,
a.back-to-top:hover {
  filter: none;
}
@media (max-width: 768px) {
  .back-to-top-rocket {
    width: 70px !important;
    max-height: 120px !important;
  }
  .back-to-top-label {
    font-size: 9px !important;
    max-width: 7rem !important;
    bottom: 4% !important;
    font-weight: 700 !important;
  }
}

/* Readable size/order copy — Orbitron has digits (Technovier tofu); Silver Fluorescent */
.fp-readable-copy,
.fp-legacy-copy .fp-readable-copy,
.fp-legacy-copy h3.fp-readable-copy {
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: #C6C6F7 !important;
  text-shadow: none !important;
  letter-spacing: 0.02em;
  line-height: 1.65 !important;
  text-wrap: pretty;
}

/* Try blue on custom-order blocks — vivid sky blue #00CCFF, more boxed */
.fp-try-blue,
.fp-legacy-copy .fp-try-blue,
.fp-legacy-copy h3.fp-try-blue {
  color: #00CCFF !important;
  -webkit-text-fill-color: #00CCFF !important;
  display: block;
  max-width: 64rem;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1.15rem 1.35rem !important;
  border: 2px solid rgba(0, 204, 255, 0.75) !important;
  border-radius: 10px;
  background: rgba(0, 24, 48, 0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(97, 198, 242, 0.25);
  text-align: center;
  text-wrap: pretty;
}
.fp-boxed-copy {
  padding: 0.35rem 0.5rem 0.85rem;
}

/* Boxed paragraphs — clean separation, fewer 1–2 word orphan lines */
.fp-boxed-copy,
.fp-legacy-copy p,
.fp-legacy-copy .fp-readable-copy {
  text-wrap: pretty;
  overflow-wrap: break-word;
  hyphens: manual;
}
.fp-legacy-copy p {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

/* Finger Protectors — mobile: tighter paragraphs, fix hero guitar overflow (Randy m267) */
@media (max-width: 768px) {
  html.fp-page .fp-legacy-copy p:not(.page-landing-cue):not(.fp-click-enlarge-cue):not(.cs-grid-enlarge-cue) {
    margin-top: 0.35rem !important;
    margin-bottom: 0.65rem !important;
    line-height: 1.45 !important;
  }
  html.fp-page .fp-legacy-copy div[style*="margin-bottom"] {
    margin-bottom: 0.75rem !important;
  }
  html.fp-page .fp-legacy-copy section.relative {
    margin-bottom: 0.5rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  html.fp-page .hero-guitar {
    width: min(260px, 72vw) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
  }
  html.fp-page .guitar-container-div {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding-bottom: 1rem !important;
  }
}

/* We Ship Worldwide + cards — transparent, centered, 1/2" above chrome Buy Me */
.galaxy-ship-pay-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  max-width: 22rem;
  margin: 0.75rem auto 0.5in;
  padding: 0.55rem 0.75rem;
  background: transparent;
  text-align: center;
}
.galaxy-ship-pay-banner__ship {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: #ffffff;
  letter-spacing: 0.02em;
}
.galaxy-ship-pay-banner__ship img {
  width: 38px;
  height: auto;
  display: block;
}
.galaxy-ship-pay-banner__accept {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 0.95rem;
  color: #ffffff;
}
.galaxy-ship-pay-banner__cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.galaxy-ship-pay-banner__cards img {
  height: 34px;
  width: auto;
  object-fit: contain;
  display: block;
  border-radius: 2px;
}
@media (max-width: 480px) {
  .galaxy-ship-pay-banner__cards img { height: 28px; }
  .galaxy-ship-pay-banner { margin-bottom: 0.4in; }
}

/* Ice blue — same as Home top links package rail lines (#61c6F2) */
.fp-ice-blue,
.ice-blue-line {
  color: #61c6F2 !important;
  -webkit-text-fill-color: #61c6F2 !important;
}

/* About — pull title up toward hero chrome links line */
.about-title-near-links {
  bottom: 10.75rem !important;
  padding-top: 0.35rem !important;
}
.about-title-near-links > h3.fp-title-aqua {
  margin-top: 0.1rem !important;
}

/* About Us — force titles + enlarge cues centered (justify was leaving short lines left) */
body.page-about .info-page-copy,
html.page-about .info-page-copy {
  text-align: center !important;
}
body.page-about .info-page-copy > h2,
body.page-about .info-page-copy > h3,
body.page-about .info-page-copy > h4,
body.page-about .info-page-copy > h5,
body.page-about .info-page-copy h2,
body.page-about .info-page-copy h3,
body.page-about .info-page-copy h4,
body.page-about .info-page-copy h5,
body.page-about .info-page-copy .fp-title-aqua,
body.page-about .info-page-copy .fp-page-title,
body.page-about .info-page-copy .info-page-lead,
body.page-about .catalog-copy .fp-title-aqua,
html.page-about .info-page-copy h2,
html.page-about .info-page-copy h3,
html.page-about .info-page-copy h4,
html.page-about .info-page-copy h5,
html.page-about .info-page-copy .fp-title-aqua {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-align-last: center !important;
}
body.page-about .info-page-copy .fp-click-enlarge-cue,
body.page-about .info-page-copy p.fp-click-enlarge-cue,
body.page-about .info-page-copy .about-enlarge-cue,
body.page-about p.about-enlarge-cue,
html.page-about .fp-click-enlarge-cue,
html.page-about .about-enlarge-cue {
  display: block !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-align-last: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}
/* About F-24 — smaller 2×2 frames, aqua two-line title */
body.page-about .about-f24-heading,
html.page-about .about-f24-heading {
  margin: 0 auto 0.85rem !important;
  text-align: center !important;
}
body.page-about .about-f24-title,
body.page-about .about-f24-subtitle,
html.page-about .about-f24-title,
html.page-about .about-f24-subtitle {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  text-align-last: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Technovier, Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
body.page-about .about-f24-title,
html.page-about .about-f24-title {
  font-size: clamp(1rem, 2vw, 1.2rem) !important;
  margin-bottom: 0.2rem !important;
}
body.page-about .about-f24-subtitle,
html.page-about .about-f24-subtitle {
  font-size: clamp(0.95rem, 1.8vw, 1.1rem) !important;
  margin-bottom: 0 !important;
}
body.page-about .about-f24-grid,
html.page-about .about-f24-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  max-width: 36rem !important;
  margin: 0 auto !important;
  justify-items: center !important;
}
body.page-about .about-f24-grid .frame-bg,
html.page-about .about-f24-grid .frame-bg {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px !important;
  margin: 0 auto !important;
}
body.page-about .about-f24-grid .frame-bg img,
html.page-about .about-f24-grid .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  cursor: pointer !important;
}
body.page-about .about-randy-left .about-randy-name,
body.page-about .about-randy-left .about-randy-title,
html.page-about .about-randy-left .about-randy-name,
html.page-about .about-randy-left .about-randy-title {
  display: block !important;
  width: 100% !important;
  max-width: 250px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-align-last: center !important;
}
body.page-about .about-randy-duo,
html.page-about .about-randy-duo {
  justify-content: center !important;
  align-items: flex-start !important;
}
@media (max-width: 640px) {
  body.page-about .about-f24-grid,
  html.page-about .about-f24-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Keep body paragraphs justified under centered titles */
body.page-about .info-page-copy p.accent-silver,
body.page-about .info-page-copy p.font-size-4,
body.page-about .info-page-copy p.text-white.text-justify,
body.page-about .info-page-copy p.text-justify,
body.page-about .info-page-copy [style*="text-align: justify"] > p,
body.page-about .info-page-copy [style*="text-align:justify"] > p {
  text-align: justify !important;
  text-align-last: left !important;
}

/* FP chrome grids — 4-across stays 4; 3-across matches Home size; leftover centered */
.fp-legacy-copy .guitar-photo-sets {
  max-width: 80rem !important;
}
.fp-legacy-copy .guitar-photo-grid.equal-frames.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.fp-legacy-copy .guitar-photo-grid.equal-frames.cols-4 .frame-bg {
  aspect-ratio: 1 / 1 !important;
  padding: 10px !important;
}
.fp-legacy-copy .guitar-photo-grid.equal-frames:not(.cols-4) .frame-bg {
  aspect-ratio: 360 / 290 !important;
  padding: 16px !important;
}
/* Odd leftover on a 3-across row — center it (not left) */
@media (min-width: 700px) {
  .fp-legacy-copy .guitar-photo-grid.equal-frames:not(.cols-4) > .photo-cell:last-child:nth-child(3n + 1) {
    grid-column: 2;
  }
}
/* Measuring hand: closed size matches Proper display (~1050px wide).
   Asset already includes chrome + starfield; do NOT wrap in a second CSS frame. */
.fp-measure-example {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 0.75rem;
}
.fp-measure-example .fp-click-enlarge-cue {
  margin: 0 auto 0.2rem !important;
}
.fp-measure-example .fp-measure-proper {
  display: block;
  width: 100%;
  max-width: 1050px;
  height: auto;
  margin: 0 auto;
  cursor: zoom-in;
  border-radius: 4px;
}
.fp-measure-caption {
  display: block !important;
  text-align: center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1050px;
  margin: 0.65rem auto 0 !important;
  padding: 0 0.5rem;
  line-height: 1.35 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  font-size: clamp(0.95rem, 1.55vw, 1.12rem) !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}
@media (max-width: 640px) {
  .fp-measure-caption { white-space: normal; }
  .fp-measure-example,
  .fp-measure-example .fp-measure-proper {
    max-width: 100% !important;
  }
}
.fp-click-enlarge-cue {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0.85rem !important;
  text-align: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  word-spacing: normal !important;
  mix-blend-mode: normal !important;
}
.fp-click-enlarge-cue.cs-grid-enlarge-cue,
p.cs-grid-enlarge-cue {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}

/* FP top Global Leader line — never justify (wide gaps between words) */
.fp-global-leader,
.fp-legacy-copy p.fp-global-leader {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.35rem auto 0.75rem !important;
  padding: 0 1rem !important;
  text-align: center !important;
  text-wrap: balance;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(0.95rem, 1.8vw, 1.15rem) !important;
  line-height: 1.45 !important;
  letter-spacing: 0.02em !important;
  word-spacing: normal !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}

/* Short photo captions — never justify (avoids huge word gaps) */
.fp-photo-caption,
.fp-legacy-copy p.fp-photo-caption {
  display: block !important;
  width: 100% !important;
  max-width: 22rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-wrap: balance;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  line-height: 1.35 !important;
}

/* CS bottom FP cue — sits above footer/sun, does not overlap sun art */
.cs-fp-above-sun {
  position: relative;
  z-index: 6;
  margin: 1.25rem auto 2.5rem !important;
  padding: 0 1rem 0.5rem;
  text-align: center;
}
.cs-fp-above-sun .chrome-cta-aqua {
  display: inline-block !important;
  text-align: center !important;
  word-spacing: normal !important;
}

/* Silver fluorescent paragraph frame (experience / manufactures / Keyboardists) */
.fp-silver-frame {
  display: block;
  max-width: 64rem;
  margin: 0 auto 1.25rem !important;
  padding: 1.1rem 1.35rem !important;
  text-align: justify !important;
  text-wrap: pretty;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  border: 2px solid rgba(198, 198, 247, 0.85) !important;
  border-radius: 10px;
  background: rgba(8, 12, 28, 0.45) !important;
  box-shadow: inset 0 0 0 1px rgba(232, 238, 245, 0.18);
}

/* Questions + measure + unique lead — smaller / tighter */
.fp-questions-compact {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.fp-questions-line {
  margin: 0 auto 0.35rem !important;
  max-width: 48rem;
  text-align: center !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  line-height: 1.4 !important;
}
.fp-questions-line--last {
  margin-bottom: 0.25rem !important;
}
/* Keep Questions text compact; measuring photo size is handled above */
.fp-questions-compact .photo-cell-desc {
  font-size: 0.78rem !important;
}
.fp-questions-compact .photo-cell-desc strong {
  font-size: 0.88rem !important;
}

/* Top chrome grids — slightly smaller so they don’t dominate */
.fp-legacy-copy #live-indexed-fp {
  max-width: 64rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.fp-legacy-copy #live-indexed-fp .frame-bg {
  padding: 8px !important;
  aspect-ratio: 1 / 1 !important;
}
.fp-legacy-copy .fp-intro-pair {
  max-width: 42rem !important;
}
.fp-legacy-copy .fp-intro-pair .frame-bg {
  padding: 10px !important;
  aspect-ratio: 1 / 1 !important;
}
.fp-unique-title {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.03em;
}
.fp-unique-lead {
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

/* Custom Shop — Orbitron Medium on top cue only; Meet line stays silver Arial italic */
.cs-designed-title,
.cs-welcome-title,
.cs-intro-under-chrome .fp-page-title,
.cs-intro-under-chrome .cs-designed-title {
  font-family: Orbitron, Technovier, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.08em !important;
}
.cs-designed-title {
  display: block !important;
  width: 100% !important;
  max-width: 80rem !important;
  margin: 0 auto 0.65rem !important;
  padding: 0.55rem 1.25rem !important;
  text-align: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Orbitron, Technovier, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.2rem, 3vw, 1.85rem) !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  font-style: normal !important;
  /* Two silver rule lines (not aqua) — top cue font only is modern */
  border-top: 1px solid rgba(198, 198, 247, 0.75) !important;
  border-bottom: 1px solid rgba(198, 198, 247, 0.75) !important;
  background: linear-gradient(90deg, transparent, rgba(40, 40, 70, 0.45), transparent) !important;
}
.cs-welcome-title {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-style: normal !important;
}
.cs-intro-under-chrome .cs-meet-line {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem) !important;
  letter-spacing: normal !important;
  margin-top: 0.35rem !important;
}
.cs-fit-full,
.guitar-photo-grid .frame-bg img.cs-fit-full,
.guitar-photo-grid.equal-frames .frame-bg img.cs-fit-full,
.cs-pair-row .frame-bg img.cs-fit-full,
.cs-starburst-hero .frame-bg img.cs-fit-full {
  object-fit: contain !important;
  background: #000 !important;
  object-position: center !important;
}
.cs-banner-pair .frame-bg {
  aspect-ratio: 16 / 10 !important;
}
.cs-honey-solo {
  max-width: min(36rem, 92vw);
  margin: 1.25rem auto 1rem;
  padding: 0 0.75rem;
}
.cs-honey-solo .frame-bg {
  aspect-ratio: 360 / 290;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100%;
  padding: 14px !important;
  box-sizing: border-box;
}
.cs-honey-solo .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.cs-ship-starburst,
.cs-live-ship-block {
  max-width: min(48rem, 96vw);
  width: 100%;
  margin: 2.25rem auto 2rem;
  padding: 0 0.75rem;
  text-align: center;
  box-sizing: border-box;
}
.cs-we-ship-banner {
  display: block;
  margin: 0 auto 2.15rem;
  width: min(280px, 72vw);
  height: auto;
  border: 0;
}
.cs-lower-ship-pay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1.5rem auto 0.75rem;
  padding: 0 0.75rem;
  max-width: 28rem;
  width: 100%;
  box-sizing: border-box;
}
.cs-lower-ship-pay .cs-we-ship-banner {
  margin: 0 auto 0.35rem;
  width: min(260px, 70vw);
}
/* Live customshop: Sunburst Invader has NO chrome frame — #3 sits under We Ship with a little air */
.cs-sunburst-nofame {
  display: block;
  margin: 0.35rem auto 4rem;
  width: min(775px, 96vw);
  height: auto;
  max-width: 100%;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.cs-made-usa-nofame {
  display: block;
  margin: 1.25rem auto 1.5rem;
  width: min(420px, 88vw);
  height: auto;
  max-width: 100%;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  object-fit: contain !important;
}
/* Live-site chrome frames (Randy): square vs wider — any JPEG auto-fits the box */
.chrome-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.chrome-frame-square {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 100%; /* lock square — same size every cell */
  height: 0;
  box-sizing: border-box;
  background-color: #000;
  background-image: url("../images/frame.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.chrome-frame-square img {
  position: absolute;
  /* Home-page square chrome: photo fills almost the whole inner frame (~99% viewable) */
  top: 2.2%;
  left: 2.2%;
  width: 95.6%;
  height: 95.6%;
  object-fit: contain;
  object-position: center center;
  display: block;
  margin: 0;
  background: #000;
  border: 0;
  border-radius: 0;
}
/* Wider live frames (no Square) — less tall; equal 3-across grid uses this */
.chrome-frame {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-bottom: 58%; /* ~16:9-ish — much less tall than square 100% */
  box-sizing: border-box;
  background-color: #000;
  background-image: url("../images/frame.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.chrome-frame img {
  position: absolute;
  top: 2.2%;
  left: 2.2%;
  width: 95.6%;
  height: 95.6%;
  object-fit: contain;
  object-position: center center;
  display: block;
  margin: 0;
  background: #000;
}

/* Section B 9-grid — wider less-tall chrome-frame, equal tops, auto-fit photos */
.fp-legacy-copy #live-indexed-guitars .cs-chrome-grid.equal-frames,
#live-indexed-guitars .cs-chrome-grid.equal-frames {
  align-items: start !important;
  justify-items: stretch !important;
  gap: 0.45rem 1rem !important;
  margin: 0 0 0.35rem !important;
}
.fp-legacy-copy #live-indexed-guitars .cs-chrome-grid.equal-frames .photo-cell,
#live-indexed-guitars .cs-chrome-grid.equal-frames .photo-cell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  align-self: start !important;
}
#live-indexed-guitars .chrome-wrapper {
  width: 100% !important;
  flex: 0 0 auto !important;
}
#live-indexed-guitars .chrome-frame,
#live-indexed-guitars .chrome-frame.frame-bg,
.fp-legacy-copy #live-indexed-guitars .chrome-frame {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 0 !important;
  padding: 0 !important;
  padding-bottom: 58% !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #000 !important;
  overflow: hidden !important;
}
#live-indexed-guitars .chrome-frame img,
#live-indexed-guitars .chrome-frame.frame-bg img,
.fp-legacy-copy #live-indexed-guitars .chrome-frame img {
  position: absolute !important;
  top: 2.2% !important;
  left: 2.2% !important;
  right: auto !important;
  bottom: auto !important;
  width: 95.6% !important;
  height: 95.6% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #000 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Photos 4–6: fill chrome edge-to-edge (no letterbox / cardboard gap) */
#live-indexed-guitars .cs-row-fill .chrome-frame img,
#live-indexed-guitars .cs-row-fill .chrome-frame.frame-bg img {
  top: 1.4% !important;
  left: 1.4% !important;
  width: 97.2% !important;
  height: 97.2% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #000 !important;
}
/* Keep square available (solo / live photo #1 style) */
#live-indexed-guitars .chrome-frame-square,
#live-indexed-guitars .chrome-frame-square.frame-bg,
.fp-legacy-copy #live-indexed-guitars .chrome-frame-square {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 100% !important;
  height: 0 !important;
  aspect-ratio: auto !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #000 !important;
  overflow: hidden !important;
}
#live-indexed-guitars .chrome-frame-square img,
#live-indexed-guitars .chrome-frame-square.frame-bg img,
.fp-legacy-copy #live-indexed-guitars .chrome-frame-square img {
  position: absolute !important;
  top: 2.2% !important;
  left: 2.2% !important;
  width: 95.6% !important;
  height: 95.6% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #000 !important;
  margin: 0 !important;
}
/* Enlarge cue above top-3 — full width, locked aqua (inline styles + this rule) */
#live-indexed-guitars .cs-grid-enlarge-cue,
#live-indexed-guitars p.cs-grid-enlarge-cue,
.fp-legacy-copy #live-indexed-guitars p.cs-grid-enlarge-cue,
.fp-legacy-copy p.cs-grid-enlarge-cue {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0.45rem auto 0.55rem !important;
  padding: 0.2rem 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 1.4em !important;
  height: auto !important;
  overflow: visible !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  animation: none !important;
  transition: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 1px 3px #000 !important;
  position: relative !important;
  z-index: 5 !important;
  background: transparent !important;
}
#live-indexed-guitars .cs-finish-caption,
#live-indexed-guitars .photo-cell-desc.cs-finish-caption,
#live-indexed-guitars .photo-cell-desc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: Orbitron, Technovier, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  letter-spacing: 0.04em !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 6px 0 2px !important;
  padding: 0 !important;
  text-align: center !important;
  min-height: 0 !important;
  max-width: none !important;
  animation: none !important;
  transition: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 1px 2px #000 !important;
  overflow: visible !important;
  height: auto !important;
  position: relative !important;
  z-index: 2 !important;
}
#live-indexed-guitars .cs-finish-caption.cs-top-finish,
#live-indexed-guitars .cs-finish-caption.cs-row2-finish {
  font-family: Orbitron, Technovier, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  min-height: 0 !important;
}
#live-indexed-guitars .photo-cell {
  overflow: visible !important;
}
#live-indexed-guitars .cs-after-headstocks {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 72rem;
  margin: 1.15rem auto 1.5rem;
  padding: 0 1rem;
  text-align: center;
  position: relative !important;
  z-index: 6 !important;
  animation: none !important;
  transition: none !important;
}
#live-indexed-guitars .cs-after-hs-rule,
.fp-legacy-copy #live-indexed-guitars .cs-after-hs-rule {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 60% !important;
  max-width: 36rem !important;
  height: 3px !important;
  min-height: 3px !important;
  margin: 0 auto 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: #1E4BFF !important;
  background-color: #1E4BFF !important;
  box-shadow: 0 0 8px rgba(30, 75, 255, 0.85) !important;
  animation: none !important;
  transition: none !important;
}
#live-indexed-guitars .cs-after-hs-copy,
#live-indexed-guitars .cs-after-hs-offer,
.fp-legacy-copy #live-indexed-guitars .cs-after-hs-copy,
.fp-legacy-copy #live-indexed-guitars .cs-after-hs-offer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 15px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.5 !important;
  text-align: center !important;
  animation: none !important;
  transition: none !important;
  mix-blend-mode: normal !important;
  min-height: 1.4em !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 6 !important;
}
#live-indexed-guitars .cs-after-hs-copy,
.fp-legacy-copy #live-indexed-guitars .cs-after-hs-copy {
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  text-shadow: 0 1px 2px #000 !important;
}
#live-indexed-guitars .cs-after-hs-offer,
.fp-legacy-copy #live-indexed-guitars .cs-after-hs-offer {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  text-shadow: 0 1px 3px #000 !important;
}
#live-indexed-guitars,
#live-indexed-guitars p,
#live-indexed-guitars .photo-cell-desc,
#live-indexed-guitars .cs-grid-enlarge-cue,
#live-indexed-guitars .cs-after-hs-copy,
#live-indexed-guitars .cs-after-hs-offer,
#live-indexed-guitars .cs-after-headstocks {
  animation: none !important;
  transition: none !important;
}

/* Marshall trio — fill chrome; bump size a bit (was reading too small in frame) */
.cs-marshall-hero {
  max-width: min(36rem, 90vw) !important;
  width: 100%;
  margin: 0.5rem auto 2.5rem !important;
}
.cs-marshall-hero .frame-bg {
  aspect-ratio: 689 / 753 !important;
  width: 100% !important;
  max-width: 100% !important;
  /* snug under chrome lip so photo reads larger in frame */
  padding: 2.2% !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  overflow: hidden !important;
}
.cs-marshall-hero .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* breathing room after alien before copy/stack */
.cs-invader-stay {
  margin: 0.35rem auto 1.75rem !important;
}

/* #2 Honey Burst in case — very thin silver frame (live-style), not chrome */
.cs-case-photo {
  max-width: min(42rem, 94vw);
  margin: 2rem auto 2.5rem;
  padding: 0 0.75rem;
  text-align: center;
}
.cs-case-photo img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #C6C6F7;
  box-shadow: 0 0 0 1px rgba(198, 198, 247, 0.35);
  background: #000;
  box-sizing: border-box;
}

/* #4 under blue line: small aqua cue, then YouTube (pushed down) → craft → blue divider */
.cs-yt-cue {
  display: block !important;
  width: 100% !important;
  max-width: min(48rem, 96vw);
  margin: 1.75rem auto 0.35rem !important;
  padding: 0 0.75rem !important;
  box-sizing: border-box;
  text-align: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: clamp(0.85rem, 1.7vw, 1.05rem) !important;
  letter-spacing: 0.03em;
  line-height: 1.4;
}
main p.cs-yt-cue,
.catalog-copy p.cs-yt-cue,
.fp-legacy-copy p.cs-yt-cue,
.cs-live-top-section p.cs-yt-cue {
  text-align: center !important;
}
.cs-yt-craft-block {
  max-width: min(48rem, 96vw);
  width: 100%;
  margin: 1.35rem auto 1.75rem;
  padding: 0 0.75rem;
  text-align: center;
  box-sizing: border-box;
}
.cs-yt-craft-block .cs-top-yt {
  max-width: 820px;
  margin: 0.85rem auto 2rem;
}
.cs-yt-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}
.cs-yt-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.cs-tr3b-loop-frame {
  aspect-ratio: 9 / 16;
  max-width: 360px;
  margin: 0 auto;
}
.cs-tr3b-loop-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  background: #000;
}
.cs-tr3b-ig-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: none;
}
.cs-tr3b-loop-frame:not(.has-local-video) .cs-tr3b-ig-fallback {
  display: block;
}
.cs-tr3b-loop-frame:not(.has-local-video) .cs-tr3b-loop-video {
  display: none;
}
.cs-spacecraft-nofame {
  display: block;
  width: min(820px, 100%);
  max-width: 100%;
  height: auto;
  margin: 0 auto 0.5rem;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
}
.cs-reserve-title {
  margin: 1.75rem auto 0.4rem !important;
  text-align: center !important;
  width: 100% !important;
  font-weight: 600 !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  /* Arial so the "7" looks normal (Orbitron digits were odd) */
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-size: clamp(1.15rem, 2.6vw, 1.65rem) !important;
  letter-spacing: 0.04em;
}
.cs-reserve-sub {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 0.75rem !important;
  padding: 0 0.75rem !important;
  box-sizing: border-box;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-size: clamp(1rem, 2.1vw, 1.28rem) !important;
  letter-spacing: 0.03em;
  line-height: 1.45;
  text-align: center !important;
}
main p.cs-reserve-sub,
.cs-live-ship-block .cs-reserve-sub,
.cs-ship-starburst .cs-reserve-sub {
  text-align: center !important;
}
.cs-reserve-title .cs-num {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-variant-numeric: normal;
  font-feature-settings: normal;
}
.cs-designed-title .cs-num {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
}

/* Lower Custom Shop — Orbitron aqua section cues + ship icons */
.cs-section-cue,
.fp-legacy-copy p.cs-section-cue,
.fp-legacy-copy p.cs-free-ship-cue,
p.cs-free-ship-cue {
  display: block !important;
  margin: 0.75rem auto !important;
  max-width: 48rem !important;
  text-align: center !important;
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: clamp(1rem, 2.2vw, 1.35rem) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.45 !important;
  animation: none !important;
  mix-blend-mode: normal !important;
}
.cs-members-title {
  margin-bottom: 1.5rem !important;
}
.cs-ship-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem auto;
  max-width: 42rem;
  padding: 0 0.75rem;
}
.cs-ship-icons--solo {
  max-width: 28rem;
}
.cs-ship-icons--solo .payment-banner {
  display: block;
  margin: 0 auto;
  max-width: min(100%, 26rem);
  width: 100%;
  height: auto;
}
.cs-ship-icons .payment-banner {
  max-width: min(100%, 28rem);
  height: auto;
  cursor: pointer;
}
.cs-honey-trio {
  max-width: 72rem !important;
}
.cs-honey-trio .cs-fp-cell-cta {
  margin: 0.55rem auto 0.15rem !important;
  gap: 0.35rem;
}
.cs-honey-trio .cs-fp-cell-cta .chrome-page-cta {
  transform: scale(0.92);
  transform-origin: center top;
}
.cs-honey-solo-lower {
  max-width: 38rem !important;
  width: 100%;
  margin: 1.5rem auto !important;
}
.cs-honey-solo-lower .frame-bg {
  aspect-ratio: 1317 / 722 !important;
  padding: 10px !important;
}
.cs-honey-solo-lower .frame-bg img {
  object-fit: cover !important;
  object-position: center !important;
  background: #000 !important;
}
/* Custom Shop TRB-3 Invader Purple Burst rear view — wide horizontal chrome frame (m294) */
.cs-purple-rear {
  max-width: 50rem !important;
  width: 100% !important;
  margin: 1.5rem auto 1.75rem !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
.cs-purple-rear .frame-bg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 696 / 283 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: zoom-in !important;
  margin: 0 auto !important;
}
.cs-purple-rear .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 2px !important;
  background: transparent !important;
}
.cs-purple-rear .photo-cell-desc {
  display: block !important;
  margin: 10px auto 0 !important;
  font-family: Orbitron, Arial, sans-serif !important;
  color: #C6C6F7 !important;
  font-size: 13.5px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}
.cs-reserve-copy {
  max-width: 950px;
  margin: 2rem auto;
  padding: 0 12px;
}
.cs-reserve-copy .paragraph {
  margin-bottom: 0.85rem;
}
.cs-feature-row .photo-cell-desc .cs-num {
  font-family: Orbitron, Arial, sans-serif !important;
  font-weight: 600 !important;
}
.cs-caribbean-block {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.75rem;
  width: 100%;
  box-sizing: border-box;
}
.cs-caribbean-caption,
.fp-legacy-copy .cs-caribbean-caption,
#live-indexed-guitars .cs-caribbean-caption {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: center !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  animation: none !important;
  transition: none !important;
  margin: 0.75rem auto 0.25rem !important;
  position: relative !important;
  z-index: 8 !important;
}
.cs-starburst-hero {
  max-width: 26rem;
  width: 100%;
  margin: 0 auto;
}
.cs-starburst-hero .frame-bg {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4;
  padding: 8px !important;
  box-sizing: border-box;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.cs-starburst-hero .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}
#live-indexed-guitars .cs-order-here,
.fp-legacy-copy p.cs-order-here,
p.cs-order-here {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0.35rem !important;
  text-align: center !important;
  font-family: Orbitron, Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: clamp(0.95rem, 1.8vw, 1.15rem) !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
  letter-spacing: 0.08em !important;
  animation: none !important;
  mix-blend-mode: normal !important;
}

/* Thin-frame utility kept unused — Custom Shop restored to chrome frames per Randy */
.cs-thin-frame .frame-bg {
  background-image: url("../images/frame.png") !important;
  border: none !important;
  box-shadow: none !important;
  padding: 14px !important;
}

/* Checkout add-ons — strings + leather strap (replace tee / honey pair) */
.cs-checkout-merch {
  max-width: min(72rem, 96vw);
  width: 100%;
  margin: 1.75rem auto 2rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
  text-align: center;
}
.cs-checkout-merch__copy {
  max-width: 52rem;
  margin: 0 auto 1.15rem !important;
  padding: 0 0.5rem;
  font-family: "Venus Rising", Orbitron, Arial, sans-serif !important;
  font-style: normal !important;
  font-size: clamp(0.92rem, 1.35vw, 1.12rem) !important;
  line-height: 1.55 !important;
  letter-spacing: 0.04em;
  text-transform: none !important;
  color: #C6C6F7 !important;
  -webkit-text-fill-color: #C6C6F7 !important;
}
.cs-checkout-merch__pair {
  max-width: min(44rem, 92vw) !important;
  margin: 0 auto !important;
  gap: 1.25rem !important;
}
.cs-checkout-merch__pair .frame-bg {
  aspect-ratio: 360 / 290 !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  padding: 12px !important;
}
.cs-checkout-merch__pair .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #000 !important;
  display: block !important;
}
/* FP leather strap — fill chrome frame (no white letterbox) */
body.page-finger-protectors .fp-strings-strap-pair .fp-strap-fill,
.fp-strings-strap-pair img.fp-strap-fill,
.cs-checkout-merch__pair img.cs-strap-fill {
  object-fit: cover !important;
  object-position: center 40% !important;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 640px) {
  .cs-checkout-merch__pair {
    grid-template-columns: 1fr !important;
  }
}

/* Custom Shop lower gallery scroller — centered, no side arrows (m270) */
.cs-lower-scroller {
  max-width: min(88rem, 96vw);
  width: 100%;
  margin: 1.25rem auto 2rem;
  padding: 0.5rem 0.75rem 1.5rem;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  text-align: center !important;
}
body.page-custom-guitars .cs-lower-scroller,
body.page-custom-guitars .cs-checkout-merch,
body.page-custom-guitars .cs-lower-scroller__title,
body.page-custom-guitars .cs-mid-enlarge-cue,
body.page-custom-guitars .cs-checkout-merch__copy {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-custom-guitars .cs-fp-above-sun {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
}
.cs-lower-scroller__title {
  text-align: center;
  font-family: Orbitron, Arial, sans-serif;
  color: #ade8ff;
  font-size: clamp(0.9rem, 1.6vw, 1.05rem);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0.65rem;
  font-weight: 600;
}
.cs-gallery-grid {
  max-width: 52rem;
  margin: 0 auto;
  padding: 0 1rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  justify-items: center;
}
.cs-gallery-grid .frame-bg {
  width: 100%;
  max-width: 100%;
  padding: 10px !important;
  box-sizing: border-box;
}
.cs-gallery-grid .frame-bg img {
  width: 100% !important;
  height: auto !important;
  max-height: 210px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
  background: #000;
  cursor: zoom-in;
}
@media (max-width: 899px) {
  .cs-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 36rem;
  }
}
@media (max-width: 540px) {
  .cs-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 20rem;
  }
  .cs-gallery-grid .frame-bg img {
    max-height: 240px !important;
  }
}
/* Custom Shop lower gallery — exact home scroller-wrap / gallerySwiper match (m274) */
body.page-custom-guitars .cs-lower-scroller {
  max-width: 80rem !important;
  width: 100% !important;
  margin: 0 auto 1.25rem !important;
  padding: 1.25rem 1.25rem 1.5rem !important;
}
body.page-custom-guitars .cs-gallery-swiper {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0.35rem 0 2.25rem !important;
  overflow: hidden !important;
}
/* CS gallery scroller — equal frames; padded assets fill (m303) */
body.page-custom-guitars .cs-gallery-swiper .swiper-slide .frame-bg {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  aspect-ratio: 360 / 290 !important;
  height: auto !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: zoom-in !important;
}
body.page-custom-guitars .cs-gallery-swiper .swiper-slide .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  background: #000 !important;
}
body.page-custom-guitars .cs-checkout-merch {
  margin-top: 0.5rem !important;
}
.cs-gallery-swiper {
  max-width: 100%;
  margin: 0 auto;
  padding: 0.35rem 0 2.25rem;
  overflow: hidden;
}
body.page-custom-guitars .cs-gallery-swiper .swiper-slide {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cs-gallery-swiper .swiper-pagination-bullet {
  background: #ade8ff;
  opacity: 0.45;
}
.cs-gallery-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.cs-gallery-swiper .cs-gallery-nav,
.cs-gallery-swiper .swiper-button-prev,
.cs-gallery-swiper .swiper-button-next {
  display: none !important;
}
@media (max-width: 640px) {
  body.page-custom-guitars .cs-lower-scroller {
    padding: 0.75rem 0.85rem 1.5rem !important;
    margin-bottom: 1rem !important;
  }
}

/* Finger Protectors gallery scroller — LOCKED to home scroller height/width (m291) */
body.page-finger-protectors .fp-lower-scroller {
  /* Escape nested max-w-7xl so frames match home .scroller-wrap */
  width: 100vw !important;
  max-width: 80rem !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 1.75rem 0 1.5rem !important;
  padding: 1.25rem 1.25rem 2rem !important;
  clear: both !important;
  box-sizing: border-box !important;
}
body.page-finger-protectors .fp-gallery-swiper,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0.35rem 0 2.25rem !important;
  overflow: hidden !important;
}
body.page-finger-protectors .fp-gallery-swiper .swiper-slide,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper .swiper-slide {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.page-finger-protectors .fp-gallery-swiper .swiper-slide .frame-bg,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper .swiper-slide .frame-bg {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 16px !important; /* home gallerySwiper match */
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-image: url("../images/frame.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: zoom-in !important;
}
body.page-finger-protectors .fp-gallery-swiper .swiper-slide .frame-bg img,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper .swiper-slide .frame-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  background: #000 !important;
}
body.page-finger-protectors .fp-gallery-swiper .swiper-slide .frame-bg.no-frame,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper .swiper-slide .frame-bg.no-frame {
  background-image: url("../images/frame.png") !important;
}
@media (max-width: 640px) {
  body.page-finger-protectors .fp-lower-scroller {
    padding: 0.75rem 0.85rem 1.5rem !important;
  }
}

/* ===== LAYOUT LOCK (m291) — do not regress these without Randy sign-off =====
   Home gallerySwiper, CS/FP lower scrollers, footer-ship-pay, footer-copy two-line,
   mg-vintage-title center, Custom Shop home-matched scroller.
   ========================================================================== */
/* Scrollers — m303 equal 360/290 + padded fill (Home/CS); FP still cover-locked m297 */
body.page-home .gallerySwiper .swiper-slide .frame-bg {
  aspect-ratio: 360 / 290 !important;
  height: auto !important;
  overflow: hidden !important;
}
body.page-home .gallerySwiper .swiper-slide .frame-bg img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
}
body.page-custom-guitars .cs-gallery-swiper .swiper-slide .frame-bg {
  aspect-ratio: 360 / 290 !important;
  height: auto !important;
  overflow: hidden !important;
}
body.page-custom-guitars .cs-gallery-swiper .swiper-slide .frame-bg img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
}
body.page-finger-protectors .fp-gallery-swiper .swiper-slide .frame-bg img,
body.page-finger-protectors .fp-lower-scroller .cs-gallery-swiper .swiper-slide .frame-bg img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
}
/* FP page grids — LOCKED m297 Randy sign-off (“perfect lock it down”) */
body.page-finger-protectors .guitar-photo-grid.equal-frames .frame-bg,
body.page-finger-protectors .fp-legacy-copy .guitar-photo-grid.equal-frames .frame-bg {
  aspect-ratio: 1 / 1 !important;
}
body.page-finger-protectors .guitar-photo-grid.equal-frames .frame-bg img,
body.page-finger-protectors .fp-legacy-copy .guitar-photo-grid.equal-frames .frame-bg img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
}
footer .footer-ship-pay,
footer .footer-ship-row,
footer .footer-pay-block,
footer .footer-copy,
footer .footer-copy-line,
footer .footer-note {
  /* locked selectors — intentional no-op block documents the freeze set */
  --galaxy-layout-lock: m291;
}

/* Order panels: keep photo href markup but no link-hand / enlarge cue */
.product-order-photo-link,
.product-order-photo-link img,
.frame-bg[data-no-enlarge="1"],
.frame-bg[data-no-enlarge="1"] a,
.frame-bg[data-no-enlarge="1"] img {
  cursor: default !important;
}
.frame-bg[data-no-enlarge="1"] a:hover {
  transform: none !important;
}