/**
 * LTD MUSIC — Divi Overrides
 * Safe-ish hooks for Divi modules. The LTD classes remain the primary API.
 */

/* Page canvas */
#page-container,
#main-content { background: var(--ltd-surface); }

/* Keep Divi rows predictable inside LTD sections */
.ltd-section > .et_pb_row,
.ltd-hero > .et_pb_row {
  width: min(90%, var(--ltd-content-width));
  max-width: var(--ltd-content-width);
}

/* Text modules: prevent Divi defaults from fighting the design classes */
.et_pb_text.ltd-display h1,
.et_pb_text.ltd-display h2,
.et_pb_text.ltd-display h3,
.et_pb_text.ltd-section-title h1,
.et_pb_text.ltd-section-title h2,
.et_pb_text.ltd-section-title h3 {
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  padding-bottom: 0;
}

/* Buttons: Divi adds an arrow pseudo-element by default */
.et_pb_button.ltd-btn-primary::after,
.et_pb_button.ltd-btn-secondary::after,
.et_pb_button.ltd-btn-tertiary::after { display: none !important; }

.et_pb_button.ltd-btn-primary,
.et_pb_button.ltd-btn-secondary,
.et_pb_button.ltd-btn-tertiary { margin: 0; }

/* Image modules */
.ltd-card .et_pb_image,
.ltd-release-card .et_pb_image,
.ltd-product-card .et_pb_image { margin-bottom: 0 !important; }

.ltd-card .et_pb_image_wrap,
.ltd-release-card .et_pb_image_wrap,
.ltd-product-card .et_pb_image_wrap {
  display: block;
  border-radius: 0 !important;
}

/* Divi blurb as a reusable card */
.et_pb_blurb.ltd-card { padding: var(--ltd-space-6); }
.et_pb_blurb.ltd-card .et_pb_blurb_container { padding-left: 0; }
.et_pb_blurb.ltd-card .et_pb_module_header {
  color: var(--ltd-primary);
  font-family: var(--ltd-font-display);
  font-weight: 800;
  text-transform: uppercase;
}

/* Divi menu / Theme Builder header */
.ltd-topbar {
  min-height: var(--ltd-nav-height);
  background: var(--ltd-surface-container) !important;
  box-shadow: 0 0 15px rgba(0,220,230,.10);
  border-radius: 0 !important;
}

.ltd-topbar .et-menu a {
  color: var(--ltd-primary) !important;
  font-family: var(--ltd-font-display);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: -.01em;
  text-transform: uppercase;
  transition: color var(--ltd-speed) var(--ltd-ease), background-color var(--ltd-speed-fast) linear, transform var(--ltd-speed-fast) linear;
}

.ltd-topbar .et-menu a:hover {
  color: var(--ltd-primary-dim) !important;
  background: var(--ltd-surface-bright);
  transform: skewX(-6deg);
  opacity: 1 !important;
}

.ltd-topbar .et-menu .current-menu-item > a,
.ltd-topbar .et-menu .current_page_item > a {
  color: var(--ltd-primary-dim) !important;
  box-shadow: inset 0 -2px 0 var(--ltd-primary-dim);
}

/* Divi contact form — add ltd-form to the module */
.et_pb_contact_form_container.ltd-form .input,
.et_pb_contact_form_container.ltd-form textarea,
.et_pb_contact_form_container.ltd-form select {
  background: var(--ltd-surface-lowest) !important;
  color: var(--ltd-primary) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--ltd-outline-variant) !important;
  border-radius: 0 !important;
}

.et_pb_contact_form_container.ltd-form .input:focus,
.et_pb_contact_form_container.ltd-form textarea:focus {
  border-bottom-color: var(--ltd-primary-dim) !important;
  box-shadow: 0 8px 18px -12px rgba(0,220,230,.6) !important;
}

/* Divi gallery / portfolio */
.ltd-gallery .et_pb_gallery_item,
.ltd-gallery .et_pb_portfolio_item {
  background: var(--ltd-surface-container);
  border-radius: 0 !important;
  overflow: hidden;
}

.ltd-gallery .et_overlay {
  background: rgba(14,14,14,.76) !important;
  border: 0 !important;
}

.ltd-gallery .et_overlay::before { color: var(--ltd-primary-dim) !important; }

/* WooCommerce rendered through Divi / WP */
.woocommerce .ltd-product-card,
.woocommerce ul.products li.product {
  border-radius: 0;
}

.ltd-woo .woocommerce ul.products li.product,
.woocommerce.ltd-woo ul.products li.product {
  overflow: hidden;
  background: var(--ltd-surface-container);
  box-shadow: inset 1px 0 0 var(--ltd-ghost-border), inset 0 1px 0 var(--ltd-ghost-border);
  transition: transform var(--ltd-speed) var(--ltd-ease), box-shadow var(--ltd-speed) var(--ltd-ease);
}

.ltd-woo .woocommerce ul.products li.product:hover,
.woocommerce.ltd-woo ul.products li.product:hover {
  transform: scale(1.02);
  box-shadow: var(--ltd-glow-secondary);
}

.ltd-woo .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce.ltd-woo ul.products li.product .woocommerce-loop-product__title {
  color: var(--ltd-primary);
  font-family: var(--ltd-font-display);
  font-weight: 800;
  text-transform: uppercase;
}

.ltd-woo .price,
.woocommerce.ltd-woo .price {
  color: var(--ltd-secondary) !important;
  font-family: var(--ltd-font-display);
  font-weight: 700;
}

.ltd-woo .button,
.woocommerce.ltd-woo .button {
  background: var(--ltd-primary-container) !important;
  color: var(--ltd-on-primary-fixed) !important;
  border: 1px solid var(--ltd-primary-container) !important;
  border-radius: 0 !important;
  font-family: var(--ltd-font-display) !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Checkout / cart forms */
.ltd-woo .woocommerce form .form-row input.input-text,
.ltd-woo .woocommerce form .form-row textarea,
.ltd-woo .woocommerce select,
.woocommerce.ltd-woo form .form-row input.input-text,
.woocommerce.ltd-woo form .form-row textarea,
.woocommerce.ltd-woo select {
  background: var(--ltd-surface-lowest) !important;
  color: var(--ltd-primary) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--ltd-outline-variant) !important;
  border-radius: 0 !important;
}

@media (max-width: 980px) {
  .ltd-topbar .et_pb_menu__wrap { justify-content: flex-end; }
}

/* ==========================================================
   LTD MUSIC — FLEXIBLE FULLSCREEN SECTIONS
   Desktop sections are at least 100vh, but may grow naturally.
   ========================================================== */

html {
  scroll-behavior: auto;
  scroll-snap-type: y proximity;
}

body {
  margin: 0;
}

@media (min-width: 981px) {
  .snap-section,
  .et_pb_section.snap-section {
    position: relative;

    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  .snap-section > .et_pb_row,
  .snap-section .et_pb_column,
  .snap-section .et_pb_module {
    max-height: none !important;
  }
}

/* Section reveal — fail-safe: content is always visible. */
.section-glitch {
  opacity: 1;
  transform: none;
  filter: none;
}

.section-glitch.is-visible {
  animation: ltdSectionReveal .55s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes ltdSectionReveal {
  from {
    opacity: .82;
    transform: translateY(18px) scale(.995);
    filter: blur(1px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Flash interne à la section */
.section-glitch::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;

  background: var(--ltd-primary-dim, #00dce6);
  opacity: 0;

  mix-blend-mode: screen;
}

.section-glitch.is-glitching::after {
  animation: ltdSectionFlash .32s steps(2, end);
}

/* Petit décalage de la section pendant le glitch */
.section-glitch.is-glitching {
  animation: ltdSectionGlitch .32s steps(2, end);
}

@keyframes ltdSectionFlash {

  0% {
    opacity: 0;
  }

  12% {
    opacity: .10;
  }

  24% {
    opacity: 0;
  }

  42% {
    opacity: .22;
  }

  52% {
    opacity: 0;
  }

  68% {
    opacity: .08;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ltdSectionGlitch {

  0% {
    transform: translate(0, 0);
  }

  18% {
    transform: translate(-5px, 2px);
  }

  32% {
    transform: translate(6px, -2px);
  }

  48% {
    transform: translate(-3px, 1px);
  }

  64% {
    transform: translate(4px, -1px);
  }

  82% {
    transform: translate(-1px, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}


/* ==========================================================
   TRANSITION PLEIN ÉCRAN AU CLIC DU MENU
   ========================================================== */

#ltd-page-transition {
  position: fixed;
  inset: 0;

  z-index: 999999;

  pointer-events: none;

  opacity: 0;
  visibility: hidden;

  background: #050707;

  overflow: hidden;
}

/* Bande cyan principale */
#ltd-page-transition::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: 50%;

  height: 2px;

  background: var(--ltd-primary-dim, #00dce6);

  box-shadow:
    0 0 8px rgba(0,220,230,.9),
    0 0 25px rgba(0,220,230,.45);

  transform: scaleX(0);
  transform-origin: center;
}

/* Flash secondaire */
#ltd-page-transition::after {
  content: "";

  position: absolute;
  inset: 0;

  background: var(--ltd-primary-dim, #00dce6);

  opacity: 0;

  mix-blend-mode: screen;
}


/* Phase d'entrée */
#ltd-page-transition.is-entering {
  visibility: visible;
  animation: ltdTransitionOverlayIn .16s steps(2, end) forwards;
}

#ltd-page-transition.is-entering::before {
  animation: ltdTransitionLineIn .16s ease-out forwards;
}

#ltd-page-transition.is-entering::after {
  animation: ltdTransitionFlashIn .16s steps(2, end) forwards;
}


/* Phase de sortie */
#ltd-page-transition.is-leaving {
  visibility: visible;
  animation: ltdTransitionOverlayOut .22s steps(2, end) forwards;
}

#ltd-page-transition.is-leaving::before {
  animation: ltdTransitionLineOut .22s ease-out forwards;
}

#ltd-page-transition.is-leaving::after {
  animation: ltdTransitionFlashOut .22s steps(2, end) forwards;
}


@keyframes ltdTransitionOverlayIn {

  0% {
    opacity: 0;
  }

  30% {
    opacity: .75;
  }

  55% {
    opacity: 1;
  }

  70% {
    opacity: .92;
  }

  100% {
    opacity: 1;
  }
}


@keyframes ltdTransitionLineIn {

  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}


@keyframes ltdTransitionFlashIn {

  0% {
    opacity: 0;
  }

  30% {
    opacity: .06;
  }

  45% {
    opacity: .20;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: .08;
  }

  100% {
    opacity: 0;
  }
}


@keyframes ltdTransitionOverlayOut {

  0% {
    opacity: 1;
  }

  20% {
    opacity: .88;
  }

  38% {
    opacity: .45;
  }

  60% {
    opacity: .12;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}


@keyframes ltdTransitionLineOut {

  0% {
    transform: scaleX(1);
  }

  55% {
    transform: scaleX(.75);
  }

  100% {
    transform: scaleX(0);
  }
}


@keyframes ltdTransitionFlashOut {

  0% {
    opacity: 0;
  }

  22% {
    opacity: .16;
  }

  34% {
    opacity: 0;
  }

  52% {
    opacity: .08;
  }

  100% {
    opacity: 0;
  }
}


/* Accessibilité */
@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

  .section-glitch,
  .section-glitch.is-visible {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }

  .section-glitch.is-glitching,
  .section-glitch.is-glitching::after {
    animation: none;
  }

}

/* ==========================================================
   DIVI VISUAL BUILDER — DÉSACTIVER LES EFFETS
   ========================================================== */

.et-fb .section-glitch,
.et-fb-root-ancestor .section-glitch {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
}

.et-fb .section-glitch::after,
.et-fb-root-ancestor .section-glitch::after {
    display: none !important;
}

.et-fb .snap-section,
.et-fb-root-ancestor .snap-section {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
    overflow: visible !important;
}

.et-fb html,
.et-fb-root-ancestor {
    scroll-snap-type: none !important;
}

/* ==========================================================
   DIVI Empty Footer
   ========================================================== */

.ltd-empty-footer {
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}

.ltd-empty-footer .et_pb_row {
    display: none !important;
}

/* ==========================================================
   MUSIC DESKTOP — CONTENT SAFETY
   ========================================================== */

@media (min-width: 981px) {
  #Music,
  #Music .et_pb_row,
  #Music .et_pb_column,
  #Music .et_pb_code,
  #Music .et_pb_code_inner,
  #Music .ltd-audio-player,
  #Music .ltd-player-shell {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #Music .ltd-audio-player {
    margin-bottom: 8px !important;
  }

  #Music .ltd-streaming-row {
    margin-top: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* ==========================================================
   MERCH DESKTOP — CONTENT SAFETY
   ========================================================== */

@media (min-width: 981px) {
  #Merch,
  #Merch .et_pb_row,
  #Merch .et_pb_column,
  #Merch .et_pb_module {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* ==========================================================
   LTD MOBILE — DISABLE FULLSCREEN / SCROLL SNAP
   ========================================================== */

@media (max-width: 980px) {

  /*
   * Disable page scroll snapping.
   */
  html {
    scroll-snap-type: none !important;
    scroll-behavior: auto;
  }

  /*
   * Sections must grow naturally according to their content.
   */
  .snap-section,
  .et_pb_section.snap-section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }

  /*
   * Give each section some vertical breathing room
   * instead of forcing 100vh.
   */
  .snap-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  /*
   * Allow Divi rows and columns to expand naturally.
   */
  .snap-section > .et_pb_row {
    height: auto !important;
    min-height: 0 !important;

    overflow: visible !important;
  }

  .snap-section .et_pb_column {
    height: auto !important;
    min-height: 0 !important;

    overflow: visible !important;
  }

  /*
   * Prevent transition effects from hiding content on mobile.
   */
  .section-glitch {
    opacity: 1;
    transform: none;
    filter: none;
  }

}

/* ==========================================================
   LTD WIDE ROW
   ========================================================== */

.ltd-wide-row {
  width: 92% !important;
  max-width: 1600px !important;
}
/* ==========================================================
   CONTACT — WIDTH FIX
   ========================================================== */

.ltd-contact-section .ltd-wide-row {
  width: 92% !important;
  max-width: 1600px !important;
}

/* Les deux colonnes utilisent tout leur espace disponible */
.ltd-contact-section .et_pb_column {
  margin-right: 0 !important;
}

/* Les modules remplissent leur colonne */
.ltd-contact-info,
.ltd-contact-panel {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* CF7 remplit également tout le panneau */
.ltd-contact-panel .wpcf7,
.ltd-contact-panel form,
.ltd-contact-form {
  width: 100% !important;
  max-width: none !important;
}
/* ==========================================================
   MOBILE FIX — MUSIC SECTION / AUDIO PLAYER HEIGHT
   ========================================================== */

@media (max-width: 980px) {

  /* Section Music */
  #Music,
  #Music.snap-section,
  .et_pb_section#Music {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Row contenant le player */
  #Music > .et_pb_row,
  #Music .et_pb_row {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Colonnes Divi */
  #Music .et_pb_column {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Module Code */
  #Music .et_pb_code,
  #Music .et_pb_code_inner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Player */
  #Music .ltd-audio-player,
  #Music .ltd-player-shell {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

}

/* ==========================================================
   LTD MUSIC PLAYER — TABLET / MOBILE LAYOUT OVERRIDE
   Artwork → Transport → Playlist
   Signal / Equalizer hidden
   ========================================================== */

@media (max-width: 980px) {

  /* Force the player to use a vertical mobile layout */
  #Music .ltd-audio-player .ltd-player-shell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* 1 — Artwork / current track */
  #Music .ltd-audio-player .ltd-player-artwork-panel {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hide spectrum / equalizer and all secondary controls inside it */
  #Music .ltd-audio-player .ltd-player-signal-panel {
    display: none !important;
  }

  /* 2 — Transport controls */
  #Music .ltd-audio-player .ltd-player-transport {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3 — Playlist */
  #Music .ltd-audio-player .ltd-player-playlist-panel {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  /* One track per row */
  #Music .ltd-audio-player .ltd-playlist {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Keep controls usable on touch screens */
  #Music .ltd-audio-player .ltd-icon-btn,
  #Music .ltd-audio-player .ltd-transport-btn {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Avoid horizontal overflow from player content */
  #Music .ltd-audio-player,
  #Music .ltd-audio-player * {
    max-width: 100%;
  }
}

@media (max-width: 767px) {

  #Music .ltd-audio-player .ltd-player-shell {
    gap: 10px !important;
    padding: 8px !important;
  }

  #Music .ltd-audio-player .ltd-player-transport {
    padding: 14px 12px 15px !important;
  }

  /* Prev / Play / Next centered on first row */
  #Music .ltd-audio-player .ltd-transport-row {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
  }

  /* Current-track readout below the transport buttons */
  #Music .ltd-audio-player .ltd-transport-readout {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 7px 0 0 !important;
    text-align: center !important;
  }

  #Music .ltd-audio-player .ltd-icon-btn,
  #Music .ltd-audio-player .ltd-transport-btn {
    min-width: 48px !important;
    min-height: 48px !important;
  }

  #Music .ltd-audio-player .ltd-play-btn {
    width: 62px !important;
    height: 58px !important;
  }
}

/* ==========================================================
   LTD MOBILE HEADER — FIXED
   Desktop vertical menu preserved
   Mobile: fixed wordmark + burger
   ========================================================== */

@media (max-width: 980px) {

  /* ========================================================
     FIX THE COMPLETE DIVI HEADER TO THE VIEWPORT
     ======================================================== */

  .et-l--header {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    z-index: 999999 !important;

    transform: none !important;
  }


  /* ========================================================
     LTD HEADER SECTION
     ======================================================== */

  .ltd-topbar {
    position: relative !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
      rgba(14, 14, 14, .94) !important;

    border-bottom:
      1px solid rgba(0, 220, 230, .15);

    -webkit-backdrop-filter:
      blur(12px);

    backdrop-filter:
      blur(12px);

    box-shadow:
      0 5px 22px rgba(0, 0, 0, .30);
  }


  /* ========================================================
     MAKE ROOM FOR THE FIXED HEADER
     ======================================================== */

  #page-container {
    padding-top: 72px !important;
  }

  /* ========================================================
     LOGO ROW
     ======================================================== */

  .ltd-header-logo-row {
    position: relative !important;

    width: 94% !important;
    max-width: none !important;

    min-height: 60px !important;

    margin: 0 auto !important;

    padding:
      18px 0 12px !important;
  }


  .ltd-header-logo-row .et_pb_column {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  .ltd-header-logo-row .et_pb_module {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     MENU ROW
     Overlay burger on the logo row
     ======================================================== */

  .ltd-header-menu-row {
    position: absolute !important;

    top: 0 !important;
    left: 3% !important;
    right: 3% !important;

    width: auto !important;
    max-width: none !important;

    height: 60px !important;
    min-height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 100 !important;

    pointer-events: none;
  }


  .ltd-header-menu-row .et_pb_column {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     DIVI MENU MODULE
     ======================================================== */

  .ltd-header-menu-row .et_pb_menu {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: auto;
  }


  .ltd-header-menu-row .et_pb_menu_inner_container {
    position: static !important;
  }


  .ltd-header-menu-row .et_pb_menu__wrap {
    position: static !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     MOBILE NAV
     ======================================================== */

  .ltd-header-menu-row .et_mobile_nav_menu {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     BURGER
     ======================================================== */

  .ltd-header-menu-row .mobile_menu_bar {
    position: absolute !important;

    top: 9px !important;
    right: 0 !important;
    left: auto !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    pointer-events: auto;
  }


  /* ========================================================
     WORDMARK
     ======================================================== */

  .ltd-header-logo-row .ltd-logo-link {
    position: relative !important;

    top: 16px !important;

    max-width:
      calc(100% - 60px) !important;
  }


  /* ========================================================
     OPEN MOBILE MENU
     Keep dropdown attached below fixed header
     ======================================================== */

  .ltd-header-menu-row .et_mobile_menu {
    position: fixed !important;

    top: 64px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    max-height:
      calc(100dvh - 72px);

    overflow-y:
      auto !important;

    margin: 0 !important;

    background:
      rgba(14, 14, 14, .98) !important;

    border-top:
      1px solid rgba(0, 220, 230, .18) !important;

    z-index: 999998 !important;
  }

}
@media (max-width: 980px) {

  #Home,
  #Music,
  #Merch,
  #News,
  #Contact {
    scroll-margin-top: 72px;
  }

}