.elementor-widget-mtfx10_collectibles_section,
.elementor-widget-mtfx10_dragonball_section,
.elementor-widget-mtfx10_streetfighter_section,
.elementor-widget-mtfx10_onepiece_section,
.elementor-widget-mtfx10_naruto_section,
.elementor-widget-mtfx10_clothing_section,
.elementor-widget-mtfx10_gaming_guild_section,
.elementor-widget-mtfx10_playstation_section,
.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_nintendo_section,
.elementor-widget-mt-footer-section {
  overflow: visible !important;
}

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap');

.elementor-widget-mtfx10_collectibles_section,
.elementor-widget-mtfx10_dragonball_section,
.elementor-widget-mtfx10_streetfighter_section,
.elementor-widget-mtfx10_onepiece_section,
.elementor-widget-mtfx10_naruto_section,
.elementor-widget-mtfx10_clothing_section,
.elementor-widget-mtfx10_gaming_guild_section,
.elementor-widget-mtfx10_playstation_section,
.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_nintendo_section,
.elementor-widget-mt-footer-section,
.elementor-widget-mtfx10_full_experience_stack,
.mtfx10-elementor-free-overflow {
  overflow: visible !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.mtfx10-section {
  --mtfx10-accent: #8040c8;
  --mtfx10-accent-2: #e8c45a;
  --mtfx10-bg: #08060c;
  --mtfx10-card: rgba(255,255,255,.055);
  position: relative;
  min-height: var(--mtfx10-section-h, 100vh);
  width: 100vw;
  max-width: 100vw;
  overflow: visible;
  isolation: isolate;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  text-transform: uppercase;
  z-index: var(--mtfx10-section-z, 1);
  background-color: var(--mtfx10-bg) !important;
}

.mtfx10-section,
.mtfx10-section * { box-sizing: border-box; }

.mtfx10-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--mtfx10-gradient);
}

.mtfx10-scene::before {
  content: "";
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(ellipse at 48% 34%, color-mix(in srgb, var(--mtfx10-accent), transparent 84%), transparent 40%),
    radial-gradient(ellipse at 72% 70%, color-mix(in srgb, var(--mtfx10-accent-2), transparent 90%), transparent 38%);
  filter: blur(8px) saturate(1.08);
  opacity: .9;
  transform: translate3d(calc(var(--mtfx10-p, 0) * -1.2%), calc(var(--mtfx10-p, 0) * .8%), 0) scale(1.04);
  animation: mtfx10-breathe 8s ease-in-out infinite alternate;
}

.mtfx10-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .34;
  mix-blend-mode: soft-light;
  background:
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.02) 42%, rgba(0,0,0,.64)),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
}

/* Inner vignette */
.mtfx10-vignette {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  --mtfx10-vignette-strength: 0.55;
  background: radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,var(--mtfx10-vignette-strength)) 100%);
}

@keyframes mtfx10-breathe {
  from { transform: translate3d(-1.1%, -.6%, 0) scale(1.02); }
  to { transform: translate3d(1.1%, .6%, 0) scale(1.065); }
}

.mtfx10-theme-collectibles .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 46% 28%, rgba(128,64,200,.18), transparent 44%),
    radial-gradient(ellipse at 50% 82%, rgba(232,196,90,.08), transparent 40%);
  animation: mtfx10-aurora 9s ease-in-out infinite alternate;
}

.mtfx10-theme-dragonball .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 68% 43%, rgba(220,60,120,.16), transparent 46%),
    radial-gradient(ellipse at 28% 72%, rgba(247,201,72,.12), transparent 36%),
    radial-gradient(ellipse at 54% 52%, rgba(160,40,200,.10), transparent 40%);
  animation: mtfx10-ki-cloud 7s ease-in-out infinite alternate;
}

.mtfx10-theme-streetfighter .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 26% 46%, rgba(255,60,0,.20), transparent 42%),
    radial-gradient(ellipse at 72% 56%, rgba(255,204,0,.08), transparent 40%);
  animation: mtfx10-heat 5.6s ease-in-out infinite alternate;
}

.mtfx10-theme-onepiece .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 24% 42%, rgba(232,0,61,.16), transparent 42%),
    radial-gradient(ellipse at 68% 72%, rgba(247,201,72,.10), transparent 40%);
  animation: mtfx10-sea-drift 8s ease-in-out infinite alternate;
}

.mtfx10-theme-naruto .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 64% 48%, rgba(255,107,0,.20), transparent 38%),
    radial-gradient(ellipse at 35% 72%, rgba(247,201,72,.10), transparent 42%);
  animation: mtfx10-chakra-breathe 6.4s ease-in-out infinite alternate;
}

@keyframes mtfx10-aurora { from { filter: blur(10px) hue-rotate(0); transform: translateX(-1%) scale(1.04); } to { filter: blur(8px) hue-rotate(7deg); transform: translateX(1.2%) scale(1.075); } }
@keyframes mtfx10-ki-cloud { from { transform: translate3d(-1.4%, .4%, 0) scale(1.03) rotate(-.3deg); } to { transform: translate3d(1.2%, -1%, 0) scale(1.075) rotate(.3deg); } }
@keyframes mtfx10-heat { from { filter: blur(10px) saturate(1); transform: translateY(.4%) scale(1.035); } to { filter: blur(7px) saturate(1.22); transform: translateY(-.5%) scale(1.065); } }
@keyframes mtfx10-sea-drift { from { transform: translate3d(-1.5%, 0, 0) scale(1.03); } to { transform: translate3d(1.5%, .7%, 0) scale(1.055); } }
@keyframes mtfx10-chakra-breathe { from { filter: hue-rotate(0) saturate(1); transform: scale(1.025) rotate(-.2deg); } to { filter: hue-rotate(10deg) saturate(1.14); transform: scale(1.065) rotate(.25deg); } }

.mtfx10-bleed-top,
.mtfx10-bleed-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: var(--mtfx10-bleed-h, 130px);
  z-index: 1;
  pointer-events: none;
}
.mtfx10-bleed-top { top: calc(var(--mtfx10-bleed-h, 130px) * -1); background: linear-gradient(to bottom, transparent, var(--mtfx10-bleed-start, #08060c)); }
.mtfx10-bleed-bottom { bottom: calc(var(--mtfx10-bleed-h, 130px) * -1); background: linear-gradient(to bottom, var(--mtfx10-bleed-end, #08060c), transparent); }


.mtfx10-inner-fade {
  position: absolute;
  left: 0;
  right: 0;
  height: var(--mtfx10-inner-fade-h, 220px);
  z-index: var(--mtfx10-inner-fade-z, 20);
  opacity: var(--mtfx10-inner-fade-o, 1);
  mix-blend-mode: var(--mtfx10-inner-fade-blend, normal);
  pointer-events: none;
  transform: translateZ(0);
  background: var(--mtfx10-inner-fade-color, #08060c);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mtfx10-inner-fade--top {
  top: 0;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 12%, rgba(0,0,0,.82) 36%, rgba(0,0,0,.38) 68%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 12%, rgba(0,0,0,.82) 36%, rgba(0,0,0,.38) 68%, transparent 100%);
}

.mtfx10-inner-fade--bottom {
  bottom: 0;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 12%, rgba(0,0,0,.82) 36%, rgba(0,0,0,.38) 68%, transparent 100%);
  mask-image: linear-gradient(to top, #000 0%, #000 12%, rgba(0,0,0,.82) 36%, rgba(0,0,0,.38) 68%, transparent 100%);
}

.mtfx10-inner-fade-shape-curve.mtfx10-inner-fade--top {
  -webkit-mask-image: radial-gradient(ellipse 125% 105% at 50% 0%, #000 0%, #000 18%, rgba(0,0,0,.84) 38%, rgba(0,0,0,.42) 68%, transparent 100%);
  mask-image: radial-gradient(ellipse 125% 105% at 50% 0%, #000 0%, #000 18%, rgba(0,0,0,.84) 38%, rgba(0,0,0,.42) 68%, transparent 100%);
}

.mtfx10-inner-fade-shape-curve.mtfx10-inner-fade--bottom {
  -webkit-mask-image: radial-gradient(ellipse 125% 105% at 50% 100%, #000 0%, #000 18%, rgba(0,0,0,.84) 38%, rgba(0,0,0,.42) 68%, transparent 100%);
  mask-image: radial-gradient(ellipse 125% 105% at 50% 100%, #000 0%, #000 18%, rgba(0,0,0,.84) 38%, rgba(0,0,0,.42) 68%, transparent 100%);
}

.mtfx10-inner-fade-shape-inverse-curve.mtfx10-inner-fade--top {
  -webkit-mask-image: radial-gradient(ellipse 135% 115% at 50% -34%, #000 0%, #000 36%, rgba(0,0,0,.82) 58%, rgba(0,0,0,.36) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse 135% 115% at 50% -34%, #000 0%, #000 36%, rgba(0,0,0,.82) 58%, rgba(0,0,0,.36) 78%, transparent 100%);
}

.mtfx10-inner-fade-shape-inverse-curve.mtfx10-inner-fade--bottom {
  -webkit-mask-image: radial-gradient(ellipse 135% 115% at 50% 134%, #000 0%, #000 36%, rgba(0,0,0,.82) 58%, rgba(0,0,0,.36) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse 135% 115% at 50% 134%, #000 0%, #000 36%, rgba(0,0,0,.82) 58%, rgba(0,0,0,.36) 78%, transparent 100%);
}

.mtfx10-inner-fade-shape-ellipse.mtfx10-inner-fade--top {
  -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 0%, #000 0%, #000 12%, rgba(0,0,0,.76) 44%, rgba(0,0,0,.32) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 100% at 50% 0%, #000 0%, #000 12%, rgba(0,0,0,.76) 44%, rgba(0,0,0,.32) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-ellipse.mtfx10-inner-fade--bottom {
  -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 100%, #000 0%, #000 12%, rgba(0,0,0,.76) 44%, rgba(0,0,0,.32) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 100% at 50% 100%, #000 0%, #000 12%, rgba(0,0,0,.76) 44%, rgba(0,0,0,.32) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-diagonal-left.mtfx10-inner-fade--top {
  -webkit-mask-image: linear-gradient(158deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
  mask-image: linear-gradient(158deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-diagonal-left.mtfx10-inner-fade--bottom {
  -webkit-mask-image: linear-gradient(338deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
  mask-image: linear-gradient(338deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-diagonal-right.mtfx10-inner-fade--top {
  -webkit-mask-image: linear-gradient(202deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
  mask-image: linear-gradient(202deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-diagonal-right.mtfx10-inner-fade--bottom {
  -webkit-mask-image: linear-gradient(22deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
  mask-image: linear-gradient(22deg, #000 0%, #000 22%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.34) 72%, transparent 100%);
}

.mtfx10-inner-fade-shape-wave.mtfx10-inner-fade--top {
  -webkit-mask-image: radial-gradient(90% 46% at 18% 0%, #000 0%, rgba(0,0,0,.9) 35%, rgba(0,0,0,.48) 64%, transparent 100%), radial-gradient(88% 48% at 62% 0%, #000 0%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.44) 66%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 42%, transparent 100%);
  mask-image: radial-gradient(90% 46% at 18% 0%, #000 0%, rgba(0,0,0,.9) 35%, rgba(0,0,0,.48) 64%, transparent 100%), radial-gradient(88% 48% at 62% 0%, #000 0%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.44) 66%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 42%, transparent 100%);
}

.mtfx10-inner-fade-shape-wave.mtfx10-inner-fade--bottom {
  -webkit-mask-image: radial-gradient(90% 46% at 18% 100%, #000 0%, rgba(0,0,0,.9) 35%, rgba(0,0,0,.48) 64%, transparent 100%), radial-gradient(88% 48% at 62% 100%, #000 0%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.44) 66%, transparent 100%), linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 42%, transparent 100%);
  mask-image: radial-gradient(90% 46% at 18% 100%, #000 0%, rgba(0,0,0,.9) 35%, rgba(0,0,0,.48) 64%, transparent 100%), radial-gradient(88% 48% at 62% 100%, #000 0%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.44) 66%, transparent 100%), linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 42%, transparent 100%);
}

.mtfx10-content {
  position: relative;
  z-index: 10;
  min-height: inherit;
  display: flex;
  align-items: center;
  padding: var(--mtfx10-pad-y, 96px) var(--mtfx10-pad-x, 60px);
  pointer-events: none;
}
.mtfx10-copy {
  position: relative;
  z-index: 12;
  width: min(var(--mtfx10-copy-w, 520px), 100%);
  margin-left: var(--mtfx10-copy-x, 0px);
  margin-top: var(--mtfx10-copy-y, 0px);
  text-align: var(--mtfx10-copy-align, left);
  pointer-events: auto;
  transform: translate3d(0, calc(var(--mtfx10-p, 0) * -10px), 0);
}
.mtfx10-copy-right .mtfx10-content { justify-content: flex-end; }
.mtfx10-copy-center .mtfx10-content { justify-content: center; }

.mtfx10-logo {
  display: block;
  width: min(var(--mtfx10-logo-w, 360px), 100%);
  max-width: 100%;
  margin: 0 0 var(--mtfx10-logo-gap, 22px) 0;
  opacity: var(--mtfx10-logo-opacity, .94);
  filter: drop-shadow(0 22px 32px rgba(0,0,0,.42)) drop-shadow(0 0 18px color-mix(in srgb, var(--mtfx10-accent), transparent 72%));
}
.mtfx10-copy[style*="center"] .mtfx10-logo,
.mtfx10-copy-center .mtfx10-logo { margin-left: auto; margin-right: auto; }

.mtfx10-kicker {
  margin: 0 0 26px;
  font-weight: 700;
  font-size: clamp(11px, 1vw, 14px);
  line-height: 1;
  letter-spacing: .42em;
  color: var(--mtfx10-accent);
}
.mtfx10-title {
  margin: 0;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: var(--mtfx10-title-size, clamp(70px, 9vw, 150px));
  font-weight: 400;
  line-height: .86;
  letter-spacing: .055em;
  text-transform: uppercase;
  text-shadow: 0 12px 44px rgba(0,0,0,.38);
}
.mtfx10-title-main { display: block; color: rgba(255,255,255,.96); }
.mtfx10-title-gradient {
  display: block;
  width: fit-content;
  background: linear-gradient(135deg, var(--mtfx10-accent) 0%, var(--mtfx10-accent-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mtfx10-copy[style*="right"] .mtfx10-title-gradient { margin-left: auto; }
.mtfx10-subtitle {
  margin: 22px 0 0;
  max-width: var(--mtfx10-subtitle-w, 620px);
  font-family: 'Cinzel', serif;
  font-size: var(--mtfx10-subtitle-size, clamp(14px, 1.45vw, 20px));
  line-height: 1.55;
  letter-spacing: .22em;
  color: color-mix(in srgb, var(--mtfx10-accent), white 18%);
  opacity: .82;
}
.mtfx10-menu-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  justify-content: var(--mtfx10-menu-justify, flex-start);
}
.mtfx10-subbtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.74);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .20em;
  transition: transform .25s ease, color .25s ease, border-color .25s ease, background .25s ease;
  backdrop-filter: blur(8px);
}
.mtfx10-subbtn:hover {
  transform: translateY(-2px);
  color: #fff;
  border-color: color-mix(in srgb, var(--mtfx10-accent), white 18%);
  background: color-mix(in srgb, var(--mtfx10-accent), transparent 86%);
}
.mtfx10-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  min-height: 58px;
  margin-top: 24px;
  padding: 0 34px;
  background: var(--mtfx10-accent);
  color: #fff;
  font-weight: 800;
  letter-spacing: .18em;
  font-size: 15px;
  border: 1px solid var(--mtfx10-accent);
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow: 0 18px 48px rgba(0,0,0,.3), 0 0 36px color-mix(in srgb, var(--mtfx10-accent), transparent 74%);
}
.mtfx10-cta:hover { transform: translateY(-3px); filter: brightness(1.08); box-shadow: 0 24px 58px rgba(0,0,0,.34), 0 0 48px color-mix(in srgb, var(--mtfx10-accent), transparent 64%); }

.mtfx10-stage {
  position: absolute;
  inset: 0;
  z-index: 8;
  overflow: visible;
  pointer-events: none;
}
.mtfx10-layer {
  position: absolute;
  left: var(--x, 50%);
  top: var(--y, 50%);
  width: var(--w, auto) !important;
  height: var(--h, 62vh) !important;
  min-width: 0 !important;
  max-width: none !important;
  opacity: var(--op, 1);
  z-index: var(--z, 5);
  transform: translate3d(var(--px, 0px), var(--py, 0px), 0) translate(-50%, -50%) scale(var(--s, 1)) rotate(var(--r, 0deg));
  transform-origin: center bottom;
  filter: drop-shadow(0 34px 46px rgba(0,0,0,.58)) drop-shadow(0 0 var(--glow-size, 26px) color-mix(in srgb, var(--mtfx10-accent), transparent 70%));
  mix-blend-mode: var(--blend, normal);
  will-change: transform, height;
}
.mtfx10-layer img {
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain;
  object-position: center center;
}
.mtfx10-anim-float img { animation: mtfx10-float 5.8s ease-in-out infinite; }
.mtfx10-anim-pulse img { animation: mtfx10-pulse 3.8s ease-in-out infinite; }
.mtfx10-anim-energy img { animation: mtfx10-energy 3.4s ease-in-out infinite; }
.mtfx10-anim-wind img { animation: mtfx10-wind 2.6s ease-in-out infinite; transform-origin: center bottom; }
@keyframes mtfx10-float { 0%,100%{ transform: translateY(0) rotate(0) } 50%{ transform: translateY(-14px) rotate(.7deg) } }
@keyframes mtfx10-pulse { 0%,100%{ filter: brightness(1) } 50%{ filter: brightness(1.18) saturate(1.08) } }
@keyframes mtfx10-energy { 0%,100%{ filter: brightness(1) drop-shadow(0 0 0 transparent); transform: translateY(0)} 50%{ filter: brightness(1.24) drop-shadow(0 0 18px var(--mtfx10-accent)); transform: translateY(-6px)} }
@keyframes mtfx10-wind { 0%,100%{ transform: skewX(0) translateX(0) } 50%{ transform: skewX(-2deg) translateX(5px) } }
.mtfx10-anim-slow-drift img { animation: mtfx10-slow-drift 10s ease-in-out infinite; }
@keyframes mtfx10-slow-drift { 0%,100%{ transform: translate3d(0,0,0) rotate(0deg) } 50%{ transform: translate3d(18px,-12px,0) rotate(.8deg) } }

.mtfx10-particles { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; }
.mtfx10-particle { position:absolute; left: var(--sx); top: var(--sy); width: var(--ss); height: var(--ss); border-radius:999px; background: var(--mtfx10-accent); box-shadow:0 0 18px var(--mtfx10-accent-2); opacity:.44; animation: mtfx10-spark var(--sd) linear infinite; animation-delay: var(--sl); }
@keyframes mtfx10-spark { 0%{ transform: translate3d(0, 40px, 0) scale(.4); opacity:0 } 22%{ opacity:.5 } 100%{ transform: translate3d(36px, -130px, 0) scale(1.16); opacity:0 } }

.mtfx10-dragon-orbs { position:absolute; inset:0; z-index:7; pointer-events:none; overflow:visible; }
.mtfx10-orb-img { position:absolute; left:var(--ox); top:var(--oy); width:var(--ow); transform:translate3d(0,var(--opy,0px),0) scale(var(--os,1)); filter:drop-shadow(0 12px 18px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(255,126,0,.68)); animation: mtfx10-orb-float var(--od, 5.2s) ease-in-out infinite; opacity:var(--oo,1); }
@keyframes mtfx10-orb-float { 0%,100%{ transform:translateY(0) scale(var(--os,1)) rotate(0deg) } 50%{ transform:translateY(-18px) scale(var(--os,1)) rotate(8deg) } }
.mtfx10-dragon-scene { position:absolute; right:-8%; bottom: -8%; width:min(58vw,820px); opacity:.22; z-index:2; filter:drop-shadow(0 0 42px rgba(0,255,210,.38)); transform:translate3d(0, calc(var(--mtfx10-p,0) * -28px), 0); }

.mtfx10-shenlong-transition { position:absolute; left:var(--shen-x, 50%); top:var(--shen-y, -15%); width:var(--shen-w, auto); height:var(--shen-h, 52vh); max-width:none; z-index:var(--shen-z, 6); opacity:var(--shen-o, .42); transform:translate3d(-50%, calc(var(--mtfx10-p,0) * -34px), 0); pointer-events:none; filter:drop-shadow(0 0 34px rgba(123,255,97,.42)); }
.mtfx10-shenlong-transition img { width:100%; height:100%; max-width:none; display:block; object-fit:contain; }
.mtfx10-shenlong-transition[style*="--shen-w: 0"] img { width:auto; }

.mtfx10-street-intro {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  isolation: isolate;
  contain: paint;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.mtfx10-street-intro::before {
  content: "";
  position: absolute;
  right: 10.5%;
  top: 47%;
  width: clamp(120px, 17vw, 280px);
  height: clamp(120px, 17vw, 280px);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 8%, rgba(169,239,255,.98) 12%, rgba(35,166,255,.86) 30%, rgba(0,72,255,.58) 54%, rgba(0,140,255,.22) 72%, transparent 78%),
    conic-gradient(from 18deg, transparent 0 9%, rgba(255,255,255,.76) 13%, transparent 21%, rgba(0,174,255,.72) 28%, transparent 42%, rgba(255,255,255,.62) 51%, transparent 64%, rgba(0,98,255,.70) 78%, transparent 100%);
  filter: drop-shadow(0 0 16px rgba(114,218,255,.62)) drop-shadow(0 0 38px rgba(0,104,255,.46));
  opacity: 0;
  transform: translate3d(50%, -50%, 0) scale(.18) rotate(0deg);
  mix-blend-mode: normal;
}
.mtfx10-street-intro::after {
  content: "";
  position: absolute;
  right: -20vw;
  top: calc(47% - clamp(38px, 5.6vw, 82px));
  width: 132vw;
  height: clamp(76px, 11vw, 168px);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(0,76,255,.08) 7%, rgba(0,126,255,.36) 18%, rgba(133,232,255,.92) 42%, rgba(255,255,255,1) 50%, rgba(116,224,255,.94) 58%, rgba(0,126,255,.38) 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgba(0,166,255,.24) 19%, rgba(212,249,255,.96) 46%, rgba(255,255,255,1) 50%, rgba(141,232,255,.88) 56%, rgba(0,74,255,.22) 81%, transparent 100%);
  box-shadow:
    0 0 22px rgba(117,225,255,.58),
    0 0 48px rgba(0,98,255,.34);
  filter: blur(.35px) saturate(1.22);
  opacity: 0;
  transform: translate3d(0, 0, 0) scaleX(.06) scaleY(.64);
  transform-origin: right center;
  mix-blend-mode: normal;
}
.mtfx10-section.is-in:not(.intro-played) .mtfx10-street-intro {
  animation: mtfx10-street-layer 5.25s ease-out .12s 1 both;
}
.mtfx10-section.is-in:not(.intro-played) .mtfx10-street-intro::before {
  animation: mtfx10-hadouken-charge 5.25s cubic-bezier(.18,.86,.18,1) .12s 1 both;
}
.mtfx10-section.is-in:not(.intro-played) .mtfx10-street-intro::after {
  animation: mtfx10-hadouken-beam 5.25s cubic-bezier(.1,.78,.16,1) .12s 1 both;
}
@keyframes mtfx10-street-layer {
  0% { opacity: 0; }
  8% { opacity: .72; }
  54% { opacity: .78; }
  86% { opacity: .72; }
  100% { opacity: 0; }
}
@keyframes mtfx10-hadouken-charge {
  0% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(.16) rotate(0deg); }
  8% { opacity: .42; transform: translate3d(50%, -50%, 0) scale(.34) rotate(32deg); }
  22% { opacity: .88; transform: translate3d(50%, -50%, 0) scale(.68) rotate(126deg); }
  38% { opacity: .96; transform: translate3d(50%, -50%, 0) scale(.96) rotate(248deg); }
  52% { opacity: .88; transform: translate3d(50%, -50%, 0) scale(1.1) rotate(360deg); }
  58% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(1.38) rotate(430deg); }
  100% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(1.38) rotate(430deg); }
}
@keyframes mtfx10-hadouken-beam {
  0%, 50% { opacity: 0; transform: translate3d(0, 0, 0) scaleX(.04) scaleY(.58); }
  54% { opacity: 1; transform: translate3d(0, 0, 0) scaleX(.2) scaleY(.78); }
  62% { opacity: .98; transform: translate3d(-26vw, 0, 0) scaleX(.62) scaleY(1); }
  78% { opacity: .94; transform: translate3d(-78vw, 0, 0) scaleX(1) scaleY(1.02); }
  92% { opacity: .58; transform: translate3d(-126vw, 0, 0) scaleX(1.06) scaleY(.94); }
  100% { opacity: 0; transform: translate3d(-148vw, 0, 0) scaleX(1.1) scaleY(.84); }
}
.mtfx10-headband { position:absolute; right:17%; top:48%; z-index:15; width:190px; height:18px; opacity:.76; background:linear-gradient(90deg,#f1f1f1,#fff,#dedede); clip-path:polygon(0 21%,100% 0,86% 100%,0 79%); filter:drop-shadow(0 0 14px rgba(255,255,255,.45)); transform-origin:left center; animation: mtfx10-band 1.7s ease-in-out infinite; pointer-events:none; }
@keyframes mtfx10-band { 0%,100%{ transform:rotate(0) skewX(0)} 50%{ transform:rotate(2deg) skewX(-8deg)} }

.mtfx10-wave-layer { position:absolute; inset:auto -12% 8% -12%; height:26%; z-index:3; background:radial-gradient(ellipse at 50% 100%, rgba(86,199,255,.20), transparent 70%); filter:blur(11px); animation:mtfx10-wave 7s ease-in-out infinite; pointer-events:none; }
@keyframes mtfx10-wave { 0%,100%{ transform:translateX(-1%) scaleY(1)} 50%{ transform:translateX(1%) scaleY(1.18)} }
.mtfx10-chakra-layer { position:absolute; inset:0; z-index:3; background:radial-gradient(circle at 65% 50%, rgba(255,107,0,.22), transparent 24%), radial-gradient(circle at 42% 62%, rgba(247,201,72,.16), transparent 28%); mix-blend-mode:screen; animation: mtfx10-chakra 4s ease-in-out infinite alternate; pointer-events:none; }
@keyframes mtfx10-chakra { from{ filter:hue-rotate(0); transform:scale(1) rotate(0)} to{ filter:hue-rotate(12deg); transform:scale(1.035) rotate(.3deg)} }

@media (max-width: 900px) {
  .mtfx10-content { padding: 84px 22px; align-items:flex-end; }
  .mtfx10-copy { width:min(var(--mtfx10-copy-w, 520px), 100%); margin-left:0; margin-top:0; }
  .mtfx10-title { font-size: clamp(58px, 18vw, 96px); }
  .mtfx10-layer { opacity: var(--op, .9); }
  .mtfx10-logo { width: min(var(--mtfx10-logo-w, 280px), 78vw); }
  .mtfx10-menu-buttons { gap:8px; }
  .mtfx10-subbtn { min-height:36px; padding:0 12px; font-size:11px; }
}
.mtfx10-shenlong-transition[style*="--shen-w: 0"] { width:auto !important; }

/* V9 clean menu/text fixes */
.mtfx10-copy-left .mtfx10-content { justify-content: flex-start; }
.mtfx10-copy-center .mtfx10-content { justify-content: center; }
.mtfx10-copy-right .mtfx10-content { justify-content: flex-end; }
.mtfx10-copy-center .mtfx10-title-gradient { margin-left: auto; margin-right: auto; }
.mtfx10-copy-right .mtfx10-title-gradient { margin-left: auto; }
.mtfx10-copy-center .mtfx10-subtitle { margin-left: auto; margin-right: auto; }
.mtfx10-copy-right .mtfx10-subtitle { margin-left: auto; }
.mtfx10-copy-center .mtfx10-menu-buttons { justify-content: center; }
.mtfx10-copy-right .mtfx10-menu-buttons { justify-content: flex-end; }
.mtfx10-copy-left .mtfx10-menu-buttons { justify-content: flex-start; }
.mtfx10-copy-center .mtfx10-cta { margin-left: auto; margin-right: auto; }
.mtfx10-copy-right .mtfx10-cta { margin-left: auto; }

/* === V11 refinements: brighter gradient cores, menu gradients, text positioning, mini image cards, layer black fades === */
.mtfx10-section {
  --mtfx10-core-opacity: 1.18;
  --mtfx10-core-brightness: 1.26;
}
.mtfx10-scene::before {
  opacity: var(--mtfx10-core-opacity, 1.18) !important;
  filter: brightness(var(--mtfx10-core-brightness, 1.26)) blur(8px) saturate(1.22) !important;
  mix-blend-mode: screen;
}

.mtfx10-kicker,
.mtfx10-title,
.mtfx10-subtitle,
.mtfx10-menu-buttons,
.mtfx10-cta {
  --tx: 0px;
  --ty: 0px;
  transform: translate3d(var(--tx), var(--ty), 0);
}
.mtfx10-kicker { font-size: var(--mtfx10-kicker-size, clamp(11px, 1vw, 14px)); }
.mtfx10-title-gradient {
  --title-grad-a: var(--mtfx10-accent);
  --title-grad-b: var(--mtfx10-accent-2);
  background: linear-gradient(135deg, var(--title-grad-a) 0%, var(--title-grad-b) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.mtfx10-subbtn {
  --mtfx10-menu-grad-a: var(--mtfx10-accent);
  --mtfx10-menu-grad-b: var(--mtfx10-accent-2);
  --mtfx10-menu-text: #ffffff;
  --mtfx10-menu-op: .86;
  color: var(--mtfx10-menu-text) !important;
  opacity: var(--mtfx10-menu-op) !important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--mtfx10-menu-grad-a), transparent 62%) 0%,
      color-mix(in srgb, var(--mtfx10-menu-grad-b), transparent 76%) 100%) !important;
  border-color: color-mix(in srgb, var(--mtfx10-menu-grad-a), white 18%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 22px color-mix(in srgb, var(--mtfx10-menu-grad-a), transparent 84%);
  text-shadow: 0 0 12px rgba(255,255,255,.22), 0 2px 10px rgba(0,0,0,.6);
}
.mtfx10-subbtn:hover {
  opacity: 1 !important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--mtfx10-menu-grad-a), transparent 42%) 0%,
      color-mix(in srgb, var(--mtfx10-menu-grad-b), transparent 62%) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 34px rgba(0,0,0,.26),
    0 0 34px color-mix(in srgb, var(--mtfx10-menu-grad-a), transparent 70%);
}
.mtfx10-cta {
  --cta-grad-a: var(--mtfx10-accent);
  --cta-grad-b: var(--mtfx10-accent-2);
  background: linear-gradient(135deg, var(--cta-grad-a) 0%, var(--cta-grad-b) 100%) !important;
  border-color: color-mix(in srgb, var(--cta-grad-a), white 8%) !important;
}

.mtfx10-mini-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  justify-content: var(--mtfx10-menu-justify, flex-start);
  position: relative;
  z-index: 14;
}
.mtfx10-copy-center .mtfx10-mini-gallery { justify-content: center; }
.mtfx10-copy-right .mtfx10-mini-gallery { justify-content: flex-end; }
.mtfx10-mini-card {
  --mtfx10-mini-w: 120px;
  --mtfx10-mini-h: 120px;
  display: block;
  width: var(--mtfx10-mini-w);
  height: var(--mtfx10-mini-h);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 26px color-mix(in srgb, var(--mtfx10-accent), transparent 86%);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.mtfx10-mini-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--mtfx10-accent), white 20%);
  box-shadow: 0 20px 44px rgba(0,0,0,.40), 0 0 36px color-mix(in srgb, var(--mtfx10-accent), transparent 76%);
}
.mtfx10-mini-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

.mtfx10-layer { overflow: visible; }
.mtfx10-layer-fade {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: var(--fade-w, 100%);
  height: var(--fade-h, 28%);
  opacity: var(--fade-o, .82);
  pointer-events: none;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 62%, rgba(0,0,0,1) 100%);
  z-index: 3;
  mix-blend-mode: multiply;
}

@media (max-width: 900px) {
  .mtfx10-mini-card { width: min(var(--mtfx10-mini-w), 28vw); height: min(var(--mtfx10-mini-h), 28vw); }
}

/* === Controllable particles, 5 crisp white background animations and safe MP4 section background === */
.mtfx10-section {
  --mtfx10-particle-o: .44;
  --mtfx10-bgani-o: .72;
  --mtfx10-bgani-speed: 1;
  --mtfx10-bgani-blur: 0px;
  --mtfx10-bgani-glow: .95;
  --mtfx10-bgani-c1: #fff;
  --mtfx10-bgani-c2: #fff;
  --mtfx10-video-blend: soft-light;
  --mtfx10-video-opacity: .42;
  --mtfx10-video-fit: cover;
  --mtfx10-video-position: center center;
  --mtfx10-video-brightness: 1;
  --mtfx10-video-saturate: 1.08;
  --mtfx10-video-blur: 0px;
  --mtfx10-video-fade-top: 14vh;
  --mtfx10-video-fade-bottom: 18vh;
}

.mtfx10-has-video .mtfx10-scene { z-index: 1; }
.mtfx10-has-video .mtfx10-vignette { z-index: 2; }
.mtfx10-video-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: var(--mtfx10-video-opacity);
  mix-blend-mode: var(--mtfx10-video-blend);
  contain: layout paint style;
}
.mtfx10-video-layer video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--mtfx10-video-fit);
  object-position: var(--mtfx10-video-position);
  filter: brightness(var(--mtfx10-video-brightness)) saturate(var(--mtfx10-video-saturate)) blur(var(--mtfx10-video-blur));
  transform: translateZ(0);
}
.mtfx10-video-fade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, var(--mtfx10-bleed-start, #000) 0, transparent var(--mtfx10-video-fade-top)),
    linear-gradient(to top, var(--mtfx10-bleed-end, #000) 0, transparent var(--mtfx10-video-fade-bottom));
}
.mtfx10-video-blend-mt-dissolve .mtfx10-video-layer { opacity: calc(var(--mtfx10-video-opacity) * .88); }
.mtfx10-video-blend-mt-linear-burn .mtfx10-video-layer { filter: contrast(1.08) brightness(.92); }
.mtfx10-video-blend-mt-linear-dodge .mtfx10-video-layer,
.mtfx10-video-blend-mt-vivid-light .mtfx10-video-layer,
.mtfx10-video-blend-mt-linear-light .mtfx10-video-layer { filter: saturate(1.12) brightness(1.08); }
.mtfx10-video-blend-mt-hard-mix .mtfx10-video-layer { filter: contrast(1.38) saturate(1.22); }

.mtfx10-particle {
  opacity: var(--mtfx10-particle-o);
  animation-name: mtfx10-spark-controlled;
}
@keyframes mtfx10-spark-controlled {
  0% { transform: translate3d(0, 40px, 0) scale(.4); opacity: 0; }
  22% { opacity: var(--mtfx10-particle-o); }
  100% { transform: translate3d(var(--mtfx10-particle-x, 36px), var(--mtfx10-particle-y, -130px), 0) scale(1.16); opacity: 0; }
}

.mtfx10-bg-animation {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  opacity: var(--mtfx10-bgani-o);
  mix-blend-mode: screen;
  clip-path: inset(var(--mtfx10-bgani-visible-top, 0%) 0 calc(100% - var(--mtfx10-bgani-visible-bottom, 100%)) 0);
  contain: layout paint style;
}

.mtfx10-bg-animation span {
  position: absolute;
  left: var(--sx);
  top: var(--sy);
  width: var(--as);
  height: var(--as);
  display: block;
  color: #fff;
  will-change: transform, opacity, filter;
  animation-duration: calc(var(--ad) / var(--mtfx10-bgani-speed));
  animation-delay: var(--al);
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(.2,.72,.2,1);
  filter:
    blur(var(--mtfx10-bgani-blur))
    drop-shadow(0 0 calc(var(--as) * .42 * var(--mtfx10-bgani-glow)) rgba(255,255,255,.96))
    drop-shadow(0 0 calc(var(--as) * .9 * var(--mtfx10-bgani-glow)) color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 38%));
}

.mtfx10-bgani-theme-particles .mtfx10-bg-animation span {
  width: clamp(3px, var(--as), 14px);
  height: clamp(3px, var(--as), 14px);
  border-radius: 999px;
  background:
    radial-gradient(circle, #fff 0 0.9px, rgba(255,255,255,.92) 22%, color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 42%) 54%, transparent 74%);
  animation-name: mtfx10-bgani-theme-crisp;
}

.mtfx10-bgani-spark-dust .mtfx10-bg-animation span {
  width: clamp(4px, var(--as), 18px);
  height: clamp(4px, var(--as), 18px);
  background: #fff;
  clip-path: polygon(50% 0, 58% 39%, 100% 50%, 58% 61%, 50% 100%, 42% 61%, 0 50%, 42% 39%);
  animation-name: mtfx10-bgani-spark-crisp;
}

.mtfx10-bgani-spark-dust .mtfx10-bg-animation span::before,
.mtfx10-bgani-star-field .mtfx10-bg-animation span::before {
  content: "";
  position: absolute;
  inset: -42%;
  background:
    linear-gradient(90deg, transparent 43%, rgba(255,255,255,.9) 49%, rgba(255,255,255,.9) 51%, transparent 57%),
    linear-gradient(0deg, transparent 43%, rgba(255,255,255,.9) 49%, rgba(255,255,255,.9) 51%, transparent 57%);
  opacity: .62;
}

.mtfx10-bgani-orb-drift .mtfx10-bg-animation span {
  width: clamp(12px, var(--as), 48px);
  height: clamp(12px, var(--as), 48px);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.56);
  background:
    radial-gradient(circle at 33% 27%, #fff 0 8%, rgba(255,255,255,.92) 18%, color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 36%) 38%, rgba(255,255,255,.16) 62%, transparent 74%);
  box-shadow:
    inset 0 0 14px rgba(255,255,255,.22),
    0 0 18px color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 34%);
  animation-name: mtfx10-bgani-orb-crisp;
}

.mtfx10-bgani-firefly-drift .mtfx10-bg-animation span {
  width: clamp(3px, var(--as), 11px);
  height: clamp(3px, var(--as), 11px);
  border-radius: 999px;
  background: radial-gradient(circle, #fff 0 18%, rgba(255,255,255,.88) 36%, color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 46%) 58%, transparent 76%);
  box-shadow:
    0 0 8px rgba(255,255,255,.94),
    0 0 22px color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 24%);
  animation-name: mtfx10-bgani-firefly-crisp;
}

.mtfx10-bgani-star-field .mtfx10-bg-animation span {
  width: clamp(3px, var(--as), 12px);
  height: clamp(3px, var(--as), 12px);
  border-radius: 999px;
  background: #fff;
  animation-name: mtfx10-bgani-star-crisp;
}

@keyframes mtfx10-bgani-theme-crisp {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.42); }
  18% { opacity: .98; }
  62% { opacity: .72; }
  100% { opacity: 0; transform: translate3d(var(--mtfx10-bgani-x), var(--mtfx10-bgani-y), 0) scale(1.02); }
}

@keyframes mtfx10-bgani-spark-crisp {
  0% { opacity: 0; transform: translate3d(calc(var(--mtfx10-bgani-x) * -.12), calc(var(--mtfx10-bgani-y) * -.12), 0) rotate(var(--ar)) scale(.34); }
  16% { opacity: 1; }
  54% { opacity: .86; }
  100% { opacity: 0; transform: translate3d(var(--mtfx10-bgani-x), var(--mtfx10-bgani-y), 0) rotate(calc(var(--ar) + 92deg)) scale(1.04); }
}

@keyframes mtfx10-bgani-orb-crisp {
  0% { opacity: 0; transform: translate3d(calc(var(--mtfx10-bgani-x) * -.16), calc(var(--mtfx10-bgani-y) * -.16), 0) scale(.48); }
  24% { opacity: .92; }
  72% { opacity: .58; }
  100% { opacity: 0; transform: translate3d(var(--mtfx10-bgani-x), var(--mtfx10-bgani-y), 0) scale(1.08); }
}

@keyframes mtfx10-bgani-firefly-crisp {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.34); }
  14% { opacity: .96; }
  28% { opacity: .34; }
  42% { opacity: 1; }
  66% { opacity: .62; }
  100% { opacity: 0; transform: translate3d(var(--mtfx10-bgani-x), var(--mtfx10-bgani-y), 0) scale(1.12); }
}

@keyframes mtfx10-bgani-star-crisp {
  0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(var(--ar)) scale(.28); }
  12% { opacity: 1; }
  28% { opacity: .42; }
  46% { opacity: .96; }
  100% { opacity: 0; transform: translate3d(calc(var(--mtfx10-bgani-x) * .38), calc(var(--mtfx10-bgani-y) * .38), 0) rotate(calc(var(--ar) + 35deg)) scale(.92); }
}

.mtfx10-reveal-up .mtfx10-scene { transform: translate3d(0, calc((1 - var(--mtfx10-p, 0)) * 34px), 0); }


/* MT Clothing — same mtfx10 shell, clothing-only UI */
.mtfx10-theme-clothing {
  --mtfx10-card: rgba(255,255,255,.055);
  --mtcl-card-w: 205px;
  --mtcl-card-h: 230px;
  --mtcl-preview-h: 360px;
  --mtcl-gap: 12px;
  --mtcl-metal-a: rgba(255,255,255,.18);
  --mtcl-metal-b: rgba(233,195,218,.38);
  --mtcl-glass: rgba(255,255,255,.045);
  --mtcl-glass-2: rgba(255,255,255,.075);
}

.mtfx10-theme-clothing .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 72% 30%, rgba(233,195,218,.18), transparent 42%),
    radial-gradient(ellipse at 24% 76%, rgba(210,220,226,.12), transparent 44%),
    linear-gradient(115deg, rgba(255,255,255,.045), transparent 32%, rgba(233,195,218,.06) 64%, transparent 100%);
  filter: blur(9px) saturate(1.08);
  animation: mtcl-silk-light 8.5s ease-in-out infinite alternate;
}

@keyframes mtcl-silk-light {
  from { transform: translate3d(-1.1%, -.4%, 0) scale(1.025); filter: blur(11px) saturate(1); }
  to { transform: translate3d(1.3%, .7%, 0) scale(1.07); filter: blur(8px) saturate(1.16); }
}

.mtcl-shell,
.mtcl-desktop-flow,
.mtcl-level,
.mtcl-panel,
.mtcl-products-stage,
.mtcl-mobile-accordion {
  background: transparent;
}

.mtcl-shell {
  position: relative;
  width: 100%;
  margin-top: 24px;
  pointer-events: auto;
}

.mtcl-start-trigger {
  position: relative;
  cursor: pointer;
  border-radius: 0;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mtfx10-accent), #ffffff 16%) 0%, color-mix(in srgb, var(--mtfx10-accent), #161616 54%) 55%, color-mix(in srgb, var(--mtfx10-accent-2), #ffffff 10%) 100%);
  color: #0b0b0d;
  text-shadow: 0 1px 0 rgba(255,255,255,.22);
}

.mtcl-start-trigger.is-shattering {
  animation: mtcl-button-shatter .52s cubic-bezier(.2,.82,.2,1) forwards;
}

.mtcl-start-trigger::before,
.mtcl-start-trigger::after {
  content: "";
  position: absolute;
  inset: -1px;
  opacity: 0;
  pointer-events: none;
}

.mtcl-start-trigger.is-shattering::before,
.mtcl-start-trigger.is-shattering::after {
  opacity: 1;
  background:
    linear-gradient(35deg, transparent 0 12%, rgba(255,255,255,.9) 13% 14%, transparent 15% 31%, rgba(255,255,255,.6) 32% 33%, transparent 34% 49%, rgba(233,195,218,.85) 50% 51%, transparent 52% 100%);
  mix-blend-mode: screen;
  animation: mtcl-shards .52s cubic-bezier(.2,.82,.2,1) forwards;
}

.mtcl-start-trigger.is-shattering::after {
  transform: scaleX(-1);
  animation-delay: .03s;
}

@keyframes mtcl-button-shatter {
  0% { transform: translate3d(var(--tx,0), var(--ty,0), 0) scale(1); filter: brightness(1); opacity: 1; }
  38% { transform: translate3d(var(--tx,0), var(--ty,0), 0) scale(1.04); filter: brightness(1.6); opacity: .94; }
  100% { transform: translate3d(var(--tx,0), var(--ty,0), 0) scale(.84); filter: blur(6px) brightness(1.3); opacity: 0; }
}

@keyframes mtcl-shards {
  0% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transform: translate3d(0,0,0) scale(1); }
  100% { clip-path: polygon(6% 12%,18% 0,22% 42%,38% 5%,43% 55%,62% 0,70% 44%,93% 10%,86% 88%,66% 58%,49% 100%,35% 64%,12% 96%,23% 56%); transform: translate3d(0,-18px,0) scale(1.2); }
}

.mtcl-level-1,
.mtcl-subnav,
.mtcl-product-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mtcl-gap);
  align-items: stretch;
  justify-content: var(--mtfx10-menu-justify, flex-start);
}

.mtcl-level-1 {
  margin-top: 18px;
}

.mtcl-choice {
  min-width: min(100%, 205px);
  min-height: 54px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  justify-content: center;
  border-color: rgba(255,255,255,.16);
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    linear-gradient(135deg, color-mix(in srgb, var(--mtfx10-accent), transparent 86%), transparent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 44px rgba(0,0,0,.24),
    0 0 28px color-mix(in srgb, var(--mtfx10-accent), transparent 82%);
}

.mtcl-choice::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0 32%, rgba(255,255,255,.22) 48%, transparent 66% 100%);
  transform: translateX(-120%);
  transition: transform .42s ease;
}

.mtcl-choice:hover::after,
.mtcl-choice.is-active::after {
  transform: translateX(120%);
}

.mtcl-panel {
  margin-top: 18px;
}

.mtcl-panel-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .34em;
  color: color-mix(in srgb, var(--mtfx10-accent), #ffffff 18%);
}

.mtcl-subnav {
  position: relative;
  min-height: 62px;
}

.mtcl-choice-l2 {
  transform-origin: center center;
  transition:
    transform .38s cubic-bezier(.2,.82,.2,1),
    opacity .28s ease,
    filter .28s ease,
    min-width .38s cubic-bezier(.2,.82,.2,1),
    background .28s ease,
    border-color .28s ease;
}

.mtcl-subnav.has-expanded .mtcl-choice-l2 {
  opacity: .2;
  filter: brightness(.62) saturate(.72);
  transform: scale(.78);
}

.mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded {
  min-width: min(100%, 100%);
  opacity: 1;
  filter: brightness(1.15) saturate(1.08);
  transform: scale(1.03);
  z-index: 3;
  border-color: color-mix(in srgb, var(--mtfx10-accent), white 28%);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mtfx10-accent), transparent 58%), rgba(255,255,255,.06)),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}

.mtcl-subnav.is-hover-reset .mtcl-choice-l2 {
  opacity: 1;
  filter: none;
  transform: scale(1);
  min-width: min(100%, 205px);
}

.mtcl-products-stage {
  margin-top: 16px;
}

.mtcl-product-row {
  align-items: stretch;
}

.mtcl-product-card {
  width: min(var(--mtcl-card-w), 100%);
  min-height: var(--mtcl-card-h);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    radial-gradient(circle at 52% 22%, color-mix(in srgb, var(--mtfx10-accent), transparent 74%), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 18px 44px rgba(0,0,0,.28);
  isolation: isolate;
  cursor: pointer;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, filter .28s ease;
}

.mtcl-product-card:hover,
.mtcl-product-card:focus-within {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--mtfx10-accent), white 32%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 24px 58px rgba(0,0,0,.34),
    0 0 34px color-mix(in srgb, var(--mtfx10-accent), transparent 78%);
}

.mtcl-product-media {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
}

.mtcl-product-media::before {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mtfx10-accent), transparent 78%), transparent 68%);
  filter: blur(18px);
  opacity: .86;
}

.mtcl-product-media img {
  position: absolute;
  left: var(--mtcl-img-x);
  top: var(--mtcl-img-y);
  width: var(--mtcl-img-w);
  height: var(--mtcl-img-h);
  z-index: var(--mtcl-img-z);
  object-fit: contain;
  opacity: var(--mtcl-img-o);
  filter: brightness(var(--mtcl-img-b)) contrast(var(--mtcl-img-c)) saturate(var(--mtcl-img-sa));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s)) rotate(var(--mtcl-img-r));
  transform-origin: center center;
  max-width: none;
  max-height: none;
}

.mtcl-product-text,
.mtcl-product-link {
  position: relative;
  z-index: 3;
}

.mtcl-product-text {
  padding: 18px 16px 10px;
  background: linear-gradient(to top, rgba(0,0,0,.76), rgba(0,0,0,.18), transparent);
}

.mtcl-product-kicker {
  display: block;
  min-height: 12px;
  margin-bottom: 7px;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .24em;
  color: color-mix(in srgb, var(--mtfx10-accent), white 22%);
}

.mtcl-product-text strong {
  display: block;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-weight: 400;
  font-size: clamp(26px, 2.7vw, 42px);
  line-height: .9;
  letter-spacing: .045em;
  color: rgba(255,255,255,.96);
}

.mtcl-product-link,
.mtcl-preview-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0 16px 16px;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--mtfx10-accent), white 16%);
  background: color-mix(in srgb, var(--mtfx10-accent), transparent 72%);
  color: rgba(255,255,255,.94);
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

.mtcl-preview {
  width: 100%;
  height: var(--mtcl-preview-h);
  margin-top: 18px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(ellipse at 50% 36%, color-mix(in srgb, var(--mtfx10-accent), transparent 70%), transparent 54%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.015));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 24px 58px rgba(0,0,0,.32);
}

.mtcl-preview-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mtcl-preview-media img {
  position: absolute;
  left: var(--mtcl-img-x, 50%);
  top: var(--mtcl-img-y, 50%);
  width: var(--mtcl-img-w, 88%);
  height: var(--mtcl-img-h, 88%);
  object-fit: contain;
  opacity: var(--mtcl-img-o, 1);
  filter: brightness(var(--mtcl-img-b, 1)) contrast(var(--mtcl-img-c, 1)) saturate(var(--mtcl-img-sa, 1));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s, 1)) rotate(var(--mtcl-img-r, 0deg));
  max-width: none;
  max-height: none;
}

.mtcl-preview-copy {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 18px;
  z-index: 3;
  padding: 22px;
  background: linear-gradient(135deg, rgba(0,0,0,.72), rgba(0,0,0,.22));
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
}

.mtcl-preview-copy span {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .34em;
  color: color-mix(in srgb, var(--mtfx10-accent), white 20%);
}

.mtcl-preview-copy strong {
  display: block;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: clamp(42px, 5.8vw, 86px);
  line-height: .86;
  letter-spacing: .045em;
  color: #fff;
}

.mtcl-preview-copy p {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: .16em;
  color: rgba(255,255,255,.72);
}

.mtcl-preview-link {
  width: fit-content;
  margin: 16px 0 0;
}

.mtcl-empty {
  width: 100%;
  padding: 18px;
  border: 1px dashed rgba(255,255,255,.18);
  color: rgba(255,255,255,.58);
  letter-spacing: .14em;
  background: transparent;
}

.mtcl-mobile-accordion {
  display: none;
  margin-top: 20px;
}

.mtcl-acc-item,
.mtcl-acc-group {
  border: 1px solid rgba(255,255,255,.12);
  margin-bottom: 10px;
  background: rgba(255,255,255,.035);
}

.mtcl-acc-head,
.mtcl-acc-subhead {
  width: 100%;
  min-height: 52px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.9);
  text-align: left;
  padding: 0 16px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
}

.mtcl-acc-subhead {
  min-height: 46px;
  color: color-mix(in srgb, var(--mtfx10-accent), white 18%);
  border-top: 1px solid rgba(255,255,255,.08);
}

.mtcl-acc-body,
.mtcl-acc-products {
  padding: 10px;
  background: transparent;
}

.mtcl-acc-products .mtcl-product-card {
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-desktop-flow {
    display: none;
  }

  .mtfx10-theme-clothing .mtcl-mobile-accordion {
    display: block;
  }

  .mtfx10-theme-clothing .mtcl-start-trigger {
    display: none;
  }

  .mtfx10-theme-clothing .mtfx10-copy {
    width: min(var(--mtfx10-copy-w, 680px), 100%);
  }

  .mtfx10-theme-clothing .mtcl-product-card {
    width: 100%;
  }
}

@media (min-width: 901px) {
  .mtfx10-theme-clothing .mtcl-desktop-flow {
    display: block;
  }
}


.mtcl-particle-soft-dust .mtfx10-particle {
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,.88), color-mix(in srgb, var(--mtfx10-accent), transparent 42%) 32%, transparent 72%);
  filter: blur(.4px);
}

.mtcl-particle-metallic-sparkles .mtfx10-particle {
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  background: linear-gradient(135deg, rgba(255,255,255,.92), color-mix(in srgb, var(--mtfx10-accent), transparent 22%), rgba(255,255,255,.32));
  box-shadow: 0 0 16px color-mix(in srgb, var(--mtfx10-accent), transparent 54%);
}

.mtcl-particle-energy-orbs .mtfx10-particle {
  width: calc(var(--ss) * 1.8);
  height: calc(var(--ss) * 1.8);
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mtfx10-accent), white 18%);
  background: radial-gradient(circle at 32% 28%, #fff, color-mix(in srgb, var(--mtfx10-accent), transparent 28%) 34%, transparent 72%);
}

.mtcl-particle-glass-shards .mtfx10-particle {
  clip-path: polygon(48% 0, 100% 32%, 70% 100%, 0 72%, 20% 20%);
  background: linear-gradient(135deg, rgba(255,255,255,.52), color-mix(in srgb, var(--mtfx10-accent), transparent 48%), transparent);
  border: 1px solid rgba(255,255,255,.16);
}

.mtcl-particle-fabric-fibers .mtfx10-particle,
.mtcl-particle-neon-streaks .mtfx10-particle {
  width: max(1px, calc(var(--ss) * .42));
  height: calc(var(--ss) * 8);
  border-radius: 999px;
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--mtfx10-accent), white 8%), transparent);
}

.mtcl-particle-neon-streaks .mtfx10-particle {
  box-shadow: 0 0 18px color-mix(in srgb, var(--mtfx10-accent), transparent 42%);
}

/* MT Clothing — requested menu correction v2 */
.mtfx10-theme-clothing .mtcl-start-visually-hidden {
  display: none;
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-subnav {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mtcl-gap);
  align-items: stretch;
}

.mtfx10-theme-clothing .mtcl-choice {
  min-width: 0;
  width: 100%;
  min-height: 58px;
  color: #141214;
  border-color: rgba(244,203,204,.64);
  background:
    linear-gradient(135deg, #f4cbcc 0%, #ffe6e8 54%, #fff4f5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(120,48,64,.18),
    0 18px 44px rgba(0,0,0,.24),
    0 0 34px rgba(244,203,204,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.38);
}

.mtfx10-theme-clothing .mtcl-choice:hover,
.mtfx10-theme-clothing .mtcl-choice.is-active,
.mtfx10-theme-clothing .mtcl-choice.is-expanded {
  border-color: rgba(255,238,240,.86);
  background:
    linear-gradient(135deg, #f4cbcc 0%, #ffe1e4 42%, #fff7f8 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(120,48,64,.16),
    0 20px 48px rgba(0,0,0,.28),
    0 0 42px rgba(244,203,204,.34);
}

.mtfx10-theme-clothing .mtcl-choice.is-shattering {
  animation: mtcl-choice-shatter .42s cubic-bezier(.2,.82,.2,1) forwards;
}

.mtfx10-theme-clothing .mtcl-choice.is-shattering::before {
  content: "";
  position: absolute;
  inset: -1px;
  opacity: 1;
  pointer-events: none;
  background:
    linear-gradient(35deg, transparent 0 12%, rgba(255,255,255,.96) 13% 14%, transparent 15% 31%, rgba(255,255,255,.68) 32% 33%, transparent 34% 49%, rgba(244,203,204,.92) 50% 51%, transparent 52% 100%);
  mix-blend-mode: screen;
  animation: mtcl-choice-shards .42s cubic-bezier(.2,.82,.2,1) forwards;
}

@keyframes mtcl-choice-shatter {
  0% { transform: scale(1); filter: brightness(1); opacity: 1; }
  42% { transform: scale(1.035); filter: brightness(1.42); opacity: .92; }
  100% { transform: scale(.86); filter: blur(5px) brightness(1.2); opacity: 0; }
}

@keyframes mtcl-choice-shards {
  0% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transform: translate3d(0,0,0) scale(1); }
  100% { clip-path: polygon(7% 12%,19% 0,24% 43%,39% 5%,44% 56%,62% 0,70% 43%,93% 10%,86% 88%,66% 58%,49% 100%,35% 64%,12% 96%,23% 56%); transform: translate3d(0,-16px,0) scale(1.18); }
}

.mtfx10-theme-clothing .mtcl-panel {
  margin-top: 18px;
}

.mtfx10-theme-clothing .mtcl-panel-label {
  display: none;
}

.mtfx10-theme-clothing .mtcl-subnav {
  position: relative;
  min-height: 62px;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded {
  display: block;
  min-height: 72px;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2 {
  position: absolute;
  top: 0;
  width: clamp(62px, 14%, 92px);
  min-width: 0;
  height: 62px;
  opacity: .2;
  color: transparent;
  text-shadow: none;
  filter: brightness(.62) saturate(.72);
  transform: translateX(-50%) scale(.74);
  transition:
    left .34s cubic-bezier(.2,.82,.2,1),
    right .34s cubic-bezier(.2,.82,.2,1),
    width .38s cubic-bezier(.2,.82,.2,1),
    opacity .24s ease,
    filter .24s ease,
    transform .34s cubic-bezier(.2,.82,.2,1),
    color .16s ease;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(1) {
  left: 6%;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(2) {
  left: 50%;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(3) {
  left: 94%;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded {
  left: 50%;
  width: min(100%, 720px);
  opacity: 1;
  color: #141214;
  filter: brightness(1.08) saturate(1.02);
  transform: translateX(-50%) scale(1.02);
  z-index: 4;
}

.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 62px;
}

.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset .mtcl-choice-l2 {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  opacity: 1;
  color: #141214;
  filter: none;
  transform: scale(1);
}

.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset .mtcl-choice-l2.is-expanded {
  left: auto;
  width: 100%;
  transform: scale(1);
}

@media (max-width: 767px) {
  .mtfx10-theme-clothing .mtcl-level-1,
  .mtfx10-theme-clothing .mtcl-subnav {
    display: none;
  }
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:not(.is-expanded) {
  z-index: 5;
}

/* === MT Clothing hard menu correction v11.2.6 ===
   Alleen Clothing. Bestaande secties blijven ongemoeid. */
.mtfx10-theme-clothing .mtcl-shell.mtcl-main-hidden > .mtcl-start-trigger,
.mtfx10-theme-clothing .mtcl-start-visually-hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.mtfx10-theme-clothing .mtcl-desktop-flow {
  display: block;
}

.mtfx10-theme-clothing .mtcl-mobile-accordion {
  display: none;
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-subnav {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mtcl-gap);
  align-items: stretch;
}

.mtfx10-theme-clothing .mtcl-choice {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  min-height: 58px;
  padding: 0 22px;
  border: 1px solid rgba(244,203,204,.64);
  border-radius: 0;
  cursor: pointer;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .22em;
  line-height: 1;
  text-transform: uppercase;
  color: #141214;
  background: linear-gradient(135deg, #f4cbcc 0%, #ffe6e8 54%, #fff4f5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(120,48,64,.18),
    0 18px 44px rgba(0,0,0,.24),
    0 0 34px rgba(244,203,204,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.38);
  transition:
    transform .25s ease,
    opacity .25s ease,
    filter .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    border-color .25s ease;
}

.mtfx10-theme-clothing .mtcl-choice:hover,
.mtfx10-theme-clothing .mtcl-choice.is-active,
.mtfx10-theme-clothing .mtcl-choice.is-expanded {
  border-color: rgba(255,238,240,.86);
  background: linear-gradient(135deg, #f4cbcc 0%, #ffe1e4 42%, #fff7f8 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(120,48,64,.16),
    0 20px 48px rgba(0,0,0,.28),
    0 0 42px rgba(244,203,204,.34);
}

.mtfx10-theme-clothing .mtcl-choice.is-shattering {
  animation: mtcl-choice-shatter .42s cubic-bezier(.2,.82,.2,1) forwards;
}

.mtfx10-theme-clothing .mtcl-panel[hidden],
.mtfx10-theme-clothing .mtcl-level[hidden],
.mtfx10-theme-clothing .mtcl-products-stage[hidden],
.mtfx10-theme-clothing .mtcl-product-row[hidden],
.mtfx10-theme-clothing .mtcl-preview[hidden],
.mtfx10-theme-clothing .mtcl-acc-body[hidden],
.mtfx10-theme-clothing .mtcl-acc-products[hidden] {
  display: none;
}

@media (min-width: 901px) {
  .mtfx10-theme-clothing .mtcl-desktop-flow {
    display: block;
  }

  .mtfx10-theme-clothing .mtcl-mobile-accordion {
    display: none;
  }
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-desktop-flow {
    display: none;
  }

  .mtfx10-theme-clothing .mtcl-mobile-accordion {
    display: block;
  }
}

/* === MT Clothing click registration hardfix v11.2.7 ===
   Alleen Clothing. Zorgt dat de knoppen boven alle clothing-layers klikbaar blijven. */
.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-panel,
.mtfx10-theme-clothing .mtcl-subnav,
.mtfx10-theme-clothing .mtcl-products-stage,
.mtfx10-theme-clothing .mtcl-preview {
  position: relative;
  z-index: 40;
  pointer-events: auto;
}

.mtfx10-theme-clothing .mtcl-choice,
.mtfx10-theme-clothing .mtcl-product-card,
.mtfx10-theme-clothing .mtcl-acc-head,
.mtfx10-theme-clothing .mtcl-acc-subhead {
  position: relative;
  z-index: 45;
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
}

.mtfx10-theme-clothing .mtcl-choice.is-shattering {
  pointer-events: none;
}


/* === MT Clothing layout + fade update v11.2.8 ===
   Alleen MT Clothing. Maakt knoppen compacter, voegt top-fade toe en maakt selectie/fade rustiger. */
.mtfx10-theme-clothing {
  --mtcl-menu-w: 560px;
  --mtcl-button-h: 42px;
  --mtcl-button-font-size: 11px;
  --mtcl-top-fade-h: 86px;
  --mtcl-top-fade-o: .78;
}

.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--mtcl-top-fade-h);
  z-index: 2;
  pointer-events: none;
  opacity: var(--mtcl-top-fade-o);
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.60) 10%,
      rgba(244,203,204,.16) 48%,
      rgba(8,8,8,0) 100%
    );
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtfx10-particles {
  z-index: 3;
}

.mtfx10-theme-clothing .mtfx10-content,
.mtfx10-theme-clothing .mtfx10-copy,
.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-panel,
.mtfx10-theme-clothing .mtcl-subnav {
  position: relative;
}

.mtfx10-theme-clothing .mtcl-shell {
  margin-top: 14px;
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-subnav {
  max-width: min(var(--mtcl-menu-w), 100%);
  gap: 8px;
}

.mtfx10-theme-clothing .mtcl-panel {
  margin-top: 10px;
}

.mtfx10-theme-clothing .mtcl-choice {
  min-height: var(--mtcl-button-h);
  padding: 0 14px;
  font-size: var(--mtcl-button-font-size);
  letter-spacing: .18em;
}

.mtfx10-theme-clothing .mtcl-choice.is-shattering {
  animation: mtcl-soft-select-out .78s cubic-bezier(.16,.82,.18,1) forwards;
}

.mtfx10-theme-clothing .mtcl-level-1.is-exiting .mtcl-choice {
  transition:
    opacity .62s ease,
    transform .72s cubic-bezier(.16,.82,.18,1),
    filter .62s ease,
    box-shadow .62s ease;
}

.mtfx10-theme-clothing .mtcl-level-1.is-exiting .mtcl-choice:not(.is-active) {
  opacity: .12;
  filter: brightness(.42) saturate(.55) blur(.35px);
  transform: translate3d(0, 8px, 0) scale(.88);
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-level-1.is-exiting .mtcl-choice.is-active {
  opacity: 1;
  filter: brightness(1.16) saturate(1.05);
  transform: translate3d(0, -2px, 0) scale(1.025);
}

@keyframes mtcl-soft-select-out {
  0% {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    filter: brightness(1);
  }
  38% {
    opacity: 1;
    transform: translate3d(0,-2px,0) scale(1.035);
    filter: brightness(1.24);
  }
  100% {
    opacity: 0;
    transform: translate3d(0,-14px,0) scale(.92);
    filter: brightness(1.04) blur(2px);
  }
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded {
  min-height: 58px;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2 {
  width: clamp(46px, 11%, 70px);
  height: var(--mtcl-button-h);
  opacity: .14;
  filter: brightness(.48) saturate(.55) blur(.15px);
  transform: translateX(-50%) scale(.68);
  transition:
    left .68s cubic-bezier(.16,.82,.18,1),
    width .72s cubic-bezier(.16,.82,.18,1),
    opacity .58s ease,
    filter .58s ease,
    transform .72s cubic-bezier(.16,.82,.18,1),
    color .24s ease;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded {
  width: min(100%, var(--mtcl-menu-w));
  height: calc(var(--mtcl-button-h) + 8px);
  opacity: 1;
  transform: translateX(-50%) scale(1.02);
}

.mtfx10-theme-clothing .mtcl-subnav.is-selecting .mtcl-choice-l2:not(.is-expanded) {
  opacity: .08;
  transform: translateX(-50%) scale(.58);
}

.mtfx10-theme-clothing .mtcl-products-stage {
  margin-top: 20px;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  animation: mtcl-products-soft-in .58s ease both;
}

.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  animation: mtcl-preview-soft-in .62s ease both;
}

@keyframes mtcl-products-soft-in {
  from { opacity: 0; transform: translate3d(0, 12px, 0); filter: blur(3px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes mtcl-preview-soft-in {
  from { opacity: 0; transform: translate3d(0, 16px, 0) scale(.985); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
    height: min(var(--mtcl-top-fade-h), 72px);
  }
}


/* === MT Clothing button animation profile v11.2.9 ===
   Alleen MT Clothing.
   Laag 1: Lens Flare Slide.
   Laag 2: Magnetic Expand.
   Laatste laag/product: Aurora Fill. */
.mtfx10-theme-clothing {
  --mtcl-lens-pink: #f4cbcc;
  --mtcl-lens-light: #fff1f2;
  --mtcl-lens-hot: rgba(255,255,255,.96);
  --mtcl-aurora-a: rgba(244,203,204,.94);
  --mtcl-aurora-b: rgba(255,232,235,.86);
  --mtcl-aurora-c: rgba(184,139,161,.78);
}

.mtfx10-theme-clothing .mtcl-choice {
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(135deg, rgba(244,203,204,.94) 0%, rgba(255,238,240,.96) 48%, rgba(244,203,204,.84) 100%);
  color: rgba(36,31,36,.86);
  border-color: rgba(255,241,243,.84);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -14px 28px rgba(72,42,58,.16),
    0 0 0 1px rgba(244,203,204,.22),
    0 10px 28px rgba(0,0,0,.18);
}

.mtfx10-theme-clothing .mtcl-choice::before,
.mtfx10-theme-clothing .mtcl-product-card::before,
.mtfx10-theme-clothing .mtcl-product-link::before,
.mtfx10-theme-clothing .mtcl-preview-link::before {
  content: "";
  position: absolute;
  inset: -45%;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
}

/* Laag 1 — Lens Flare Slide */
.mtfx10-theme-clothing .mtcl-choice-l1::before {
  z-index: 0;
  background:
    linear-gradient(104deg, transparent 0%, transparent 34%, rgba(255,255,255,.26) 42%, rgba(255,255,255,.98) 50%, rgba(255,226,230,.44) 58%, transparent 68%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.86) 0 0, rgba(255,255,255,.38) 10%, transparent 34%);
  transform: translate3d(-78%,0,0) skewX(-18deg) scaleX(.65);
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtcl-choice-l1::after {
  z-index: 1;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,255,255,.9) 0 0, rgba(255,255,255,.32) 10%, transparent 26%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  transform: translate3d(-115%,0,0);
  opacity: 0;
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtcl-choice-l1:hover::before,
.mtfx10-theme-clothing .mtcl-choice-l1:focus-visible::before {
  opacity: .58;
  animation: mtcl-lens-flare-slide 1.15s cubic-bezier(.16,.82,.18,1) both;
}

.mtfx10-theme-clothing .mtcl-choice-l1.is-shattering {
  animation: mtcl-lens-flare-select .92s cubic-bezier(.16,.82,.18,1) forwards;
}

.mtfx10-theme-clothing .mtcl-choice-l1.is-shattering::before {
  opacity: 1;
  animation: mtcl-lens-flare-slide .92s cubic-bezier(.12,.88,.16,1) forwards;
}

.mtfx10-theme-clothing .mtcl-choice-l1.is-shattering::after {
  opacity: 1;
  animation: mtcl-lens-line-slide .92s cubic-bezier(.12,.88,.16,1) forwards;
}

.mtfx10-theme-clothing .mtcl-level-1.is-exiting .mtcl-choice-l1:not(.is-active) {
  opacity: .10;
  filter: brightness(.48) saturate(.52) blur(.35px);
  transform: translate3d(0, 10px, 0) scale(.82);
}

.mtfx10-theme-clothing .mtcl-level-1.is-exiting .mtcl-choice-l1.is-active {
  opacity: 1;
  transform: translate3d(0, -3px, 0) scale(1.045);
  filter: brightness(1.24) saturate(1.05);
}

@keyframes mtcl-lens-flare-slide {
  0% { transform: translate3d(-88%,0,0) skewX(-18deg) scaleX(.58); opacity: 0; }
  16% { opacity: .85; }
  54% { opacity: 1; }
  100% { transform: translate3d(92%,0,0) skewX(-18deg) scaleX(.82); opacity: 0; }
}

@keyframes mtcl-lens-line-slide {
  0% { transform: translate3d(-118%,0,0); opacity: 0; }
  18% { opacity: .72; }
  100% { transform: translate3d(118%,0,0); opacity: 0; }
}

@keyframes mtcl-lens-flare-select {
  0% { transform: translate3d(0,0,0) scale(1); opacity: 1; filter: brightness(1); }
  35% { transform: translate3d(0,-2px,0) scale(1.045); opacity: 1; filter: brightness(1.28) saturate(1.08); }
  72% { transform: translate3d(0,-3px,0) scale(1.018); opacity: .72; filter: brightness(1.18) blur(.25px); }
  100% { transform: translate3d(0,-10px,0) scale(.94); opacity: 0; filter: brightness(1.05) blur(2.4px); }
}

/* Laag 2 — Magnetic Expand */
.mtfx10-theme-clothing .mtcl-subnav {
  perspective: 900px;
}

.mtfx10-theme-clothing .mtcl-choice-l2 {
  transform-origin: center center;
  will-change: left, width, transform, opacity, filter;
}

.mtfx10-theme-clothing .mtcl-choice-l2::before {
  z-index: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.58), transparent 28%),
    radial-gradient(circle at 24% 50%, rgba(244,203,204,.42), transparent 36%),
    radial-gradient(circle at 76% 50%, rgba(255,235,238,.36), transparent 34%);
  transform: scale(.62);
  filter: blur(10px);
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtcl-choice-l2:hover,
.mtfx10-theme-clothing .mtcl-choice-l2:focus-visible {
  transform: translate3d(0,-2px,0) scale(1.035);
  filter: brightness(1.17) saturate(1.04);
}

.mtfx10-theme-clothing .mtcl-choice-l2:hover::before,
.mtfx10-theme-clothing .mtcl-choice-l2:focus-visible::before {
  opacity: .7;
  animation: mtcl-magnetic-pulse 1.4s ease-in-out infinite;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:not(.is-expanded) {
  opacity: .10;
  color: transparent;
  text-shadow: none;
  filter: brightness(.42) saturate(.5) blur(.2px);
  transform: translateX(-50%) scale(.56) rotateX(0deg);
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded {
  animation: mtcl-magnetic-expand-selected .9s cubic-bezier(.12,.9,.16,1) both;
  background:
    linear-gradient(135deg, rgba(244,203,204,.98) 0%, rgba(255,245,247,.98) 48%, rgba(246,211,214,.9) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 0 28px rgba(244,203,204,.26),
    0 18px 44px rgba(0,0,0,.24);
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded::before {
  opacity: .82;
  animation: mtcl-magnetic-core 1.15s cubic-bezier(.16,.82,.18,1) both;
}

.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset .mtcl-choice-l2 {
  color: rgba(36,31,36,.86);
  opacity: 1;
  filter: brightness(1) saturate(1);
}

@keyframes mtcl-magnetic-expand-selected {
  0% { transform: translateX(-50%) scale(.82); filter: brightness(.94); }
  34% { transform: translateX(-50%) scale(1.06); filter: brightness(1.24) saturate(1.08); }
  64% { transform: translateX(-50%) scale(.985); filter: brightness(1.08); }
  100% { transform: translateX(-50%) scale(1.02); filter: brightness(1.14) saturate(1.04); }
}

@keyframes mtcl-magnetic-core {
  0% { transform: scale(.45); opacity: 0; filter: blur(18px); }
  38% { transform: scale(1.08); opacity: .9; filter: blur(8px); }
  100% { transform: scale(.94); opacity: .56; filter: blur(12px); }
}

@keyframes mtcl-magnetic-pulse {
  0%, 100% { transform: scale(.70); opacity: .28; }
  50% { transform: scale(1.02); opacity: .72; }
}

/* Laatste laag — Aurora Fill op producten en productknoppen */
.mtfx10-theme-clothing .mtcl-product-card,
.mtfx10-theme-clothing .mtcl-product-link,
.mtfx10-theme-clothing .mtcl-preview-link {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.mtfx10-theme-clothing .mtcl-product-card::before,
.mtfx10-theme-clothing .mtcl-product-link::before,
.mtfx10-theme-clothing .mtcl-preview-link::before {
  z-index: -1;
  background:
    radial-gradient(circle at 18% 18%, var(--mtcl-aurora-a), transparent 30%),
    radial-gradient(circle at 80% 30%, var(--mtcl-aurora-b), transparent 34%),
    radial-gradient(circle at 42% 92%, var(--mtcl-aurora-c), transparent 38%),
    linear-gradient(115deg, rgba(244,203,204,.12), rgba(255,245,247,.28), rgba(244,203,204,.10));
  transform: translate3d(-18%,22%,0) rotate(-8deg) scale(.86);
  filter: blur(18px) saturate(1.18);
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtcl-product-card:hover::before,
.mtfx10-theme-clothing .mtcl-product-card:focus-within::before,
.mtfx10-theme-clothing .mtcl-product-link:hover::before,
.mtfx10-theme-clothing .mtcl-product-link:focus-visible::before,
.mtfx10-theme-clothing .mtcl-preview-link:hover::before,
.mtfx10-theme-clothing .mtcl-preview-link:focus-visible::before {
  opacity: .9;
  animation: mtcl-aurora-fill 2.25s cubic-bezier(.16,.82,.18,1) infinite alternate;
}

.mtfx10-theme-clothing .mtcl-product-card:hover,
.mtfx10-theme-clothing .mtcl-product-card:focus-within {
  border-color: rgba(244,203,204,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(244,203,204,.20),
    0 20px 52px rgba(0,0,0,.32),
    0 0 34px rgba(244,203,204,.18);
}

.mtfx10-theme-clothing .mtcl-product-link:hover,
.mtfx10-theme-clothing .mtcl-product-link:focus-visible,
.mtfx10-theme-clothing .mtcl-preview-link:hover,
.mtfx10-theme-clothing .mtcl-preview-link:focus-visible {
  color: rgba(30,24,31,.92);
  background: linear-gradient(135deg, rgba(244,203,204,.95), rgba(255,245,247,.96));
  transform: translateY(-1px);
}

@keyframes mtcl-aurora-fill {
  0% { transform: translate3d(-20%,24%,0) rotate(-8deg) scale(.86); filter: blur(20px) saturate(1.08); }
  45% { transform: translate3d(5%,-6%,0) rotate(4deg) scale(1.04); filter: blur(16px) saturate(1.24); }
  100% { transform: translate3d(20%,-18%,0) rotate(9deg) scale(1.18); filter: blur(18px) saturate(1.34); }
}


/* MT Clothing aurora layering correction v11.2.9 */
.mtfx10-theme-clothing .mtcl-product-card::before,
.mtfx10-theme-clothing .mtcl-product-link::before,
.mtfx10-theme-clothing .mtcl-preview-link::before {
  z-index: 0;
}

.mtfx10-theme-clothing .mtcl-product-card > *,
.mtfx10-theme-clothing .mtcl-product-link,
.mtfx10-theme-clothing .mtcl-preview-link {
  position: relative;
  z-index: 2;
}

.mtfx10-theme-clothing .mtcl-product-link::before,
.mtfx10-theme-clothing .mtcl-preview-link::before {
  border-radius: inherit;
}


/* === MT Clothing mega-menu refinement v11.3.0 ===
   Alleen MT Clothing: geen hover-reset blokjes, geen herplaatsende expand, gekozen items blijven op hun plek. */
.mtfx10-theme-clothing .mtcl-desktop-flow {
  max-width: min(var(--mtcl-menu-w), 100%);
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-subnav {
  width: 100%;
  max-width: min(var(--mtcl-menu-w), 100%);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

.mtfx10-theme-clothing .mtcl-panel {
  max-width: min(var(--mtcl-menu-w), 100%);
  margin-top: 9px;
}

.mtfx10-theme-clothing .mtcl-level-1.has-selected .mtcl-choice-l1,
.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2 {
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    transform .78s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1),
    box-shadow .72s cubic-bezier(.22, 1, .36, 1),
    background .72s cubic-bezier(.22, 1, .36, 1),
    border-color .72s cubic-bezier(.22, 1, .36, 1),
    color .72s cubic-bezier(.22, 1, .36, 1);
}

.mtfx10-theme-clothing .mtcl-level-1.has-selected .mtcl-choice-l1:not(.is-active) {
  opacity: .34;
  filter: brightness(.58) saturate(.7);
  transform: translate3d(0, 4px, 0) scale(.965);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 22px rgba(72,42,58,.12),
    0 8px 22px rgba(0,0,0,.12);
}

.mtfx10-theme-clothing .mtcl-level-1.has-selected .mtcl-choice-l1.is-active {
  opacity: 1;
  transform: translate3d(0, -1px, 0) scale(1.01);
  filter: brightness(1.08) saturate(1.04);
}

.mtfx10-theme-clothing .mtcl-panel.is-revealing:not([hidden]) {
  animation: mtcl-apple-panel-in .66s cubic-bezier(.22, 1, .36, 1) both;
}

.mtfx10-theme-clothing .mtcl-subnav,
.mtfx10-theme-clothing .mtcl-subnav.has-expanded,
.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2,
.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset .mtcl-choice-l2,
.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(1),
.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(2),
.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:nth-child(3) {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  width: 100%;
  height: var(--mtcl-button-h);
  min-width: 0;
  color: rgba(36,31,36,.62);
  text-shadow: 0 1px 0 rgba(255,255,255,.28);
  opacity: .34;
  filter: brightness(.56) saturate(.66);
  transform: translate3d(0, 4px, 0) scale(.965);
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:not(.is-expanded) {
  opacity: .34;
  color: rgba(36,31,36,.62);
  text-shadow: 0 1px 0 rgba(255,255,255,.22);
  filter: brightness(.56) saturate(.66);
  transform: translate3d(0, 4px, 0) scale(.965);
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded,
.mtfx10-theme-clothing .mtcl-subnav.is-hover-reset .mtcl-choice-l2.is-expanded {
  position: relative;
  left: auto;
  width: 100%;
  height: var(--mtcl-button-h);
  opacity: 1;
  color: rgba(36,31,36,.92);
  filter: brightness(1.1) saturate(1.04);
  transform: translate3d(0, -1px, 0) scale(1.01);
  animation: mtcl-apple-choice-settle .76s cubic-bezier(.22, 1, .36, 1) both;
  z-index: 4;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2::before,
.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2::after {
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:not(.is-expanded):hover,
.mtfx10-theme-clothing .mtcl-level-1.has-selected .mtcl-choice-l1:not(.is-active):hover {
  opacity: .72;
  color: rgba(36,31,36,.82);
  filter: brightness(.88) saturate(.9);
  transform: translate3d(0, -1px, 0) scale(.992);
}

.mtfx10-theme-clothing .mtcl-products-stage {
  max-width: min(var(--mtcl-menu-w), 100%);
  margin-top: 14px;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  animation: mtcl-apple-products-in .72s cubic-bezier(.22, 1, .36, 1) both;
}

.mtfx10-theme-clothing .mtcl-product-card {
  width: 100%;
}

.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  max-width: min(var(--mtcl-menu-w), 100%);
  animation: mtcl-apple-preview-in .78s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes mtcl-apple-panel-in {
  0% { opacity: 0; transform: translate3d(0, 10px, 0) scale(.992); filter: blur(5px); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes mtcl-apple-choice-settle {
  0% { transform: translate3d(0, 6px, 0) scale(.985); filter: brightness(.94) blur(2px); }
  48% { transform: translate3d(0, -2px, 0) scale(1.018); filter: brightness(1.14) blur(0); }
  100% { transform: translate3d(0, -1px, 0) scale(1.01); filter: brightness(1.1) blur(0); }
}

@keyframes mtcl-apple-products-in {
  0% { opacity: 0; transform: translate3d(0, 14px, 0) scale(.99); filter: blur(6px); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes mtcl-apple-preview-in {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.988); filter: blur(8px); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
    display: flex;
    flex-direction: column;
  }
}

/* === MT Clothing subtle top transition v11.3.2 ===
   Alleen MT Clothing. Verwijdert de harde grijze band en maakt de overgang wit -> container subtieler.
   Menu, animaties en particles blijven erboven/erdoorheen zichtbaar. */
.mtfx10-theme-clothing {
  --mtcl-top-fade-min-h: 132px;
  --mtcl-top-fade-soft-h: max(var(--mtcl-top-fade-h), var(--mtcl-top-fade-min-h));
}

.mtfx10-theme-clothing .mtfx10-bleed-top {
  top: calc(var(--mtcl-top-fade-soft-h) * -1);
  height: var(--mtcl-top-fade-soft-h);
  z-index: 1;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.22) 42%,
      rgba(244,203,204,.10) 72%,
      rgba(8,8,9,.00) 100%
    );
}

.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  top: 0;
  height: var(--mtcl-top-fade-soft-h);
  z-index: 2;
  opacity: min(var(--mtcl-top-fade-o), .52);
  mix-blend-mode: normal;
  background:
    radial-gradient(ellipse at 28% 0%, rgba(255,255,255,.34) 0%, rgba(255,255,255,.14) 34%, rgba(255,255,255,0) 72%),
    radial-gradient(ellipse at 76% 16%, rgba(244,203,204,.16) 0%, rgba(244,203,204,.07) 42%, rgba(244,203,204,0) 76%),
    linear-gradient(
      to bottom,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.70) 18%,
      rgba(255,255,255,.38) 36%,
      rgba(248,224,228,.18) 56%,
      rgba(244,203,204,.08) 74%,
      rgba(255,255,255,0) 100%
    );
}

.mtfx10-theme-clothing.mtcl-top-fade-enabled::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--mtcl-top-fade-soft-h) - 52px);
  height: 86px;
  z-index: 2;
  pointer-events: none;
  opacity: .20;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.16) 44%,
      rgba(244,203,204,.08) 62%,
      rgba(255,255,255,0) 100%
    );
  filter: blur(24px);
  mix-blend-mode: screen;
}

.mtfx10-theme-clothing .mtfx10-particles {
  z-index: 3;
}

.mtfx10-theme-clothing .mtfx10-content,
.mtfx10-theme-clothing .mtfx10-copy,
.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-theme-clothing .mtcl-mobile-accordion {
  z-index: 10;
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing {
    --mtcl-top-fade-min-h: 104px;
  }
}

/* === MT Clothing native centered menu flow v11.3.3 ===
   Alleen MT Clothing. Vervangt de losse Elementor CSS-fix:
   - menu/productlagen blijven gecentreerd binnen de bestaande knoppenrij-breedte control
   - hidden states blijven echt verborgen
   - bestaande Elementor controls blijven de breedte/hoogte/tekstgrootte bepalen */
.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-theme-clothing .mtcl-level-1:not([hidden]),
.mtfx10-theme-clothing .mtcl-panel:not([hidden]),
.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]),
.mtfx10-theme-clothing .mtcl-product-row:not([hidden]),
.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-shell {
  width: 100%;
}

.mtfx10-theme-clothing .mtcl-desktop-flow {
  width: 100%;
  max-width: min(var(--mtcl-menu-w), 100%);
}

.mtfx10-theme-clothing .mtcl-level-1:not([hidden]),
.mtfx10-theme-clothing .mtcl-panel:not([hidden]),
.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]),
.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  width: 100%;
  max-width: min(var(--mtcl-menu-w), 100%);
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: 100%;
}

.mtfx10-theme-clothing .mtcl-level-1:not([hidden]),
.mtfx10-theme-clothing .mtcl-subnav {
  justify-content: center;
}

.mtfx10-theme-clothing .mtcl-panel:not([hidden]) {
  text-align: center;
}

.mtfx10-theme-clothing .mtcl-level[hidden],
.mtfx10-theme-clothing .mtcl-panel[hidden],
.mtfx10-theme-clothing .mtcl-products-stage[hidden],
.mtfx10-theme-clothing .mtcl-product-row[hidden],
.mtfx10-theme-clothing .mtcl-preview[hidden],
.mtfx10-theme-clothing .mtcl-acc-body[hidden],
.mtfx10-theme-clothing .mtcl-acc-products[hidden] {
  display: none;
}



/* === MT Clothing dynamic subtitle + aligned mega-submenu + video visibility v11.3.4 ===
   Alleen MT Clothing:
   - subtitel wisselt via eigen data-controls, zonder typografie/menuplaatsing te overschrijven
   - Youth/Caps subknoppen komen onder de gekozen hoofdknop
   - MP4 achtergrond ligt zichtbaar boven de scene-gradient en onder menu/particles */
.mtfx10-theme-clothing .mtfx10-subtitle {
  transition:
    opacity .22s ease,
    transform .28s cubic-bezier(.22, 1, .36, 1),
    filter .22s ease;
  will-change: opacity, transform, filter;
}

.mtfx10-theme-clothing .mtfx10-subtitle.is-mtcl-switching {
  opacity: 0;
  transform: translate3d(0, 4px, 0);
  filter: blur(3px);
}

.mtfx10-theme-clothing .mtcl-panel-pos-1 .mtcl-subnav .mtcl-choice-l2:nth-child(1) { grid-column: 1; }
.mtfx10-theme-clothing .mtcl-panel-pos-1 .mtcl-subnav .mtcl-choice-l2:nth-child(2) { grid-column: 2; }
.mtfx10-theme-clothing .mtcl-panel-pos-1 .mtcl-subnav .mtcl-choice-l2:nth-child(3) { grid-column: 3; }

.mtfx10-theme-clothing .mtcl-panel-pos-2 .mtcl-subnav .mtcl-choice-l2:first-child {
  grid-column: 2;
}

.mtfx10-theme-clothing .mtcl-panel-pos-3 .mtcl-subnav .mtcl-choice-l2:first-child {
  grid-column: 3;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-scene {
  z-index: 0;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-video-layer {
  z-index: 1;
  display: block;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-vignette,
.mtfx10-theme-clothing.mtcl-top-fade-enabled::before,
.mtfx10-theme-clothing.mtcl-top-fade-enabled::after {
  z-index: 2;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-particles,
.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-bg-animation {
  z-index: 3;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-stage {
  z-index: 6;
}

.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-content {
  z-index: 10;
}


/* === MT Clothing product container sizing + image-layer fix v11.3.5 ===
   Alleen MT Clothing.
   - productcontainer breedte/hoogte/gap/preview controls werken native zonder losse CSS
   - productafbeelding blijft binnen de eigen productcontainer/masker
   - huidige tekst/menuplaatsing blijft intact */
.mtfx10-theme-clothing {
  --mtcl-products-w: min(100%, max(var(--mtcl-menu-w), calc((var(--mtcl-card-w) * 3) + (var(--mtcl-gap) * 2))));
}

.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]),
.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  width: var(--mtcl-products-w);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, var(--mtcl-card-w)));
  justify-content: center;
  align-items: stretch;
  gap: var(--mtcl-gap);
}

.mtfx10-theme-clothing .mtcl-product-card {
  width: var(--mtcl-card-w);
  max-width: 100%;
  height: var(--mtcl-card-h);
  min-height: var(--mtcl-card-h);
  overflow: hidden;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media::before {
  z-index: 0;
}

.mtfx10-theme-clothing .mtcl-product-media img {
  display: block;
  position: absolute;
  left: var(--mtcl-img-x);
  top: var(--mtcl-img-y);
  width: var(--mtcl-img-w);
  height: var(--mtcl-img-h);
  max-width: none;
  max-height: none;
  object-fit: contain;
  opacity: var(--mtcl-img-o);
  filter: brightness(var(--mtcl-img-b)) contrast(var(--mtcl-img-c)) saturate(var(--mtcl-img-sa));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s)) rotate(var(--mtcl-img-r));
  transform-origin: center center;
  z-index: max(1, var(--mtcl-img-z));
}

.mtfx10-theme-clothing .mtcl-product-text {
  z-index: 3;
}

.mtfx10-theme-clothing .mtcl-product-link {
  z-index: 4;
}

.mtfx10-theme-clothing .mtcl-preview {
  height: var(--mtcl-preview-h);
  max-width: var(--mtcl-products-w);
  overflow: hidden;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-preview-media {
  z-index: 1;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-preview-copy {
  z-index: 3;
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
    grid-template-columns: 1fr;
  }

  .mtfx10-theme-clothing .mtcl-product-card {
    width: 100%;
  }
}


/* === MT Clothing product controls + image-only lower preview fix v11.3.6 ===
   Alleen MT Clothing.
   - productbreedte/hoogte/gap werken los van de menu-breedte
   - menu blijft gecentreerd op de huidige positie
   - productafbeeldingen blijven gemaskeerd binnen hun eigen productcontainer
   - onderste preview gebruikt een eigen 2e afbeelding per product en heeft geen zichtbare box/rand meer */
.mtfx10-theme-clothing {
  --mtcl-products-w: min(
    calc(100vw - 32px),
    max(var(--mtcl-menu-w), calc((var(--mtcl-card-w) * 3) + (var(--mtcl-gap) * 2)))
  );
}

.mtfx10-theme-clothing .mtfx10-copy {
  overflow: visible;
}

.mtfx10-theme-clothing .mtcl-desktop-flow {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.mtfx10-theme-clothing .mtcl-level-1:not([hidden]),
.mtfx10-theme-clothing .mtcl-panel:not([hidden]) {
  width: min(var(--mtcl-menu-w), 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
  width: var(--mtcl-products-w);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: 100%;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--mtcl-gap);
}

.mtfx10-theme-clothing .mtcl-product-card {
  flex: 0 0 var(--mtcl-card-w);
  width: var(--mtcl-card-w);
  max-width: calc(100vw - 32px);
  height: var(--mtcl-card-h);
  min-height: var(--mtcl-card-h);
  position: relative;
  overflow: hidden;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media img {
  position: absolute;
  left: var(--mtcl-img-x);
  top: var(--mtcl-img-y);
  width: var(--mtcl-img-w);
  height: var(--mtcl-img-h);
  max-width: none;
  max-height: none;
  object-fit: contain;
  opacity: var(--mtcl-img-o);
  filter: brightness(var(--mtcl-img-b)) contrast(var(--mtcl-img-c)) saturate(var(--mtcl-img-sa));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s)) rotate(var(--mtcl-img-r));
  transform-origin: center center;
  z-index: var(--mtcl-img-z);
}

.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  width: var(--mtcl-products-w);
  max-width: none;
  height: var(--mtcl-preview-h);
  margin-left: auto;
  margin-right: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  overflow: visible;
  contain: none;
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-preview-media {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  contain: none;
}

.mtfx10-theme-clothing .mtcl-preview-media img {
  position: absolute;
  left: var(--mtcl-img-x, 50%);
  top: var(--mtcl-img-y, 50%);
  width: var(--mtcl-img-w, 92%);
  height: var(--mtcl-img-h, 92%);
  max-width: none;
  max-height: none;
  object-fit: contain;
  opacity: var(--mtcl-img-o, 1);
  filter: brightness(var(--mtcl-img-b, 1)) contrast(var(--mtcl-img-c, 1)) saturate(var(--mtcl-img-sa, 1));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s, 1)) rotate(var(--mtcl-img-r, 0deg));
  transform-origin: center center;
  z-index: var(--mtcl-img-z, 1);
}

.mtfx10-theme-clothing .mtcl-preview-copy {
  display: none;
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-products-stage:not([hidden]),
  .mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
    width: 100%;
    max-width: 100%;
  }

  .mtfx10-theme-clothing .mtcl-product-card {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}

/* === MT Clothing final stable row + native controls v11.3.7 ===
   Alleen MT Clothing.
   - productcards blijven één horizontale rij zonder tweede rij
   - knoppen en producten gebruiken veilige links/rechts marge
   - productafbeelding kan nu met % of px override schalen
   - productknop krijgt eigen native controls */
.mtfx10-theme-clothing {
  --mtcl-edge: 48px;
  --mtcl-product-btn-text: rgba(36,31,36,.88);
  --mtcl-product-btn-a: rgba(244,203,204,.82);
  --mtcl-product-btn-b: rgba(255,244,246,.92);
  --mtcl-product-btn-border: rgba(255,235,238,.74);
  --mtcl-product-btn-w: calc(100% - 32px);
  --mtcl-product-btn-h: 38px;
  --mtcl-product-btn-x: 0px;
  --mtcl-product-btn-y: 0px;
}

.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-theme-clothing .mtcl-desktop-flow {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.mtfx10-theme-clothing .mtcl-level-1:not([hidden]),
.mtfx10-theme-clothing .mtcl-panel:not([hidden]) {
  width: min(var(--mtcl-menu-w), calc(100vw - (var(--mtcl-edge) * 2)));
  max-width: calc(100vw - (var(--mtcl-edge) * 2));
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-subnav {
  width: 100%;
  max-width: 100%;
}

.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: var(--mtcl-edge);
  padding-right: var(--mtcl-edge);
  overflow-x: auto;
  overflow-y: visible;
  display: flex;
  justify-content: center;
  scrollbar-width: thin;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: max-content;
  min-width: 0;
  max-width: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--mtcl-gap);
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-product-card {
  flex: 0 0 var(--mtcl-card-w);
  width: var(--mtcl-card-w);
  min-width: var(--mtcl-card-w);
  max-width: var(--mtcl-card-w);
  height: var(--mtcl-card-h);
  min-height: var(--mtcl-card-h);
  position: relative;
  overflow: hidden;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media,
.mtfx10-theme-clothing .mtcl-product-media img {
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-product-media img {
  display: block;
  position: absolute;
  left: var(--mtcl-img-x);
  top: var(--mtcl-img-y);
  width: var(--mtcl-img-w);
  height: var(--mtcl-img-h);
  max-width: none;
  max-height: none;
  object-fit: contain;
  opacity: var(--mtcl-img-o);
  filter: brightness(var(--mtcl-img-b)) contrast(var(--mtcl-img-c)) saturate(var(--mtcl-img-sa));
  transform: translate(-50%, -50%) scale(var(--mtcl-img-s)) rotate(var(--mtcl-img-r));
  transform-origin: center center;
  z-index: var(--mtcl-img-z);
}

.mtfx10-theme-clothing .mtcl-product-link {
  width: var(--mtcl-product-btn-w);
  min-height: var(--mtcl-product-btn-h);
  margin-left: auto;
  margin-right: auto;
  color: var(--mtcl-product-btn-text);
  border-color: var(--mtcl-product-btn-border);
  background: linear-gradient(135deg, var(--mtcl-product-btn-a), var(--mtcl-product-btn-b));
  transform: translate(var(--mtcl-product-btn-x), var(--mtcl-product-btn-y));
}

.mtfx10-theme-clothing .mtcl-product-link:hover,
.mtfx10-theme-clothing .mtcl-product-link:focus-visible {
  color: var(--mtcl-product-btn-text);
  background: linear-gradient(135deg, var(--mtcl-product-btn-b), var(--mtcl-product-btn-a));
  transform: translate(var(--mtcl-product-btn-x), calc(var(--mtcl-product-btn-y) - 1px));
}

.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  width: min(var(--mtcl-menu-w), calc(100vw - (var(--mtcl-edge) * 2)));
  max-width: calc(100vw - (var(--mtcl-edge) * 2));
  margin-left: auto;
  margin-right: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  overflow: visible;
  contain: none;
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-preview-media,
.mtfx10-theme-clothing .mtcl-preview-media img {
  pointer-events: none;
}

.mtfx10-theme-clothing .mtcl-preview-media img:not([src]),
.mtfx10-theme-clothing .mtcl-preview-media img[src=""] {
  display: none;
}

@media (max-width: 900px) {
  .mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
    display: block;
  }

  .mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .mtfx10-theme-clothing .mtcl-product-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-basis: auto;
  }
}

/* MT Clothing stable row + professional image controls v11.4.1 */
.mtfx10-theme-clothing {
  --mtcl-edge: clamp(24px, 4vw, 84px);
  --mtcl-product-btn-text: rgba(18,18,20,.84);
  --mtcl-product-btn-a: rgba(244,203,204,.88);
  --mtcl-product-btn-b: rgba(255,244,246,.72);
  --mtcl-product-btn-border: rgba(255,255,255,.74);
  --mtcl-product-btn-w: calc(100% - 32px);
  --mtcl-product-btn-h: 38px;
  --mtcl-product-btn-x: 0px;
  --mtcl-product-btn-y: 0px;
}

.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-theme-clothing .mtcl-shell {
  width: 100%;
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-panel:not([hidden]),
.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]),
.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  width: min(var(--mtcl-menu-w), calc(100vw - (var(--mtcl-edge) * 2)));
  margin-left: auto;
  margin-right: auto;
}

.mtfx10-theme-clothing .mtcl-level-1,
.mtfx10-theme-clothing .mtcl-subnav {
  flex-wrap: nowrap;
  justify-content: center;
}

.mtfx10-theme-clothing .mtcl-choice {
  flex: 1 1 0;
  min-width: 0;
  min-height: var(--mtcl-button-h);
  font-size: var(--mtcl-button-font-size);
}

.mtfx10-theme-clothing .mtcl-products-stage {
  overflow: visible;
}

.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: calc(100vw - (var(--mtcl-edge) * 2));
  max-width: calc(100vw - (var(--mtcl-edge) * 2));
  margin-left: calc(50% - 50vw + var(--mtcl-edge));
  margin-right: calc(50% - 50vw + var(--mtcl-edge));
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: var(--mtcl-gap);
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x proximity;
  padding: 0 0 12px;
}

.mtfx10-theme-clothing .mtcl-product-card {
  flex: 0 0 var(--mtcl-card-w);
  width: var(--mtcl-card-w);
  max-width: none;
  min-width: 0;
  min-height: var(--mtcl-card-h);
  height: var(--mtcl-card-h);
  scroll-snap-align: center;
}

.mtfx10-theme-clothing .mtcl-product-media {
  overflow: hidden;
  contain: paint;
}

.mtfx10-theme-clothing .mtcl-product-media img {
  left: calc(var(--mtcl-img-x, 50%) + var(--mtcl-img-xpx, 0px));
  top: calc(var(--mtcl-img-y, 50%) + var(--mtcl-img-ypx, 0px));
  width: var(--mtcl-img-w, auto);
  height: var(--mtcl-img-h, auto);
  mix-blend-mode: var(--mtcl-img-blend, normal);
  will-change: transform, opacity, filter;
}

.mtfx10-theme-clothing .mtcl-product-card.has-mtcl-img-fade .mtcl-product-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,.72), transparent);
}

.mtfx10-theme-clothing .mtcl-product-link,
.mtfx10-theme-clothing .mtcl-preview-link {
  width: var(--mtcl-product-btn-w);
  min-height: var(--mtcl-product-btn-h);
  transform: translate(var(--mtcl-product-btn-x), var(--mtcl-product-btn-y));
  color: var(--mtcl-product-btn-text);
  border-color: var(--mtcl-product-btn-border);
  background: linear-gradient(135deg, var(--mtcl-product-btn-a), var(--mtcl-product-btn-b));
}

.mtfx10-theme-clothing .mtcl-preview {
  width: min(var(--mtcl-menu-w), calc(100vw - (var(--mtcl-edge) * 2)));
  height: var(--mtcl-preview-h);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mtfx10-theme-clothing .mtcl-preview-media {
  overflow: visible;
  inset: 0;
}

.mtfx10-theme-clothing .mtcl-preview-media img {
  left: calc(var(--mtcl-img-x, 50%) + var(--mtcl-img-xpx, 0px));
  top: calc(var(--mtcl-img-y, 50%) + var(--mtcl-img-ypx, 0px));
  mix-blend-mode: var(--mtcl-img-blend, normal);
  z-index: var(--mtcl-img-z, 1);
  will-change: transform, opacity, filter;
}

.mtfx10-theme-clothing .mtcl-preview-media img:not([src]),
.mtfx10-theme-clothing .mtcl-preview-media img[src=""] {
  display: none;
}

.mtfx10-theme-clothing .mtcl-preview-copy {
  display: none;
}

.mtfx10-theme-clothing .mtcl-img-anim-float,
.mtfx10-theme-clothing .mtcl-preview-media img.mtcl-img-anim-float {
  animation: mtcl-img-float 5.8s ease-in-out infinite alternate;
}
.mtfx10-theme-clothing .mtcl-img-anim-soft-pulse,
.mtfx10-theme-clothing .mtcl-preview-media img.mtcl-img-anim-soft-pulse {
  animation: mtcl-img-pulse 4.8s ease-in-out infinite;
}
.mtfx10-theme-clothing .mtcl-img-anim-slow-drift,
.mtfx10-theme-clothing .mtcl-preview-media img.mtcl-img-anim-slow-drift {
  animation: mtcl-img-drift 7.4s ease-in-out infinite alternate;
}
@keyframes mtcl-img-float {
  from { translate: 0 0; }
  to { translate: 0 -10px; }
}
@keyframes mtcl-img-pulse {
  0%,100% { filter: brightness(var(--mtcl-img-b,1)) contrast(var(--mtcl-img-c,1)) saturate(var(--mtcl-img-sa,1)); }
  50% { filter: brightness(calc(var(--mtcl-img-b,1) * 1.08)) contrast(var(--mtcl-img-c,1)) saturate(var(--mtcl-img-sa,1)); }
}
@keyframes mtcl-img-drift {
  from { translate: -6px 4px; }
  to { translate: 6px -7px; }
}

/* MT Clothing — lower preview as free image layer, no visible box */
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--mtcl-preview-h, 360px);
  min-height: var(--mtcl-preview-h, 360px);
  margin: var(--mtcl-gap, 12px) auto 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview:not([hidden])::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview:not([hidden])::after {
  display: none;
  content: none;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-copy {
  display: none;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-media img.mtcl-detail-free-layer {
  display: block;
  position: absolute;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  will-change: transform, opacity, filter;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview.has-mtcl-detail-fade .mtcl-preview-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.76));
  z-index: 999;
}
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview.is-empty {
  display: none;
}

/* === MT Clothing product text control alignment v11.4.4 ===
   Productkaart tekst volgt nu dezelfde Elementor-style logic als de andere sections. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtcl-product-text-x: 0px;
  --mtcl-product-text-y: 0px;
  --mtcl-product-text-bg-o: .76;
  --mtcl-product-kicker-color: color-mix(in srgb, var(--mtfx10-accent), white 22%);
  --mtcl-product-kicker-o: 1;
  --mtcl-product-kicker-x: 0px;
  --mtcl-product-kicker-y: 0px;
  --mtcl-product-title-color: rgba(255,255,255,.96);
  --mtcl-product-title-o: 1;
  --mtcl-product-title-x: 0px;
  --mtcl-product-title-y: 0px;
  --mtcl-product-subtitle-color: rgba(255,255,255,.72);
  --mtcl-product-subtitle-o: 1;
  --mtcl-product-subtitle-x: 0px;
  --mtcl-product-subtitle-y: 0px;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-text {
  transform: translate(var(--mtcl-product-text-x), var(--mtcl-product-text-y));
  background: linear-gradient(
    to top,
    rgba(0,0,0,var(--mtcl-product-text-bg-o)),
    rgba(0,0,0,calc(var(--mtcl-product-text-bg-o) * .24)),
    transparent
  );
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-kicker {
  color: var(--mtcl-product-kicker-color);
  opacity: var(--mtcl-product-kicker-o);
  transform: translate(var(--mtcl-product-kicker-x), var(--mtcl-product-kicker-y));
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-title,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-text strong.mtcl-product-title {
  display: block;
  color: var(--mtcl-product-title-color);
  opacity: var(--mtcl-product-title-o);
  transform: translate(var(--mtcl-product-title-x), var(--mtcl-product-title-y));
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-subtitle {
  display: block;
  margin: 8px 0 0;
  font-family: 'Rajdhani', system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--mtcl-product-subtitle-color);
  opacity: var(--mtcl-product-subtitle-o);
  transform: translate(var(--mtcl-product-subtitle-x), var(--mtcl-product-subtitle-y));
}

/* === MT Clothing lower preview slider-controls + MP4 visibility fix v11.4.5 === */
.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-video-layer {
  z-index: 2;
  display: block;
  visibility: visible;
  opacity: var(--mtfx10-video-opacity, .42);
  mix-blend-mode: var(--mtfx10-video-blend, normal);
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-video-layer video {
  display: block;
  visibility: visible;
  opacity: 1;
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-scene {
  z-index: 0;
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-vignette,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::after {
  z-index: 3;
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-particles,
.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-bg-animation {
  z-index: 4;
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-stage {
  z-index: 6;
}

.mtfx10-section.mtfx10-theme-clothing.mtfx10-has-video .mtfx10-content {
  z-index: 10;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-preview:not([hidden]) {
  position: relative;
  display: block;
  width: min(var(--mtcl-menu-w), calc(100vw - (var(--mtcl-edge, 48px) * 2)));
  max-width: calc(100vw - (var(--mtcl-edge, 48px) * 2));
  height: var(--mtcl-preview-h, 360px);
  min-height: var(--mtcl-preview-h, 360px);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  contain: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: 0;
  pointer-events: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  contain: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-media img.mtcl-detail-free-layer {
  display: block;
  position: absolute;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  will-change: transform, opacity, filter;
  pointer-events: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-copy {
  display: none;
}


/* MT Clothing — gold background native base
   Preserves all Elementor product/menu/text controls. Only the clothing section background/scene palette is locked to gold. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtfx10-bg: #080604 !important;
  --mtfx10-gradient: radial-gradient(circle at 50% 26%, rgba(255,238,184,.34) 0%, rgba(214,166,66,.18) 24%, transparent 50%), radial-gradient(ellipse at 72% 64%, rgba(255,210,104,.16) 0%, transparent 42%), linear-gradient(135deg, #090604 0%, #1a1206 32%, #6f4d16 54%, #201407 74%, #050403 100%) !important;
  --mtfx10-accent: #d6a642 !important;
  --mtfx10-accent-2: #fff2bd !important;
  --mtcl-metal-a: rgba(255,242,189,.20);
  --mtcl-metal-b: rgba(214,166,66,.36);
  --mtcl-glass: rgba(255,226,144,.045);
  --mtcl-glass-2: rgba(255,242,189,.072);
  background-color: #080604 !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-scene {
  background: var(--mtfx10-gradient) !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 52% 26%, rgba(255,242,189,.24), transparent 44%),
    radial-gradient(ellipse at 76% 62%, rgba(214,166,66,.18), transparent 42%),
    radial-gradient(ellipse at 20% 80%, rgba(138,93,23,.16), transparent 46%),
    linear-gradient(115deg, rgba(255,238,184,.05), transparent 32%, rgba(214,166,66,.08) 64%, transparent 100%) !important;
  filter: blur(10px) saturate(1.1);
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-vignette {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,238,184,.13) 0%, transparent 42%),
    radial-gradient(ellipse at 50% 72%, rgba(214,166,66,.08) 0%, transparent 44%),
    linear-gradient(to bottom, rgba(255,238,184,.04) 0%, rgba(0,0,0,.22) 48%, rgba(0,0,0,.66) 100%) !important;
}

/* === MT Clothing + Street Fighter requested fixes v11.4.7 ===
   - Clothing buttons use native gold/shine styling even when older saved pink variables exist.
   - Clothing gold base background stays fixed while section padding/height controls remain usable.
   - Clothing product row stays one horizontal row; scrollbar appears only on real overflow and is gold styled.
   - Lower Clothing detail preview image is not targeted here.
   - Street Fighter image layers can overlap the Dragon Ball section above without moving the whole scene. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtcl-lens-pink: #d6a642 !important;
  --mtcl-lens-light: #fff2bd !important;
  --mtcl-lens-hot: rgba(255,255,255,.96) !important;
  --mtcl-aurora-a: rgba(255,242,189,.96) !important;
  --mtcl-aurora-b: rgba(214,166,66,.90) !important;
  --mtcl-aurora-c: rgba(138,93,23,.78) !important;
  --mtcl-product-btn-text: rgba(20,14,5,.92) !important;
  --mtcl-product-btn-a: rgba(214,166,66,.96) !important;
  --mtcl-product-btn-b: rgba(255,242,189,.92) !important;
  --mtcl-product-btn-border: rgba(255,242,189,.82) !important;
  --mtcl-scroll-track: rgba(36,24,8,.68);
  --mtcl-scroll-thumb-a: rgba(214,166,66,.96);
  --mtcl-scroll-thumb-b: rgba(255,242,189,.92);
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-scene,
.mtfx10-section.mtfx10-theme-clothing.mtfx10-reveal-up .mtfx10-scene {
  transform: none !important;
  animation: none !important;
  background-position: center center !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-scene::before {
  transform: none !important;
  animation: none !important;
  background-position: center center !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-section.mtfx10-theme-clothing .mtcl-desktop-flow {
  min-height: var(--mtcl-contentbox-h, 0px);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-choice,
.mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn {
  color: rgba(20,14,5,.92) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42), 0 10px 24px rgba(0,0,0,.18) !important;
  border-color: rgba(255,242,189,.72) !important;
  background:
    linear-gradient(116deg, transparent 0 33%, rgba(255,255,255,.52) 45%, rgba(255,255,255,.18) 55%, transparent 68% 100%),
    linear-gradient(135deg, rgba(138,93,23,.94) 0%, rgba(214,166,66,.98) 38%, rgba(255,242,189,.94) 58%, rgba(170,118,31,.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -16px 30px rgba(60,36,6,.24),
    0 0 0 1px rgba(255,242,189,.20),
    0 14px 34px rgba(0,0,0,.22),
    0 0 32px rgba(214,166,66,.22) !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-choice:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-choice:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtcl-choice.is-active,
.mtfx10-section.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded,
.mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:hover,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:focus-visible {
  color: rgba(16,11,4,.96) !important;
  border-color: rgba(255,248,213,.92) !important;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.68) 44%, rgba(255,255,255,.22) 58%, transparent 72% 100%),
    linear-gradient(135deg, rgba(170,118,31,.98) 0%, rgba(244,204,96,.98) 38%, rgba(255,248,213,.96) 58%, rgba(214,166,66,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -16px 34px rgba(60,36,6,.20),
    0 0 0 1px rgba(255,242,189,.32),
    0 18px 42px rgba(0,0,0,.24),
    0 0 44px rgba(214,166,66,.34) !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-level-1.has-selected .mtcl-choice-l1:not(.is-active),
.mtfx10-section.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2:not(.is-expanded) {
  color: rgba(20,14,5,.58) !important;
  filter: brightness(.68) saturate(.78);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-link,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link {
  color: var(--mtcl-product-btn-text) !important;
  border-color: var(--mtcl-product-btn-border) !important;
  background:
    linear-gradient(116deg, transparent 0 32%, rgba(255,255,255,.42) 46%, rgba(255,255,255,.12) 58%, transparent 70% 100%),
    linear-gradient(135deg, var(--mtcl-product-btn-a), var(--mtcl-product-btn-b)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.64),
    inset 0 -12px 24px rgba(60,36,6,.18),
    0 12px 28px rgba(0,0,0,.20),
    0 0 28px rgba(214,166,66,.20);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:focus-visible {
  color: rgba(16,11,4,.96) !important;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.62) 44%, rgba(255,255,255,.18) 58%, transparent 72% 100%),
    linear-gradient(135deg, var(--mtcl-product-btn-b), var(--mtcl-product-btn-a)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -12px 26px rgba(60,36,6,.16),
    0 16px 36px rgba(0,0,0,.22),
    0 0 38px rgba(214,166,66,.30);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:focus-within {
  border-color: rgba(255,242,189,.74);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(214,166,66,.20),
    0 20px 52px rgba(0,0,0,.32),
    0 0 36px rgba(214,166,66,.22);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: var(--mtcl-edge, 48px);
  padding-right: var(--mtcl-edge, 48px);
  overflow: visible;
  display: block;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: calc(100vw - (var(--mtcl-edge, 48px) * 2));
  max-width: calc(100vw - (var(--mtcl-edge, 48px) * 2));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  gap: var(--mtcl-gap, 12px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  padding: 8px 0 18px;
}

@supports (justify-content: safe center) {
  .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
    justify-content: safe center;
  }
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card {
  flex: 0 0 var(--mtcl-card-w, 205px);
  width: var(--mtcl-card-w, 205px);
  min-width: var(--mtcl-card-w, 205px);
  max-width: var(--mtcl-card-w, 205px);
  height: var(--mtcl-card-h, 230px);
  min-height: var(--mtcl-card-h, 230px);
  scroll-snap-align: center;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar {
  height: 10px;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar-track {
  background: linear-gradient(90deg, transparent, var(--mtcl-scroll-track), transparent);
  border-radius: 999px;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 2px solid rgba(18,12,4,.72);
  background: linear-gradient(135deg, var(--mtcl-scroll-thumb-a), var(--mtcl-scroll-thumb-b));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 0 18px rgba(214,166,66,.28);
}

.elementor-widget-mtfx10_dragonball_section,
.elementor-widget-mtfx10_streetfighter_section,
.mtfx10-section.mtfx10-theme-dragonball,
.mtfx10-section.mtfx10-theme-streetfighter {
  position: relative;
  overflow: visible !important;
}

.elementor-widget-mtfx10_dragonball_section,
.mtfx10-section.mtfx10-theme-dragonball {
  z-index: 20;
}

.elementor-widget-mtfx10_streetfighter_section,
.mtfx10-section.mtfx10-theme-streetfighter {
  z-index: 30;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-stage {
  overflow: visible;
  z-index: 38;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-layer {
  overflow: visible;
  z-index: max(var(--z, 8), 38);
}


/* === MT Clothing manual product slider + premium metallic arrows v11.5.0 ===
   Alleen MT Clothing productrij.
   - De zichtbare balk is verwijderd.
   - De eerste drie productcards blijven als basisframe staan.
   - Bij meer dan drie producten verschijnen handmatige metallic block-arrows.
   - Geen autoplay; alleen handmatige scroll per product. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtcl-slider-base-w: calc((var(--mtcl-card-w, 205px) * 3) + (var(--mtcl-gap, 12px) * 2) + 8px);
  --mtcl-slider-w: min(max(var(--mtcl-menu-w, 560px), var(--mtcl-slider-base-w)), calc(100vw - (var(--mtcl-edge, 48px) * 2)));
  --mtcl-arrow-w: 86px;
  --mtcl-arrow-h: 64px;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
  position: relative;
  width: var(--mtcl-slider-w);
  max-width: calc(100vw - (var(--mtcl-edge, 48px) * 2));
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  display: block;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  gap: var(--mtcl-gap, 12px);
  overflow: visible;
  padding: 10px 4px 22px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider:not([hidden]) {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider.is-mtcl-slider-moving:not([hidden]) {
  cursor: grabbing;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider .mtcl-product-card {
  scroll-snap-align: start;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
  position: absolute;
  top: calc(50% - 6px);
  width: var(--mtcl-arrow-w);
  height: var(--mtcl-arrow-h);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 14;
  border: 0;
  border-radius: 0;
  color: transparent;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  opacity: .92;
  transform: translateY(-50%) scale(1);
  filter:
    drop-shadow(0 10px 14px rgba(0,0,0,.42))
    drop-shadow(0 0 16px rgba(236,190,76,.18));
  transition:
    opacity .24s ease,
    transform .36s cubic-bezier(.16,.82,.18,1),
    filter .32s ease;
  -webkit-tap-highlight-color: transparent;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow.is-visible {
  display: flex;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:focus-visible {
  opacity: 1;
  transform: translateY(-50%) scale(1.055);
  filter:
    drop-shadow(0 13px 18px rgba(0,0,0,.48))
    drop-shadow(0 0 20px rgba(255,222,114,.34))
    brightness(1.08)
    saturate(1.08);
  outline: 0;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow[disabled] {
  opacity: .18;
  pointer-events: none;
  filter: saturate(.58) brightness(.72);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev {
  left: calc(var(--mtcl-arrow-w) * -1.04);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next {
  right: calc(var(--mtcl-arrow-w) * -1.04);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::before {
  content: "";
  position: absolute;
  inset: 5px 4px;
  z-index: 2;
  clip-path: polygon(0 24%, 50% 24%, 50% 4%, 100% 50%, 50% 96%, 50% 76%, 0 76%, 0 24%);
  background:
    linear-gradient(155deg, rgba(255,255,255,.82) 0 7%, transparent 8% 100%),
    linear-gradient(112deg, transparent 0 29%, rgba(255,255,255,.72) 37%, rgba(255,255,255,.08) 48%, transparent 58% 100%),
    linear-gradient(90deg,
      #8a5608 0%,
      #f2b92c 16%,
      #ffe27a 31%,
      #fff4bd 47%,
      #f3dda0 59%,
      #d99a1d 76%,
      #4b2a05 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -2px 0 rgba(62,34,3,.72),
    inset 8px 0 10px rgba(255,214,85,.18),
    inset -7px 0 8px rgba(32,20,3,.55);
  transform: translateZ(0);
  transition:
    transform .36s cubic-bezier(.16,.82,.18,1),
    filter .32s ease,
    background-position .42s ease;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::after {
  content: "";
  position: absolute;
  inset: 5px 4px;
  z-index: 3;
  clip-path: polygon(0 24%, 50% 24%, 50% 4%, 100% 50%, 50% 96%, 50% 76%, 0 76%, 0 24%);
  background:
    radial-gradient(circle at 23% 26%, rgba(255,255,255,.92) 0 2px, rgba(255,239,172,.48) 3px, transparent 8px),
    radial-gradient(circle at 83% 30%, rgba(255,255,255,.82) 0 1px, rgba(255,229,128,.40) 2px, transparent 7px),
    linear-gradient(180deg, rgba(255,255,255,.23), transparent 24%, rgba(48,29,3,.33) 100%);
  opacity: .74;
  mix-blend-mode: screen;
  pointer-events: none;
  transition:
    opacity .32s ease,
    transform .36s cubic-bezier(.16,.82,.18,1),
    filter .32s ease;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev::after {
  transform: scaleX(-1);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:hover::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:focus-visible::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:hover::after,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:focus-visible::after {
  transform: scaleX(-1) translateX(2px);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:hover::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:focus-visible::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:hover::after,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:focus-visible::after {
  transform: translateX(2px);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  border: 1px solid rgba(255,242,189,.10);
  background:
    radial-gradient(circle at var(--mtcl-light-x, 24%) var(--mtcl-light-y, 18%), rgba(255,248,213,.22), transparent 20%),
    linear-gradient(118deg, transparent 0 36%, rgba(255,255,255,.11) 48%, transparent 61% 100%);
  mix-blend-mode: screen;
  opacity: .18;
  transform: translateZ(0);
  animation: mtcl-natural-frame-light 8.8s cubic-bezier(.36,0,.22,1) infinite;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:nth-child(2n)::after {
  --mtcl-light-x: 72%;
  --mtcl-light-y: 22%;
  animation-duration: 10.6s;
  animation-delay: -2.4s;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:nth-child(3n)::after {
  --mtcl-light-x: 38%;
  --mtcl-light-y: 84%;
  animation-duration: 12.2s;
  animation-delay: -5.1s;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:nth-child(4n)::after {
  --mtcl-light-x: 84%;
  --mtcl-light-y: 64%;
  animation-duration: 9.7s;
  animation-delay: -6.3s;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-slider-moving .mtcl-product-card,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:focus-within {
  border-color: rgba(255,242,189,.72);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-slider-moving .mtcl-product-card::after,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:hover::after,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:focus-within::after {
  opacity: .42;
  animation-duration: 4.8s;
}

@keyframes mtcl-natural-frame-light {
  0%, 18% {
    opacity: .12;
    transform: translate3d(-10px, 8px, 0) scale(1);
    filter: blur(.1px) brightness(1);
  }
  36% {
    opacity: .34;
    transform: translate3d(7px, -5px, 0) scale(1.015);
    filter: blur(.2px) brightness(1.16);
  }
  54%, 100% {
    opacity: .16;
    transform: translate3d(14px, -10px, 0) scale(1.02);
    filter: blur(.2px) brightness(1.04);
  }
}

@media (max-width: 900px) {
  .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
    display: none;
  }

  .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden]),
  .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider:not([hidden]) {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 0;
  }
}

/* === MT Clothing restore: original supplied image arrows + stable section layout v11.5.8 ===
   Base: last stable highlighted-products build. Problematic height/background-fill override removed. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtcl-slider-base-w: calc((var(--mtcl-card-w, 205px) * 3) + (var(--mtcl-gap, 12px) * 2) + 8px);
  --mtcl-slider-w: min(max(var(--mtcl-menu-w, 560px), var(--mtcl-slider-base-w)), calc(100vw - (var(--mtcl-edge, 48px) * 2)));
  --mtcl-arrow-w: 76px;
  --mtcl-arrow-h: 54px;
  overflow: visible;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-products-stage:not([hidden]) {
  position: relative;
  width: var(--mtcl-slider-w);
  max-width: calc(100vw - (var(--mtcl-edge, 48px) * 2));
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  display: block;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden]) {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  gap: var(--mtcl-gap, 12px);
  overflow: visible;
  padding: 10px 4px 22px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider:not([hidden]) {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider.is-mtcl-slider-moving:not([hidden]) {
  cursor: grabbing;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-product-row.is-mtcl-manual-slider .mtcl-product-card {
  scroll-snap-align: start;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
  position: absolute;
  top: calc(50% - 2px);
  width: var(--mtcl-arrow-w);
  height: var(--mtcl-arrow-h);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 14;
  border: 0;
  border-radius: 0;
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
  transform: translateY(-50%) scale(1);
  filter: none;
  transition:
    opacity .2s ease,
    transform .28s cubic-bezier(.16,.82,.18,1),
    filter .24s ease;
  -webkit-tap-highlight-color: transparent;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::before,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::after {
  content: none;
  display: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow.is-visible {
  display: flex;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:focus-visible {
  opacity: 1;
  transform: translateY(-50%) scale(1.03);
  filter: brightness(1.03) saturate(1.02);
  outline: 0;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow[disabled] {
  opacity: .20;
  pointer-events: none;
  filter: saturate(.72) brightness(.72);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev {
  left: calc(var(--mtcl-arrow-w) * -1.05);
  background-image: url('mtcl-arrow-prev-original-supplied.png');
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next {
  right: calc(var(--mtcl-arrow-w) * -1.05);
  background-image: url('mtcl-arrow-next-original-supplied.png');
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:focus-visible {
  transform: translateY(-50%) translateX(-1px) scale(1.03);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:focus-visible {
  transform: translateY(-50%) translateX(1px) scale(1.03);
}

/* === MT repair v11.5.9: header menu + safe Clothing transition overlap ===
   Doel: menu-producten terug in bestaande header, mega-menu productlinks normale tekst,
   en alleen de Clothing/transition wrappers overflow laten toestaan zonder andere secties omlaag/omhoog te forceren. */
html body .mt-nav,
html body .mt-mega {
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
}

/* Top-menu blijft strak/uppercase; normale mega-productlinks niet. */
html body .mt-nav .mt-nav__center > .mt-nav__item,
html body .mt-nav .mt-nav__center > .mt-nav__item span {
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 4px;
  text-transform: uppercase;
}

html body .mt-mega .mt-mega__title {
  font-family: var(--mt-font-display, 'Bebas Neue', sans-serif);
  text-transform: uppercase;
}

html body .mt-mega .mt-mega__sub {
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-weight: 700;
  text-transform: uppercase;
}

html body .mt-mega .mt-mega__link,
html body .mt-mobile-menu .mt-mobile-menu__subitem {
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .95px;
  text-transform: none !important;
}

/* Live-reference header look terugzetten zonder bestaande HTML te vervangen. */
html body .mt-nav {
  height: 56px;
  padding: 0 30px;
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
}

html body.mt-theme-light .mt-nav,
html body.mt-theme-light .mt-nav.is-scrolled {
  background: linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(235,235,233,.58) 100%);
  border-bottom: 1px solid rgba(17,17,17,.055);
  box-shadow: 0 8px 28px rgba(0,0,0,.025);
}

html body.mt-theme-dark .mt-nav,
html body.mt-theme-dark .mt-nav.is-scrolled {
  background: linear-gradient(180deg, rgba(24,24,24,.94) 0%, rgba(10,10,10,.90) 100%);
  border-bottom: 1px solid rgba(232,196,90,.10);
  box-shadow: 0 10px 32px rgba(0,0,0,.28);
}

html body .mt-nav__logo-image {
  height: 29px !important;
  opacity: .82;
}

html body .mt-nav__center {
  gap: 35px;
  margin: 0 42px;
}

html body.mt-theme-light .mt-nav__item { color: rgba(38,42,44,.62); }
html body.mt-theme-light .mt-nav__item:hover,
html body.mt-theme-light .mt-nav__item.is-active { color: rgba(110,120,126,.88); }
html body.mt-theme-dark .mt-nav__item { color: rgba(245,245,240,.54); }
html body.mt-theme-dark .mt-nav__item:hover,
html body.mt-theme-dark .mt-nav__item.is-active { color: #e8c45a; }

html body .mt-nav__item::after { bottom: 10px; height: 1px; }
html body.mt-theme-light .mt-nav__item::after { background: rgba(110,120,126,.62); }
html body.mt-theme-dark .mt-nav__item::after { background: #e8c45a; }

html body .mt-mega {
  top: 56px;
  padding: 30px 40px 34px;
  max-height: 76vh;
  backdrop-filter: blur(26px) saturate(1.28);
  -webkit-backdrop-filter: blur(26px) saturate(1.28);
}

html body.mt-theme-light .mt-mega {
  background: radial-gradient(circle at 52% 40%, rgba(255,255,255,.42) 0%, rgba(242,242,240,.34) 38%, rgba(230,230,228,.70) 100%), rgba(242,242,240,.82);
  border-bottom: 1px solid rgba(17,17,17,.055);
  box-shadow: 0 12px 42px rgba(0,0,0,.035);
}

html body.mt-theme-dark .mt-mega {
  background: radial-gradient(circle at 50% 42%, rgba(44,40,40,.74) 0%, rgba(18,18,19,.86) 42%, rgba(7,7,8,.96) 100%), rgba(10,10,10,.92);
  border-bottom: 1px solid rgba(232,196,90,.08);
  box-shadow: 0 16px 46px rgba(0,0,0,.34);
}

html body .mt-mega__inner { max-width: 1400px; gap: 28px; }
html body .mt-mega__title {
  margin-bottom: 13px;
  padding-bottom: 8px;
  font-size: 1.08rem;
  font-weight: 400;
  letter-spacing: 4px;
  line-height: 1;
}
html body.mt-theme-light .mt-mega__title { color: rgba(128,140,148,.76); border-color: rgba(17,17,17,.075); }
html body.mt-theme-dark .mt-mega__title { color: #e8c45a; border-color: rgba(232,196,90,.11); }
html body .mt-mega__sub { margin: 11px 0 5px; font-size: 11px; letter-spacing: 2.2px; line-height: 1; }
html body.mt-theme-light .mt-mega__sub { color: rgba(150,164,172,.76); }
html body.mt-theme-dark .mt-mega__sub { color: #f7e090; }
html body.mt-theme-light .mt-mega__link { color: rgba(70,75,78,.72); }
html body.mt-theme-dark .mt-mega__link { color: rgba(210,210,206,.68); }
html body.mt-theme-light .mt-mega__link:hover { color: rgba(110,120,126,.95); }
html body.mt-theme-dark .mt-mega__link:hover { color: #e8c45a; }

html body .mt-nav__theme-switch { width: 55px; height: 32px; }
html body.mt-theme-light .mt-nav__theme-switch {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(17,17,17,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 10px rgba(0,0,0,.045);
}
html body.mt-theme-dark .mt-nav__theme-switch {
  background: rgba(8,8,8,.88);
  border: 1px solid rgba(232,196,90,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 14px rgba(0,0,0,.35);
}
html body .mt-nav__icon { opacity: .82; }
html body.mt-theme-light .mt-nav__icon { color: rgba(30,33,34,.78); }
html body.mt-theme-dark .mt-nav__icon { color: rgba(245,245,240,.66); }
html body.mt-theme-dark .mt-nav__icon:hover { color: #e8c45a; }

/* Safe overflow: transition boven, Homepage/Clothing erboven zichtbaar; geen geforceerde negatieve margin. */
#mt-clothing-screen-scroll,
#mt-clothing-screen-scroll > .e-con-inner,
#mt-clothing-screen-scroll > .elementor-container,
#mt-clothing-screen-scroll > .elementor-widget-wrap,
#mt-clothing-screen-scroll .elementor-widget,
#mt-clothing-screen-scroll .elementor-widget-container,
.elementor-element:has(#mt-clothing-screen-scroll),
.elementor-element:has(#mt-clothing-screen-scroll) > .e-con-inner,
.elementor-element:has(#mt-clothing-screen-scroll) > .elementor-container,
.elementor-element:has(#mt-clothing-screen-scroll) > .elementor-widget-wrap,
.elementor-element:has(.elementor-widget-mtfx10_clothing_section),
.elementor-element:has(.elementor-widget-mtfx10_clothing_section) > .e-con-inner,
.elementor-element:has(.elementor-widget-mtfx10_clothing_section) > .elementor-container,
.elementor-element:has(.elementor-widget-mtfx10_clothing_section) > .elementor-widget-wrap,
.elementor-widget-mtfx10_clothing_section,
.elementor-widget-mtfx10_clothing_section > .elementor-widget-container {
  overflow: visible !important;
}

#mt-clothing-screen-scroll {
  position: relative;
  z-index: 10;
}

.elementor-widget-mtfx10_clothing_section {
  position: relative;
  z-index: 30;
}

.elementor-widget-mtfx10_clothing_section .mtfx10-section,
.elementor-widget-mtfx10_clothing_section .mtfx10-theme-clothing,
.elementor-widget-mtfx10_clothing_section .mtfx10-content,
.elementor-widget-mtfx10_clothing_section .mtfx10-copy,
.elementor-widget-mtfx10_clothing_section .mtfx10-title,
.elementor-widget-mtfx10_clothing_section .mtfx10-title-main,
.elementor-widget-mtfx10_clothing_section .mtfx10-title-gradient,
.elementor-widget-mtfx10_clothing_section .mtfx10-kicker,
.elementor-widget-mtfx10_clothing_section .mtfx10-subtitle,
.elementor-widget-mtfx10_clothing_section .mtcl-shell,
.elementor-widget-mtfx10_clothing_section .mtcl-desktop-flow {
  overflow: visible !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.elementor-widget-mtfx10_clothing_section .mtfx10-content {
  position: relative;
  z-index: 90;
}

.elementor-widget-mtfx10_clothing_section .mtfx10-copy {
  position: relative;
  z-index: 120;
}

/* === MT Clothing gold arrows + safe defaults v11.6.3 ===
   Alleen gewijzigd: gouden arrow defaults, lagere preview defaults en geen runtime-injectie van twee adults tee producten.
   Bestaande Elementor opgeslagen waarden blijven leidend. */
.mtfx10-section.mtfx10-theme-clothing {
  --mtcl-gold-arrow-size: 38px;
  --mtcl-gold-arrow-prev-x: 0px;
  --mtcl-gold-arrow-prev-y: 63px;
  --mtcl-gold-arrow-next-x: 0px;
  --mtcl-gold-arrow-next-y: 63px;
  --mtcl-arrow-w: var(--mtcl-gold-arrow-size, 38px);
  --mtcl-arrow-h: calc(var(--mtcl-gold-arrow-size, 38px) * .849);
  min-height: calc(var(--mtfx10-section-h, 100vh) + 200px);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
  width: var(--mtcl-arrow-w);
  height: var(--mtcl-arrow-h);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: none;
  filter: none;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev {
  top: 50%;
  left: calc(var(--mtcl-arrow-w) * -1.05);
  right: auto;
  background-image: url('mtcl-arrow-gold-prev.png');
  transform: translate3d(var(--mtcl-gold-arrow-prev-x, 0px), calc(-50% + var(--mtcl-gold-arrow-prev-y, 0px)), 0) scale(1);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next {
  top: 50%;
  right: calc(var(--mtcl-arrow-w) * -1.05);
  left: auto;
  background-image: url('mtcl-arrow-gold-next.png');
  transform: translate3d(var(--mtcl-gold-arrow-next-x, 0px), calc(-50% + var(--mtcl-gold-arrow-next-y, 0px)), 0) scale(1);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev:focus-visible {
  transform: translate3d(calc(var(--mtcl-gold-arrow-prev-x, 0px) - 1px), calc(-50% + var(--mtcl-gold-arrow-prev-y, 0px)), 0) scale(1.03);
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next:focus-visible {
  transform: translate3d(calc(var(--mtcl-gold-arrow-next-x, 0px) + 1px), calc(-50% + var(--mtcl-gold-arrow-next-y, 0px)), 0) scale(1.03);
}

/* === MT Clothing transition light/dark image switch v11.6.4 ===
   Alleen deze twee opgegeven CSS-klassen: light zichtbaar in light mode, dark zichtbaar in dark mode.
   Geen overflow-, position- of z-index-wijzigingen. */
.mt-clothing-transition-image-dark {
  display: none;
}

body.mt-theme-light .mt-clothing-transition-image {
  display: block;
}

body.mt-theme-light .mt-clothing-transition-image-dark {
  display: none;
}

body.mt-theme-dark .mt-clothing-transition-image {
  display: none;
}

body.mt-theme-dark .mt-clothing-transition-image-dark {
  display: block;
}


/* === MT Dragonball laag 2 + Street Fighter laag 3 overlap repair v11.6.7 ===
   Alleen Dragonball laag 2/Majin Buu en Street Fighter laag 3/Ryu worden gestapeld.
   MT Clothing blijft onaangeraakt. Geen brede overflow-regels voor alle mtfx10-sections. */
.elementor-widget-mtfx10_dragonball_section,
.elementor-widget-mtfx10_dragonball_section > .elementor-widget-container,
.elementor-widget-mtfx10_dragonball_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-dragonball {
  position: relative !important;
  overflow: visible !important;
  z-index: 700 !important;
}

.mtfx10-section.mtfx10-theme-dragonball .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 710 !important;
}

.mtfx10-section.mtfx10-theme-dragonball .mtfx10-layer--2 {
  overflow: visible !important;
  z-index: 711 !important;
}

.elementor-widget-mtfx10_streetfighter_section,
.elementor-widget-mtfx10_streetfighter_section > .elementor-widget-container,
.elementor-widget-mtfx10_streetfighter_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-streetfighter {
  position: relative !important;
  overflow: visible !important;
  z-index: 900 !important;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 910 !important;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-layer--3 {
  overflow: visible !important;
  z-index: 911 !important;
}


/* === MT targeted update v11.6.8 — One Piece layer 1 overlap + blue Hadouken + working MP4 blend layer ===
   Alleen gericht op One Piece laag 1, Street Fighter fireball en MP4/blend output.
   Geen MT Clothing wijzigingen en geen globale overflow-reset. */
.elementor-widget-mtfx10_onepiece_section,
.elementor-widget-mtfx10_onepiece_section > .elementor-widget-container,
.elementor-widget-mtfx10_onepiece_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-onepiece {
  position: relative !important;
  overflow: visible !important;
  z-index: 1000 !important;
}

.mtfx10-section.mtfx10-theme-onepiece .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 1010 !important;
}

.mtfx10-section.mtfx10-theme-onepiece .mtfx10-layer--1 {
  overflow: visible !important;
  z-index: 1011 !important;
}

.mtfx10-section.mtfx10-has-video .mtfx10-scene {
  z-index: 0;
}

.mtfx10-section.mtfx10-has-video .mtfx10-video-layer {
  z-index: 2;
  mix-blend-mode: var(--mtfx10-video-blend, soft-light);
  opacity: var(--mtfx10-video-opacity, .42);
}

.mtfx10-section.mtfx10-has-video .mtfx10-video-fade {
  z-index: 3;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro {
  z-index: 5;
  opacity: 0;
  isolation: isolate;
  contain: paint;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro::before {
  left: auto;
  right: 10.5%;
  top: 47%;
  width: clamp(120px, 17vw, 280px);
  height: clamp(120px, 17vw, 280px);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 8%, rgba(169,239,255,.98) 12%, rgba(35,166,255,.86) 30%, rgba(0,72,255,.58) 54%, rgba(0,140,255,.22) 72%, transparent 78%),
    conic-gradient(from 18deg, transparent 0 9%, rgba(255,255,255,.76) 13%, transparent 21%, rgba(0,174,255,.72) 28%, transparent 42%, rgba(255,255,255,.62) 51%, transparent 64%, rgba(0,98,255,.70) 78%, transparent 100%);
  filter: drop-shadow(0 0 16px rgba(114,218,255,.62)) drop-shadow(0 0 38px rgba(0,104,255,.46));
  opacity: 0;
  transform: translate3d(50%, -50%, 0) scale(.18) rotate(0deg);
  mix-blend-mode: normal;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro::after {
  inset: auto auto auto auto;
  right: -20vw;
  top: calc(47% - clamp(38px, 5.6vw, 82px));
  width: 132vw;
  height: clamp(76px, 11vw, 168px);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(0,76,255,.08) 7%, rgba(0,126,255,.36) 18%, rgba(133,232,255,.92) 42%, rgba(255,255,255,1) 50%, rgba(116,224,255,.94) 58%, rgba(0,126,255,.38) 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgba(0,166,255,.24) 19%, rgba(212,249,255,.96) 46%, rgba(255,255,255,1) 50%, rgba(141,232,255,.88) 56%, rgba(0,74,255,.22) 81%, transparent 100%);
  box-shadow:
    0 0 22px rgba(117,225,255,.58),
    0 0 48px rgba(0,98,255,.34);
  filter: blur(.35px) saturate(1.22);
  opacity: 0;
  transform: translate3d(0, 0, 0) scaleX(.06) scaleY(.64);
  transform-origin: right center;
  mix-blend-mode: normal;
}

.mtfx10-section.is-in:not(.intro-played) .mtfx10-street-intro::before {
  animation-name: mtfx10-hadouken-charge;
}

.mtfx10-section.is-in:not(.intro-played) .mtfx10-street-intro::after {
  animation-name: mtfx10-hadouken-beam;
}
/* === MT targeted update v11.7.0 — Street Fighter Hadouken trigger repair ===
   Alleen Street Fighter hadouken trigger/zichtbaarheid. Geen MT Clothing, header, overflows of andere sectie-instellingen aangepast. */
.mtfx10-section.is-in .mtfx10-street-intro,
.mtfx10-section.is-in .mtfx10-street-intro::before,
.mtfx10-section.is-in .mtfx10-street-intro::after {
  animation: none;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro {
  z-index: 905;
  display: block;
  visibility: visible;
  opacity: 0;
}

.mtfx10-section.mtfx10-theme-streetfighter.mtfx10-hadouken-active .mtfx10-street-intro,
.mtfx10-section.mtfx10-theme-streetfighter:not(.mtfx10-hadouken-js-ready) .mtfx10-street-intro {
  animation: mtfx10-street-layer 7.35s ease-out 0s 1 both;
}

.mtfx10-section.mtfx10-theme-streetfighter.mtfx10-hadouken-active .mtfx10-street-intro::before,
.mtfx10-section.mtfx10-theme-streetfighter:not(.mtfx10-hadouken-js-ready) .mtfx10-street-intro::before {
  animation: mtfx10-hadouken-charge 7.35s cubic-bezier(.18,.86,.18,1) 0s 1 both;
}

.mtfx10-section.mtfx10-theme-streetfighter.mtfx10-hadouken-active .mtfx10-street-intro::after,
.mtfx10-section.mtfx10-theme-streetfighter:not(.mtfx10-hadouken-js-ready) .mtfx10-street-intro::after {
  animation: mtfx10-hadouken-beam 7.35s cubic-bezier(.1,.78,.16,1) 0s 1 both;
}

/* === MT targeted update v11.7.1 — Street Fighter Hadouken beam intensity/refined start-end ===
   Alleen Street Fighter hadouken visueel aangepast. Geen MT Clothing, header, overflows of andere secties aangepast. */
.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro {
  z-index: 905;
  overflow: hidden;
  opacity: 0;
  isolation: isolate;
  contain: paint;
  mix-blend-mode: normal;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro::before {
  right: 9.75%;
  top: 46.5%;
  width: clamp(150px, 19vw, 340px);
  height: clamp(150px, 19vw, 340px);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,1) 0 9%, rgba(180,248,255,1) 13%, rgba(0,203,255,.96) 29%, rgba(0,82,255,.82) 52%, rgba(0,22,180,.48) 68%, transparent 78%),
    conic-gradient(from 24deg, transparent 0 7%, rgba(255,255,255,.92) 12%, transparent 20%, rgba(0,213,255,.88) 29%, transparent 41%, rgba(255,255,255,.84) 50%, transparent 62%, rgba(0,91,255,.92) 78%, transparent 100%);
  filter:
    drop-shadow(0 0 12px rgba(160,244,255,.82))
    drop-shadow(0 0 26px rgba(0,176,255,.64))
    drop-shadow(0 0 42px rgba(0,58,255,.38));
  mix-blend-mode: normal;
}

.mtfx10-section.mtfx10-theme-streetfighter .mtfx10-street-intro::after {
  right: -18vw;
  top: calc(46.5% - clamp(56px, 7.2vw, 112px));
  width: 146vw;
  height: clamp(112px, 14.4vw, 224px);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(0,42,255,.22) 5%, rgba(0,114,255,.68) 16%, rgba(0,215,255,.96) 31%, rgba(218,252,255,1) 44%, rgba(255,255,255,1) 50%, rgba(196,250,255,1) 56%, rgba(0,213,255,.94) 68%, rgba(0,88,255,.70) 86%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgba(0,81,255,.28) 13%, rgba(0,201,255,.72) 29%, rgba(229,253,255,1) 45%, rgba(255,255,255,1) 50%, rgba(188,249,255,.98) 56%, rgba(0,174,255,.70) 71%, rgba(0,40,255,.24) 88%, transparent 100%);
  box-shadow:
    0 0 14px rgba(143,239,255,.78),
    0 0 28px rgba(0,176,255,.48),
    0 0 44px rgba(0,52,255,.26);
  filter: saturate(1.95) contrast(1.16) brightness(1.12);
  transform: translate3d(0, 0, 0) scaleX(.04) scaleY(.72);
  transform-origin: right center;
  mix-blend-mode: normal;
}

@keyframes mtfx10-street-layer {
  0% { opacity: 0; }
  7% { opacity: .82; }
  50% { opacity: .92; }
  78% { opacity: .94; }
  94% { opacity: .72; }
  100% { opacity: 0; }
}

@keyframes mtfx10-hadouken-charge {
  0% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(.12) rotate(0deg); }
  8% { opacity: .58; transform: translate3d(50%, -50%, 0) scale(.34) rotate(34deg); }
  21% { opacity: .96; transform: translate3d(50%, -50%, 0) scale(.76) rotate(128deg); }
  37% { opacity: 1; transform: translate3d(50%, -50%, 0) scale(1.03) rotate(260deg); }
  51% { opacity: .98; transform: translate3d(50%, -50%, 0) scale(1.22) rotate(390deg); }
  57% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(1.48) rotate(470deg); }
  100% { opacity: 0; transform: translate3d(50%, -50%, 0) scale(1.48) rotate(470deg); }
}

@keyframes mtfx10-hadouken-beam {
  0%, 52% { opacity: 0; transform: translate3d(2vw, 0, 0) scaleX(.025) scaleY(.62); }
  56% { opacity: .82; transform: translate3d(0, 0, 0) scaleX(.16) scaleY(.94); }
  61% { opacity: 1; transform: translate3d(-18vw, 0, 0) scaleX(.44) scaleY(1.1); }
  70% { opacity: 1; transform: translate3d(-54vw, 0, 0) scaleX(.88) scaleY(1.12); }
  82% { opacity: .98; transform: translate3d(-98vw, 0, 0) scaleX(1.08) scaleY(1.08); }
  91% { opacity: .9; transform: translate3d(-132vw, 0, 0) scaleX(.88) scaleY(.96); }
  97% { opacity: .44; transform: translate3d(-154vw, 0, 0) scaleX(.58) scaleY(.78); }
  100% { opacity: 0; transform: translate3d(-168vw, 0, 0) scaleX(.36) scaleY(.62); }
}

/* === MT targeted update v11.7.2 — Naruto layer 1 overlap over One Piece ===
   Alleen Naruto laag 1/karakter krijgt overlap-diepte boven One Piece.
   Geen MT Clothing, header/menu, arrows, transition, overflows of andere secties aangepast. */
.elementor-widget-mtfx10_naruto_section,
.elementor-widget-mtfx10_naruto_section > .elementor-widget-container,
.elementor-widget-mtfx10_naruto_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-naruto {
  position: relative !important;
  overflow: visible !important;
  z-index: 1100 !important;
}

.mtfx10-section.mtfx10-theme-naruto .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 1110 !important;
}

.mtfx10-section.mtfx10-theme-naruto .mtfx10-layer--1 {
  overflow: visible !important;
  z-index: 1111 !important;
}


/* === MT targeted update v11.8.0 — Gaming Guild intro + on-page shortcuts ===
   Nieuwe Gaming Guild sectie. Geen MT Clothing/header/overlap/overflow-regels voor bestaande secties gewijzigd. */
.mtfx10-section {
  scroll-margin-top: 120px;
}

.mtgg-section {
  --mtgg-bg: linear-gradient(180deg, #080808 0%, #0d0d0f 48%, #080808 100%);
  --mtgg-accent: #e8c45a;
  --mtgg-accent-2: #f7e090;
  --mtgg-pad-y: 92px;
  position: relative;
  min-height: auto;
  padding: var(--mtgg-pad-y) clamp(20px, 5vw, 76px);
  overflow: hidden;
  isolation: isolate;
  background: var(--mtgg-bg);
  color: #f5f5f0;
  text-transform: none;
}

.mtgg-section,
.mtgg-section * {
  box-sizing: border-box;
}

.mtgg-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 10%, color-mix(in srgb, var(--mtgg-accent), transparent 84%), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 26%, rgba(0,0,0,.38));
}

.mtgg-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at 50% 22%, #000 0%, transparent 74%);
}

.mtgg-inner {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
  text-align: center;
}

.mtgg-kicker {
  margin: 0 0 18px;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(11px, .9vw, 14px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .42em;
  text-transform: uppercase;
  color: var(--mtgg-accent);
}

.mtgg-title {
  margin: 0;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: clamp(76px, 9vw, 154px);
  font-weight: 400;
  line-height: .86;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.96);
  text-shadow: 0 18px 58px rgba(0,0,0,.46);
}

.mtgg-subtitle {
  width: min(780px, 100%);
  margin: 22px auto 0;
  font-family: 'Cinzel', serif;
  font-size: clamp(13px, 1.25vw, 18px);
  line-height: 1.6;
  letter-spacing: .18em;
  color: rgba(245,245,240,.64);
}

.mtgg-media-frame {
  --mtgg-media-w: 1280px;
  --mtgg-media-h: 620px;
  --mtgg-radius: 26px;
  --mtgg-video-scale: 1.06;
  --mtgg-video-x: 0px;
  --mtgg-video-y: -34px;
  position: relative;
  width: min(var(--mtgg-media-w), 100%);
  height: clamp(220px, 46vw, var(--mtgg-media-h));
  margin: clamp(34px, 5vw, 70px) auto 0;
  border-radius: var(--mtgg-radius);
  padding: 1px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mtgg-accent), transparent 8%), rgba(255,255,255,.10) 36%, color-mix(in srgb, var(--mtgg-accent-2), transparent 18%) 100%);
  box-shadow:
    0 32px 90px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,255,255,.10);
  overflow: hidden;
}

.mtgg-media-frame::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  pointer-events: none;
  border-radius: calc(var(--mtgg-radius) - 1px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 28px 80px rgba(255,255,255,.06),
    inset 0 -36px 90px rgba(0,0,0,.36);
}

.mtgg-media-frame video,
.mtgg-media-frame img {
  display: block;
  position: absolute;
  left: calc(50% + var(--mtgg-video-x));
  top: var(--mtgg-video-y);
  width: calc(100% * var(--mtgg-video-scale));
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  border-radius: calc(var(--mtgg-radius) - 1px);
  object-fit: cover;
  object-position: center top;
  background: #080808;
  transform: translateX(-50%);
  transform-origin: center top;
}

.mtgg-media-frame--empty {
  display: grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(232,196,90,.14), transparent 54%),
    rgba(255,255,255,.035);
  color: rgba(245,245,240,.58);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.mtgg-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 16px;
  width: min(1180px, 100%);
  margin: clamp(30px, 4vw, 54px) auto 0;
  text-align: left;
}

.mtgg-shortcut-group {
  min-height: 100%;
  padding: 22px 22px 20px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    rgba(8,8,8,.32);
  box-shadow: 0 22px 60px rgba(0,0,0,.26);
  backdrop-filter: blur(16px);
}

.mtgg-shortcut-group-title,
.mtgg-shortcut-link {
  text-decoration: none;
}

.mtgg-shortcut-group-title {
  display: inline-flex;
  align-items: center;
  margin: 0 0 16px;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mtgg-accent);
}

.mtgg-shortcut-links {
  display: grid;
  gap: 8px;
}

.mtgg-shortcut-link {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 12px;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .08em;
  color: rgba(245,245,240,.68);
  background: rgba(255,255,255,.025);
  transition: transform .24s ease, color .24s ease, background .24s ease;
}

.mtgg-shortcut-link:hover,
.mtgg-shortcut-group-title:hover {
  color: #fff;
}

.mtgg-shortcut-link:hover {
  transform: translateX(4px);
  background: color-mix(in srgb, var(--mtgg-accent), transparent 88%);
}

@media (max-width: 1024px) {
  .mtgg-shortcuts {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (max-width: 640px) {
  .mtgg-section {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mtgg-title {
    font-size: clamp(58px, 18vw, 96px);
  }

  .mtgg-shortcuts {
    grid-template-columns: 1fr;
  }
}

/* === MT targeted update v11.8.1 — Gaming Guild image layers + fade + editable 4-grid menu ===
   Alleen MT Gaming Guild aangepast. Geen bestaande MT Clothing/header/section-overflow regels gewijzigd. */
.mtgg-section {
  --mtgg-copy-min-h: 220px;
  --mtgg-fade-color: #080808;
  --mtgg-top-fade: 150px;
  --mtgg-bottom-fade: 170px;
  --mtgg-menu-width: 1180px;
  --mtgg-menu-x: 0px;
  --mtgg-menu-y: 0px;
  --mtgg-menu-gap: 16px;
  --mtgg-grid-cols: 4;
  --mtgg-card-bg: rgba(255,255,255,.055);
  --mtgg-card-border: rgba(255,255,255,.14);
  --mtgg-item-bg: rgba(255,255,255,.04);
}

.mtgg-section::before,
.mtgg-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.mtgg-section::before {
  top: 0;
  height: var(--mtgg-top-fade);
  background: linear-gradient(180deg, var(--mtgg-fade-color) 0%, color-mix(in srgb, var(--mtgg-fade-color), transparent 35%) 38%, transparent 100%);
}

.mtgg-section::after {
  bottom: 0;
  height: var(--mtgg-bottom-fade);
  background: linear-gradient(0deg, var(--mtgg-fade-color) 0%, color-mix(in srgb, var(--mtgg-fade-color), transparent 35%) 42%, transparent 100%);
}

.mtgg-inner {
  z-index: 3;
}

.mtgg-copy {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: var(--mtgg-copy-min-h);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mtgg-copy:empty::before {
  content: "";
  display: block;
  width: 1px;
  min-height: var(--mtgg-copy-min-h);
}

.mtgg-free-layer {
  position: absolute;
  left: var(--mtgg-free-x, var(--x, 50%));
  top: var(--mtgg-free-y, var(--y, 50%));
  z-index: var(--mtgg-free-z, var(--z, 4));
  width: var(--mtgg-free-w, var(--w, 520px));
  height: var(--mtgg-free-h, var(--h, auto));
  opacity: var(--mtgg-free-opacity, var(--op, 1));
  mix-blend-mode: var(--mtgg-free-blend, var(--blend, normal));
  pointer-events: none;
  transform: translate(-50%, -50%) scale(var(--mtgg-free-scale, var(--s, 1))) rotate(var(--mtgg-free-rotate, var(--r, 0deg)));
  transform-origin: center center;
  will-change: transform, opacity;
}

.mtgg-free-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 24px 70px rgba(0,0,0,.42));
  user-select: none;
}

.mtgg-media-frame {
  position: relative;
  z-index: 3;
}

.mtgg-menu-wrap {
  position: relative;
  z-index: 3;
  width: min(var(--mtgg-menu-width), 100%);
  margin: clamp(30px, 4vw, 54px) auto 0;
  transform: translate(var(--mtgg-menu-x), var(--mtgg-menu-y));
}

.mtgg-shortcuts {
  width: 100%;
  margin: 0;
  grid-template-columns: repeat(var(--mtgg-grid-cols), minmax(0, 1fr));
  gap: var(--mtgg-menu-gap);
}

.mtgg-shortcut-group {
  border-color: var(--mtgg-card-border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)),
    var(--mtgg-card-bg);
}

.mtgg-shortcut-link,
.mtgg-extra-row-link {
  background: var(--mtgg-item-bg);
}

.mtgg-extra-row {
  width: 100%;
  margin-top: var(--mtgg-menu-gap);
  padding: 20px 22px;
  border: 1px solid var(--mtgg-card-border);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026)),
    var(--mtgg-card-bg);
  box-shadow: 0 22px 60px rgba(0,0,0,.24);
  backdrop-filter: blur(16px);
  text-align: left;
}

.mtgg-extra-row-title {
  margin: 0 0 14px;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mtgg-accent);
}

.mtgg-extra-row-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.mtgg-extra-row-link {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border-radius: 12px;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .08em;
  color: rgba(245,245,240,.76);
  text-decoration: none;
  transition: transform .24s ease, color .24s ease, background .24s ease;
}

.mtgg-extra-row-link:hover {
  color: #fff;
  transform: translateY(-2px);
  background: color-mix(in srgb, var(--mtgg-accent), transparent 88%);
}

@media (max-width: 1024px) {
  .mtgg-shortcuts,
  .mtgg-extra-row-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .mtgg-copy {
    min-height: calc(var(--mtgg-copy-min-h) * .72);
  }

  .mtgg-shortcuts,
  .mtgg-extra-row-links {
    grid-template-columns: 1fr;
  }
}

/* === MT targeted update v11.8.2 — Gaming Guild per-menu rows + individual styling ===
   Alleen MT Gaming Guild quick-jump menu aangepast. Geen MT Clothing/header/section-overflow regels gewijzigd. */
.mtgg-shortcuts--rows {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(0, auto);
  align-items: stretch;
  gap: var(--mtgg-menu-gap);
}

.mtgg-shortcut-group--controlled {
  grid-column: var(--mtgg-group-col) / span 1;
  grid-row: var(--mtgg-group-row) / span 1;
  justify-self: var(--mtgg-group-justify);
  width: min(var(--mtgg-group-width), 100%);
  padding: var(--mtgg-group-pad-y) var(--mtgg-group-pad-x);
  border-color: var(--mtgg-group-border, var(--mtgg-card-border));
  border-radius: var(--mtgg-group-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)),
    var(--mtgg-group-bg, var(--mtgg-card-bg));
  text-align: var(--mtgg-group-text-align);
  transform: translate(var(--mtgg-group-x), var(--mtgg-group-y));
}

.mtgg-shortcut-group--controlled .mtgg-shortcut-group-title {
  display: flex;
  width: 100%;
  justify-content: var(--mtgg-group-link-justify);
  color: var(--mtgg-group-title-color, var(--mtgg-accent));
  text-align: var(--mtgg-group-text-align);
}

.mtgg-shortcut-group--controlled .mtgg-shortcut-links {
  padding: 0;
  border-radius: calc(var(--mtgg-group-radius) * .62);
  background: var(--mtgg-group-buttons-bg, transparent);
}

.mtgg-shortcut-group--controlled .mtgg-shortcut-link {
  justify-content: var(--mtgg-group-link-justify);
  padding: var(--mtgg-group-button-pad-y) var(--mtgg-group-button-pad-x);
  border: 1px solid var(--mtgg-group-button-border, transparent);
  border-radius: var(--mtgg-group-button-radius);
  color: var(--mtgg-group-button-color, rgba(245,245,240,.76));
  background: var(--mtgg-group-button-bg, var(--mtgg-item-bg));
  text-align: var(--mtgg-group-text-align);
}

.mtgg-shortcut-group--controlled .mtgg-shortcut-link:hover {
  color: var(--mtgg-group-button-hover-color, #fff);
  background: var(--mtgg-group-button-hover-bg, color-mix(in srgb, var(--mtgg-accent), transparent 88%));
}

.mtgg-extra-row {
  display: none !important;
}

@media (max-width: 1024px) {
  .mtgg-shortcuts--rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mtgg-shortcut-group--controlled {
    grid-column: auto / span 1;
    grid-row: auto / span 1;
  }
}

@media (max-width: 640px) {
  .mtgg-shortcuts--rows {
    grid-template-columns: 1fr;
  }

  .mtgg-shortcut-group--controlled {
    grid-column: auto / span 1;
    grid-row: auto / span 1;
    justify-self: stretch;
    width: 100%;
    transform: none;
  }
}

/* === MT targeted update v11.8.4 — Gaming Guild free image layer 1 overlap over Clothing ===
   Alleen MT Gaming Guild vrije afbeelding laag 1 krijgt overlap-ruimte boven MT Clothing.
   Geen bestaande MT Clothing/header/menu/arrows/transition/andere section regels aangepast. */
.elementor-widget-mtfx10_gaming_guild_section,
.elementor-widget-mtfx10_gaming_guild_section > .elementor-widget-container,
.elementor-widget-mtfx10_gaming_guild_section .elementor-widget-container,
.mtgg-section {
  position: relative !important;
  overflow: visible !important;
  z-index: 1200 !important;
}


.mtgg-section .mtgg-free-layer--1 {
  z-index: 1210 !important;
}

/* === MT targeted update v11.8.5 — Gaming Guild vrije afbeelding controls geïsoleerd ===
   Vrije afbeelding-laag X/Y/scale gebruikt eigen CSS-variabelen zodat het MP4 frame niet meebeweegt in Elementor preview. */
.mtgg-media-frame {
  --mtgg-free-x: initial;
  --mtgg-free-y: initial;
  --mtgg-free-scale: initial;
  --mtgg-free-rotate: initial;
}

/* === MT targeted update v11.8.6 — Collectibles layer 1 overlap over Gaming Guild ===
   Alleen MT Collectibles & Figurines laag 1 krijgt overlap-diepte boven MT Gaming Guild.
   MT Gaming Guild, MT Clothing, header/menu/arrows/transition en andere secties blijven inhoudelijk onaangeraakt. */
.elementor-widget-mtfx10_collectibles_section,
.elementor-widget-mtfx10_collectibles_section > .elementor-widget-container,
.elementor-widget-mtfx10_collectibles_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-collectibles {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: auto !important;
}

.mtfx10-section.mtfx10-theme-collectibles .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 1230 !important;
}

.mtfx10-section.mtfx10-theme-collectibles .mtfx10-layer--1 {
  overflow: visible !important;
  z-index: 1231 !important;
}

/* === MT targeted update v11.8.7 — MP4-accurate extra background animations + Gaming Guild animation support ===
   Bestaande goede animaties 1, 5, 9, 13 en 17 blijven onaangeraakt.
   Nieuwe opties 18 t/m 23 gebruiken de aangeleverde MP4's als echte achtergrondanimatie-assets. */
.mtfx10-bg-animation--video {
  opacity: var(--mtfx10-bgani-o);
  background: transparent;
}

.mtfx10-bg-animation--video .mtfx10-bgani-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  filter:
    blur(var(--mtfx10-bgani-blur))
    brightness(1.06)
    contrast(1.04)
    saturate(1.08)
    drop-shadow(0 0 calc(18px * var(--mtfx10-bgani-glow)) color-mix(in srgb, var(--mtfx10-bgani-c1), transparent 52%));
  transform: translateZ(0);
}

.mtgg-section > .mtfx10-bg-animation {
  z-index: 1;
}

.mtgg-section > .mtfx10-bg-animation--video {
  z-index: 1;
}

.mtfx10-bgani-mp4-diagonal-streaks .mtfx10-bg-animation--video .mtfx10-bgani-video,
.mtfx10-bgani-mp4-soft-horizon .mtfx10-bg-animation--video .mtfx10-bgani-video,
.mtfx10-bgani-mp4-corner-arc .mtfx10-bg-animation--video .mtfx10-bgani-video,
.mtfx10-bgani-mp4-perspective-grid .mtfx10-bg-animation--video .mtfx10-bgani-video,
.mtfx10-bgani-mp4-neon-rain .mtfx10-bg-animation--video .mtfx10-bgani-video,
.mtfx10-bgani-mp4-digital-noise .mtfx10-bg-animation--video .mtfx10-bgani-video {
  background: #000;
}


/* === MT targeted update — Clothing ↔ Gaming Guild seamless transition fade ===
   Alleen overgang onder MT Clothing en boven MT Gaming Guild. Geen bestaande animaties, menu's of overflows aangepast. */
.mtfx10-theme-clothing {
  --mtcl-bottom-transition-fade-h: 260px;
  --mtcl-bottom-transition-fade-overlap: 90px;
  --mtcl-bottom-transition-fade-o: .92;
  --mtcl-bottom-transition-fade-color: #080808;
}

.mtfx10-theme-clothing .mtcl-section-bottom-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--mtcl-bottom-transition-fade-overlap) * -1);
  height: calc(var(--mtcl-bottom-transition-fade-h) + var(--mtcl-bottom-transition-fade-overlap));
  z-index: 8;
  pointer-events: none;
  opacity: var(--mtcl-bottom-transition-fade-o);
  background:
    linear-gradient(
      to bottom,
      color-mix(in srgb, var(--mtcl-bottom-transition-fade-color), transparent 100%) 0%,
      color-mix(in srgb, var(--mtcl-bottom-transition-fade-color), transparent 72%) 34%,
      color-mix(in srgb, var(--mtcl-bottom-transition-fade-color), transparent 18%) 72%,
      var(--mtcl-bottom-transition-fade-color) 100%
    );
}

.mtgg-section {
  --mtgg-top-fade-opacity: 1;
  --mtgg-bottom-fade-opacity: 1;
}

.mtgg-section.mtgg-top-fade-enabled::before {
  opacity: var(--mtgg-top-fade-opacity);
}

.mtgg-section.mtgg-bottom-fade-enabled::after {
  opacity: var(--mtgg-bottom-fade-opacity);
}

.mtgg-section:not(.mtgg-top-fade-enabled)::before,
.mtgg-section:not(.mtgg-bottom-fade-enabled)::after {
  display: none;
}

/* === MT targeted update — Clothing ↔ Gaming Guild fade layer priority fix ===
   Zet de overgangsfades boven de achtergrondanimaties, maar onder content/media/menu/layers.
   Geen animatie-inhoud, overflows, menu's of sectie-instellingen aangepast. */
.mtgg-section > .mtgg-bg {
  z-index: 0 !important;
}

.mtgg-section > .mtfx10-bg-animation,
.mtgg-section > .mtfx10-bg-animation--video {
  z-index: 1 !important;
}

.mtgg-section.mtgg-top-fade-enabled::before,
.mtgg-section.mtgg-bottom-fade-enabled::after {
  z-index: 2 !important;
}

.mtgg-section > .mtgg-inner,
.mtgg-section .mtgg-media-frame,
.mtgg-section .mtgg-menu-wrap,
.mtgg-section .mtgg-copy {
  position: relative;
  z-index: 3;
}

.mtfx10-theme-clothing .mtcl-section-bottom-fade {
  z-index: 80 !important;
}

/* === MT targeted update — all section fade layer priority check/fix ===
   Zorgt dat achtergrondanimaties onder section fades/vignette blijven in alle mtfx10 secties.
   Content, media, menu's en karakterlagen blijven erboven. Geen animatie-inhoud aangepast. */
.mtfx10-section > .mtfx10-video-layer,
.mtfx10-section > .mtfx10-scene {
  z-index: 0 !important;
}

.mtfx10-section > .mtfx10-bg-animation,
.mtfx10-section > .mtfx10-bg-animation--video,
.mtfx10-section > .mtfx10-particles {
  z-index: 2 !important;
}

.mtfx10-section > .mtfx10-vignette {
  z-index: 4 !important;
}

.mtfx10-section > .mtfx10-bleed-top,
.mtfx10-section > .mtfx10-bleed-bottom {
  z-index: 5 !important;
}

.mtfx10-section > .mtfx10-stage {
  z-index: 8;
}

.mtfx10-section > .mtfx10-content {
  z-index: 10;
}

/* === MT targeted update v11.8.8 — MP4 background animation layer hard-fix ===
   MP4-gebaseerde achtergrondanimaties blijven onder section fades/transition overlays.
   Bestaande animaties/instellingen worden niet visueel aangepast. */
.mtfx10-section > .mtfx10-bg-animation--video,
.mtfx10-section > .mtfx10-bg-animation {
  z-index: 1 !important;
}

.mtfx10-section > .mtfx10-bg-animation--video .mtfx10-bgani-video {
  position: absolute;
  z-index: 0 !important;
}

.mtfx10-section > .mtfx10-video-layer,
.mtfx10-section > .mtfx10-scene,
.mtgg-section > .mtgg-bg {
  z-index: 0 !important;
}

.mtfx10-section > .mtfx10-particles {
  z-index: 2 !important;
}

.mtfx10-section > .mtfx10-vignette,
.mtfx10-section > .mtfx10-bleed-top,
.mtfx10-section > .mtfx10-bleed-bottom,
.mtfx10-section > .mtfx10-layer-fade,
.mtgg-section.mtgg-top-fade-enabled::before,
.mtgg-section.mtgg-bottom-fade-enabled::after {
  z-index: 20 !important;
}

.mtfx10-theme-clothing .mtcl-section-bottom-fade {
  z-index: 120 !important;
  isolation: isolate;
}

.mtfx10-section > .mtfx10-stage {
  z-index: 40 !important;
}

.mtfx10-section > .mtfx10-content {
  z-index: 50 !important;
}

.mtgg-section > .mtgg-inner,
.mtgg-section .mtgg-media-frame,
.mtgg-section .mtgg-menu-wrap,
.mtgg-section .mtgg-copy {
  position: relative;
  z-index: 50 !important;
}

.mtgg-section > .mtgg-free-layer {
  z-index: calc(50 + var(--mtgg-free-z, 4)) !important;
}


/* === MT Console sections — Playstation / Xbox / Nintendo === */
.elementor-widget-mtfx10_playstation_section,
.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_nintendo_section {
  position: relative;
  z-index: 5;
  overflow: visible !important;
}

.mtfx10-theme-playstation,
.mtfx10-theme-xbox,
.mtfx10-theme-nintendo {
  --mtfx10-section-z: 5;
}

.mtfx10-theme-playstation .mtfx10-bg-animation,
.mtfx10-theme-xbox .mtfx10-bg-animation,
.mtfx10-theme-nintendo .mtfx10-bg-animation {
  z-index: 2;
}

.mtfx10-theme-playstation .mtfx10-vignette,
.mtfx10-theme-xbox .mtfx10-vignette,
.mtfx10-theme-nintendo .mtfx10-vignette,
.mtfx10-theme-playstation .mtfx10-bleed-top,
.mtfx10-theme-playstation .mtfx10-bleed-bottom,
.mtfx10-theme-xbox .mtfx10-bleed-top,
.mtfx10-theme-xbox .mtfx10-bleed-bottom,
.mtfx10-theme-nintendo .mtfx10-bleed-top,
.mtfx10-theme-nintendo .mtfx10-bleed-bottom {
  z-index: 4;
}

.mtfx10-theme-playstation .mtfx10-particles,
.mtfx10-theme-xbox .mtfx10-particles,
.mtfx10-theme-nintendo .mtfx10-particles {
  z-index: 5;
}

.mtfx10-theme-playstation .mtfx10-stage,
.mtfx10-theme-xbox .mtfx10-stage,
.mtfx10-theme-nintendo .mtfx10-stage {
  z-index: 18;
  overflow: visible;
}

.mtfx10-theme-playstation .mtfx10-content,
.mtfx10-theme-xbox .mtfx10-content,
.mtfx10-theme-nintendo .mtfx10-content {
  z-index: 20;
}

.mtfx10-theme-xbox .mtfx10-content {
  justify-content: flex-end;
}

.mtfx10-theme-nintendo .mtfx10-content {
  justify-content: flex-start;
}

.mtfx10-theme-playstation .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 72% 46%, rgba(31,124,255,.28), transparent 44%),
    radial-gradient(ellipse at 36% 70%, rgba(176,184,189,.13), transparent 40%),
    linear-gradient(135deg, rgba(5,12,28,.92), rgba(6,21,42,.96));
  animation: mtfx10-console-blue-breathe 8.2s ease-in-out infinite alternate;
}

.mtfx10-theme-playstation .mtfx10-scene::after {
  opacity: .86;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 78% 48%, rgba(31,124,255,.18), transparent 46%),
    url('mtfx-console-playstation-shapes.png') right 3% center / min(54vw, 860px) auto no-repeat,
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");
}

.mtfx10-theme-xbox .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 70% 45%, rgba(82,255,53,.30), transparent 42%),
    radial-gradient(ellipse at 33% 72%, rgba(15,127,40,.18), transparent 44%),
    linear-gradient(135deg, rgba(2,9,4,.96), rgba(5,28,10,.94));
  animation: mtfx10-console-green-breathe 7.8s ease-in-out infinite alternate;
}

.mtfx10-theme-xbox .mtfx10-scene::after {
  opacity: .82;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 24% 50%, rgba(82,255,53,.16), transparent 42%),
    url('mtfx-console-xbox-logo.png') left 4% center / min(44vw, 740px) auto no-repeat,
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
}

.mtfx10-theme-nintendo {
  --mtfx10-accent: #00b7ff !important;
  --mtfx10-accent-2: #67d8ff !important;
}

.mtfx10-theme-nintendo .mtfx10-scene::before {
  background:
    radial-gradient(ellipse at 72% 42%, rgba(236,0,18,.58), transparent 45%),
    radial-gradient(ellipse at 34% 74%, rgba(108,0,8,.44), transparent 44%),
    radial-gradient(ellipse at 50% 50%, rgba(255,42,36,.18), transparent 58%),
    linear-gradient(135deg, #140002 0%, #4a0008 48%, #080001 100%);
  animation: mtfx10-console-red-blue-breathe 7.4s ease-in-out infinite alternate;
}

.mtfx10-theme-nintendo .mtfx10-scene::after {
  opacity: .72;
  mix-blend-mode: soft-light;
  background:
    radial-gradient(ellipse at 78% 50%, rgba(228,0,15,.28), transparent 46%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");
}

.mtfx10-console-bg-art {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  opacity: var(--mtfx10-nintendo-img-opacity, .88);
  mix-blend-mode: var(--mtfx10-console-bg-blend, normal);
  filter: brightness(var(--mtfx10-nintendo-img-brightness, 1)) saturate(var(--mtfx10-nintendo-img-saturate, 1)) blur(var(--mtfx10-nintendo-img-blur, 0px));
}

.mtfx10-console-bg-art--nintendo {
  left: var(--mtfx10-nintendo-img-x, 76%);
  top: var(--mtfx10-nintendo-img-y, 50%);
  width: var(--mtfx10-nintendo-img-w, min(48vw, 820px));
  transform: translate(-50%, -50%);
}

.mtfx10-console-bg-art img {
  display: block;
  width: 100%;
  height: auto;
}

.mtfx10-theme-nintendo .mtfx10-particle {
  background: rgba(228, 0, 15, .72);
  box-shadow: 0 0 18px rgba(255, 42, 36, .58);
}

.mtfx10-theme-playstation .mtfx10-subbtn,
.mtfx10-theme-xbox .mtfx10-subbtn,
.mtfx10-theme-nintendo .mtfx10-subbtn {
  border-color: color-mix(in srgb, var(--mtfx10-accent), white 14%);
  background: linear-gradient(135deg, color-mix(in srgb, var(--mtfx10-accent), transparent 90%), rgba(255,255,255,.035));
}

.mtfx10-theme-playstation .mtfx10-subbtn:hover,
.mtfx10-theme-xbox .mtfx10-subbtn:hover,
.mtfx10-theme-nintendo .mtfx10-subbtn:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--mtfx10-accent), transparent 76%), color-mix(in srgb, var(--mtfx10-accent-2), transparent 88%));
}

@keyframes mtfx10-console-blue-breathe {
  from { filter: blur(8px) saturate(1.05); transform: translate3d(-1%, -.4%, 0) scale(1.025); }
  to { filter: blur(6px) saturate(1.22); transform: translate3d(1.2%, .6%, 0) scale(1.065); }
}

@keyframes mtfx10-console-green-breathe {
  from { filter: blur(8px) saturate(1.08); transform: translate3d(-.8%, .4%, 0) scale(1.02); }
  to { filter: blur(6px) saturate(1.24); transform: translate3d(1.1%, -.5%, 0) scale(1.06); }
}

@keyframes mtfx10-console-red-blue-breathe {
  from { filter: blur(8px) saturate(1.05); transform: translate3d(-1%, .3%, 0) scale(1.02); }
  to { filter: blur(6px) saturate(1.24); transform: translate3d(1%, -.4%, 0) scale(1.06); }
}

@media (max-width: 900px) {
  .mtfx10-theme-playstation .mtfx10-scene::after,
  .mtfx10-theme-xbox .mtfx10-scene::after,
  .mtfx10-theme-nintendo .mtfx10-scene::after {
    background-size: 130vw auto, auto, auto;
    background-position: center 62%, center, center;
    opacity: .34;
  }

  .mtfx10-theme-xbox .mtfx10-content,
  .mtfx10-theme-nintendo .mtfx10-content {
    justify-content: flex-start;
  }
}


@media (max-width: 900px) {
  .mtfx10-theme-nintendo .mtfx10-scene::after {
    background-size: auto;
    background-position: center;
    opacity: .42;
  }

  .mtfx10-console-bg-art--nintendo {
    left: var(--mtfx10-nintendo-img-x, 50%);
    top: var(--mtfx10-nintendo-img-y, 58%);
    width: var(--mtfx10-nintendo-img-w, 122vw);
  }
}


/* === MT targeted update v11.8.16 — restore console background controls and clean layer order ===
   Basis: inner-fade-height-fix. Alleen console background art/layer stack hersteld. */
.mtfx10-theme-playstation .mtfx10-scene::after {
  opacity: .72 !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 78% 48%, rgba(31,124,255,.18), transparent 46%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E") !important;
}

.mtfx10-theme-xbox .mtfx10-scene::after {
  opacity: .68 !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 24% 50%, rgba(82,255,53,.16), transparent 42%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E") !important;
}

.mtfx10-console-bg-art {
  position: absolute !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: var(--mtfx10-console-bg-opacity, .88) !important;
  mix-blend-mode: var(--mtfx10-console-bg-blend, normal) !important;
  filter: brightness(var(--mtfx10-console-bg-brightness, 1)) saturate(var(--mtfx10-console-bg-saturate, 1)) blur(var(--mtfx10-console-bg-blur, 0px)) !important;
  transform: translate(-50%, -50%) !important;
}

.mtfx10-console-bg-art--playstation {
  --mtfx10-console-bg-opacity: var(--mtfx10-playstation-img-opacity, .86);
  --mtfx10-console-bg-brightness: var(--mtfx10-playstation-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-playstation-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-playstation-img-blur, 0px);
  left: var(--mtfx10-playstation-img-x, 74%) !important;
  top: var(--mtfx10-playstation-img-y, 50%) !important;
  width: var(--mtfx10-playstation-img-w, min(54vw, 860px)) !important;
}

.mtfx10-console-bg-art--xbox {
  --mtfx10-console-bg-opacity: .82;
  --mtfx10-console-bg-brightness: 1;
  --mtfx10-console-bg-saturate: 1;
  --mtfx10-console-bg-blur: 0px;
  left: 26% !important;
  top: 50% !important;
  width: min(42vw, 720px) !important;
}

.mtfx10-console-bg-art--nintendo {
  --mtfx10-console-bg-opacity: var(--mtfx10-nintendo-img-opacity, .88);
  --mtfx10-console-bg-brightness: var(--mtfx10-nintendo-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-nintendo-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-nintendo-img-blur, 0px);
}

.mtfx10-console-bg-art img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 140 !important;
  pointer-events: none !important;
  isolation: isolate !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage .mtfx10-layer {
  overflow: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: var(--op, 1) !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage .mtfx10-layer img {
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-vignette,
.mtfx10-section.mtfx10-theme-playstation > .mtfx10-bleed-top,
.mtfx10-section.mtfx10-theme-playstation > .mtfx10-bleed-bottom,
.mtfx10-section.mtfx10-theme-playstation > .mtfx10-inner-fade {
  z-index: 20 !important;
}

@media (max-width: 900px) {
  .mtfx10-console-bg-art--playstation {
    left: var(--mtfx10-playstation-img-x, 50%) !important;
    top: var(--mtfx10-playstation-img-y, 58%) !important;
    width: var(--mtfx10-playstation-img-w, 120vw) !important;
  }

  .mtfx10-console-bg-art--xbox {
    left: 50% !important;
    top: 58% !important;
    width: 118vw !important;
  }
}

/* === MT targeted update v11.8.18 — PlayStation layer images over Naruto only ===
   Alleen PlayStation LAAG 1 t/m 5 / mtfx10-stage mag boven Naruto overlappen.
   Achtergrond, fades, vignet, menu/content en andere secties blijven op hun bestaande laagvolgorde. */
.elementor-widget-mtfx10_playstation_section,
.elementor-widget-mtfx10_playstation_section > .elementor-widget-container,
.elementor-widget-mtfx10_playstation_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-playstation {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: auto !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 1210 !important;
  pointer-events: none !important;
  isolation: auto !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage .mtfx10-layer {
  overflow: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* === MT targeted update v11.8.19 — PlayStation layers above Naruto, below Xbox ===
   Alleen stacking-volgorde gecorrigeerd: PS LAAG 1 t/m 5 blijft boven Naruto, maar onder Xbox.
   Geen background, fades, vignet, menu/content, controls of assets aangepast. */
.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_xbox_section > .elementor-widget-container,
.elementor-widget-mtfx10_xbox_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-xbox {
  position: relative !important;
  overflow: visible !important;
  z-index: 1300 !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage {
  z-index: 1210 !important;
}

.elementor-widget-mtfx10_naruto_section,
.elementor-widget-mtfx10_naruto_section > .elementor-widget-container,
.elementor-widget-mtfx10_naruto_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-naruto {
  position: relative !important;
  overflow: visible !important;
  z-index: 1100 !important;
}

/* === MT targeted update v11.8.20 — Xbox layer clean + between PlayStation and Nintendo ===
   Alleen Xbox LAAG 1 t/m 5 / extra afbeelding-lagen gecorrigeerd.
   Xbox afbeeldingen renderen clean zoals PlayStation, boven PlayStation maar onder Nintendo. */
.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_xbox_section > .elementor-widget-container,
.elementor-widget-mtfx10_xbox_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-xbox {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: 1300 !important;
}

.elementor-widget-mtfx10_nintendo_section,
.elementor-widget-mtfx10_nintendo_section > .elementor-widget-container,
.elementor-widget-mtfx10_nintendo_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-nintendo {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: 1400 !important;
}

.mtfx10-section.mtfx10-theme-xbox > .mtfx10-stage {
  position: absolute !important;
  overflow: visible !important;
  z-index: 90 !important;
  pointer-events: none !important;
  isolation: auto !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.mtfx10-section.mtfx10-theme-xbox > .mtfx10-stage .mtfx10-layer {
  overflow: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: var(--op, 1) !important;
}

.mtfx10-section.mtfx10-theme-xbox > .mtfx10-stage .mtfx10-layer img {
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

.mtfx10-section.mtfx10-theme-xbox > .mtfx10-vignette,
.mtfx10-section.mtfx10-theme-xbox > .mtfx10-bleed-top,
.mtfx10-section.mtfx10-theme-xbox > .mtfx10-bleed-bottom,
.mtfx10-section.mtfx10-theme-xbox > .mtfx10-inner-fade {
  z-index: 20 !important;
}


/* === MT targeted update v11.8.25 — Clothing bovenfade en layer-onderfades hard uit ===
   Alleen deze twee punten:
   1. MT Clothing bovenfade/witte strook volledig uitgeschakeld.
   2. Afbeelding-laag onderfade volledig uitgeschakeld. */
.mtfx10-section.mtfx10-theme-clothing,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled {
  position: relative !important;
}

.mtfx10-section.mtfx10-theme-clothing::before,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before,
.mtfx10-section.mtfx10-theme-clothing::after,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::after,
.mtfx10-theme-clothing .mtfx10-scene::before {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  animation: none !important;
  pointer-events: none !important;
}

.mtfx10-layer-fade {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

/* === MT targeted update v11.8.30 — requested three-point fix only ===
   1. Clothing top-fade hardcoded with correct light/dark start colors.
   2. Xbox background image controls restored through existing Elementor fields.
   3. Button hover movement disabled while keeping light/glow hover feedback. */
.mtfx10-section.mtfx10-theme-clothing,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled {
  position: relative !important;
}

.mtfx10-section.mtfx10-theme-clothing::before,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: clamp(275px, 35vh, 450px) !important;
  z-index: 5 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: linear-gradient(
    to bottom,
    #ece9eb 0%,
    #ece9eb 14%,
    rgba(236,233,235,.82) 30%,
    rgba(236,233,235,.48) 55%,
    rgba(236,233,235,.18) 78%,
    rgba(236,233,235,0) 100%
  ) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  animation: none !important;
}

body.mt-theme-dark .mtfx10-section.mtfx10-theme-clothing::before,
body.mt-theme-dark .mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  background: linear-gradient(
    to bottom,
    #080808 0%,
    #080808 14%,
    rgba(8,8,8,.82) 30%,
    rgba(8,8,8,.48) 55%,
    rgba(8,8,8,.18) 78%,
    rgba(8,8,8,0) 100%
  ) !important;
}

.mtfx10-section.mtfx10-theme-clothing::after,
.mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::after {
  content: none !important;
  display: none !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-video-layer,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-bg-animation,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-particles,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-scene {
  z-index: 4 !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtfx10-stage,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-content,
.mtfx10-section.mtfx10-theme-clothing .mtfx10-copy,
.mtfx10-section.mtfx10-theme-clothing .mtcl-shell,
.mtfx10-section.mtfx10-theme-clothing .mtcl-desktop-flow,
.mtfx10-section.mtfx10-theme-clothing .mtcl-mobile-accordion {
  z-index: 10 !important;
}

.mtfx10-console-bg-art--xbox {
  --mtfx10-console-bg-opacity: var(--mtfx10-xbox-img-opacity, .82) !important;
  --mtfx10-console-bg-brightness: var(--mtfx10-xbox-img-brightness, 1) !important;
  --mtfx10-console-bg-saturate: var(--mtfx10-xbox-img-saturate, 1) !important;
  --mtfx10-console-bg-blur: var(--mtfx10-xbox-img-blur, 0px) !important;
  left: var(--mtfx10-xbox-img-x, 50%) !important;
  top: var(--mtfx10-xbox-img-y, 50%) !important;
  width: var(--mtfx10-xbox-img-w, min(42vw, 720px)) !important;
}

@media (max-width: 900px) {
  .mtfx10-console-bg-art--xbox {
    left: var(--mtfx10-xbox-img-x, 50%) !important;
    top: var(--mtfx10-xbox-img-y, 58%) !important;
    width: var(--mtfx10-xbox-img-w, 118vw) !important;
  }
}

.mtfx10-subbtn:hover,
.mtfx10-subbtn:focus-visible,
.mtfx10-theme-playstation .mtfx10-subbtn:hover,
.mtfx10-theme-xbox .mtfx10-subbtn:hover,
.mtfx10-theme-nintendo .mtfx10-subbtn:hover,
.mtfx10-theme-playstation .mtfx10-subbtn:focus-visible,
.mtfx10-theme-xbox .mtfx10-subbtn:focus-visible,
.mtfx10-theme-nintendo .mtfx10-subbtn:focus-visible {
  transform: none !important;
  filter: brightness(1.08) saturate(1.05) !important;
}

.mtfx10-cta:hover,
.mtfx10-cta:focus-visible {
  transform: translate3d(var(--tx, 0px), var(--ty, 0px), 0) !important;
  filter: brightness(1.1) saturate(1.06) !important;
}

.mtfx10-section.mtfx10-theme-clothing .mtcl-choice:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-choice:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:focus-within,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:focus-visible,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:hover,
.mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:focus-visible {
  transform: none !important;
  filter: brightness(1.08) saturate(1.04) !important;
}

/* === MT targeted update v11.8.31 — PlayStation laag 5 boven Xbox + Clothing fade 25% langer ===
   Alleen deze twee punten:
   1. PlayStation LAAG 5 mag boven Xbox overlappen; PlayStation LAAG 1 t/m 4 blijven onder Xbox.
   2. Clothing top-fade is 25% langer gemaakt via het bestaande fade-blok. */
.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage {
  z-index: auto !important;
  isolation: auto !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage .mtfx10-layer {
  z-index: 1210 !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage .mtfx10-layer--5 {
  z-index: 1350 !important;
}


/* === MT targeted update v11.8.32 — PlayStation LAAG 5 boven Xbox, zonder LAAG 1 t/m 4 ===
   Alleen PlayStation LAAG 5 is in de render gescheiden naar een eigen priority-stage.
   LAAG 1 t/m 4 blijven in de normale stage; Xbox blijft onder LAAG 5; Nintendo blijft boven LAAG 5. */
.elementor-widget-mtfx10_playstation_section,
.elementor-widget-mtfx10_playstation_section > .elementor-widget-container,
.elementor-widget-mtfx10_playstation_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-playstation {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: auto !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage:not(.mtfx10-stage--ps-layer5-over-xbox) {
  position: absolute !important;
  inset: 0 !important;
  overflow: visible !important;
  z-index: 1210 !important;
  pointer-events: none !important;
  isolation: auto !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage--ps-layer5-over-xbox {
  position: absolute !important;
  inset: 0 !important;
  overflow: visible !important;
  z-index: 1350 !important;
  pointer-events: none !important;
  isolation: auto !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage--ps-layer5-over-xbox .mtfx10-layer--5,
.mtfx10-section.mtfx10-theme-playstation > .mtfx10-stage--ps-layer5-over-xbox .mtfx10-layer--5 img {
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: var(--op, 1) !important;
}

.elementor-widget-mtfx10_xbox_section,
.elementor-widget-mtfx10_xbox_section > .elementor-widget-container,
.elementor-widget-mtfx10_xbox_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-xbox {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: 1300 !important;
}

.elementor-widget-mtfx10_nintendo_section,
.elementor-widget-mtfx10_nintendo_section > .elementor-widget-container,
.elementor-widget-mtfx10_nintendo_section .elementor-widget-container,
.mtfx10-section.mtfx10-theme-nintendo {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
  z-index: 1400 !important;
}

/* === MT targeted update v11.8.40 — section background image controls for Naruto, One Piece, Street Fighter, Dragonball + PlayStation image replace ===
   Alleen aanpasbare achtergrondafbeelding-lagen toegevoegd/vervangen. Geen inhoudelijke sectiecontent aangepast. */
.mtfx10-console-bg-art {
  z-index: var(--mtfx10-console-bg-z, 3) !important;
}

.mtfx10-console-bg-art--dragonball {
  --mtfx10-console-bg-opacity: var(--mtfx10-dragonball-img-opacity, .28);
  --mtfx10-console-bg-brightness: var(--mtfx10-dragonball-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-dragonball-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-dragonball-img-blur, 0px);
  --mtfx10-console-bg-z: var(--mtfx10-dragonball-img-z, 3);
  left: var(--mtfx10-dragonball-img-x, 68%) !important;
  top: var(--mtfx10-dragonball-img-y, 50%) !important;
  width: var(--mtfx10-dragonball-img-w, min(48vw, 760px)) !important;
}

.mtfx10-console-bg-art--streetfighter {
  --mtfx10-console-bg-opacity: var(--mtfx10-streetfighter-img-opacity, .30);
  --mtfx10-console-bg-brightness: var(--mtfx10-streetfighter-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-streetfighter-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-streetfighter-img-blur, 0px);
  --mtfx10-console-bg-z: var(--mtfx10-streetfighter-img-z, 3);
  left: var(--mtfx10-streetfighter-img-x, 70%) !important;
  top: var(--mtfx10-streetfighter-img-y, 50%) !important;
  width: var(--mtfx10-streetfighter-img-w, min(44vw, 700px)) !important;
}

.mtfx10-console-bg-art--onepiece {
  --mtfx10-console-bg-opacity: var(--mtfx10-onepiece-img-opacity, .34);
  --mtfx10-console-bg-brightness: var(--mtfx10-onepiece-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-onepiece-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-onepiece-img-blur, 0px);
  --mtfx10-console-bg-z: var(--mtfx10-onepiece-img-z, 3);
  left: var(--mtfx10-onepiece-img-x, 44%) !important;
  top: var(--mtfx10-onepiece-img-y, 43%) !important;
  width: var(--mtfx10-onepiece-img-w, min(76vw, 1160px)) !important;
}

.mtfx10-console-bg-art--naruto {
  --mtfx10-console-bg-opacity: var(--mtfx10-naruto-img-opacity, .36);
  --mtfx10-console-bg-brightness: var(--mtfx10-naruto-img-brightness, 1);
  --mtfx10-console-bg-saturate: var(--mtfx10-naruto-img-saturate, 1);
  --mtfx10-console-bg-blur: var(--mtfx10-naruto-img-blur, 0px);
  --mtfx10-console-bg-z: var(--mtfx10-naruto-img-z, 3);
  left: var(--mtfx10-naruto-img-x, 68%) !important;
  top: var(--mtfx10-naruto-img-y, 50%) !important;
  width: var(--mtfx10-naruto-img-w, min(56vw, 860px)) !important;
}

.mtfx10-console-bg-art--playstation {
  overflow: visible !important;
}

.mtfx10-console-bg-art--dragonball img,
.mtfx10-console-bg-art--streetfighter img,
.mtfx10-console-bg-art--onepiece img,
.mtfx10-console-bg-art--naruto img,
.mtfx10-console-bg-art--playstation img {
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.78) 66%, rgba(0,0,0,.38) 82%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.78) 66%, rgba(0,0,0,.38) 82%, transparent 100%) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

@media (max-width: 900px) {
  .mtfx10-console-bg-art--dragonball {
    left: var(--mtfx10-dragonball-img-x, 50%) !important;
    top: var(--mtfx10-dragonball-img-y, 56%) !important;
    width: var(--mtfx10-dragonball-img-w, 112vw) !important;
  }

  .mtfx10-console-bg-art--streetfighter {
    left: var(--mtfx10-streetfighter-img-x, 50%) !important;
    top: var(--mtfx10-streetfighter-img-y, 56%) !important;
    width: var(--mtfx10-streetfighter-img-w, 104vw) !important;
  }

  .mtfx10-console-bg-art--onepiece {
    left: var(--mtfx10-onepiece-img-x, 50%) !important;
    top: var(--mtfx10-onepiece-img-y, 42%) !important;
    width: var(--mtfx10-onepiece-img-w, 132vw) !important;
  }

  .mtfx10-console-bg-art--naruto {
    left: var(--mtfx10-naruto-img-x, 50%) !important;
    top: var(--mtfx10-naruto-img-y, 56%) !important;
    width: var(--mtfx10-naruto-img-w, 118vw) !important;
  }
}

/* === MT targeted update — Gaming Guild menu in MT Clothing button style ===
   Alleen Gaming Guild quick-jump menu styling aangepast. Geen inhoud, controls, secties, afbeeldingen of stacking gewijzigd. */
.mtgg-section .mtgg-menu-wrap {
  z-index: 4;
}

.mtgg-section .mtgg-shortcuts--rows {
  align-items: start;
}

.mtgg-section .mtgg-shortcut-group--controlled {
  --mtgg-menu-theme-a: #e8c45a;
  --mtgg-menu-theme-b: #f7e090;
  --mtgg-menu-theme-c: #a07a30;
  --mtgg-menu-theme-text: #141214;
  --mtgg-menu-theme-soft: rgba(232,196,90,.28);
  --mtgg-menu-theme-glow: rgba(232,196,90,.34);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mtgg-section .mtgg-shortcut-group--1 {
  --mtgg-menu-theme-a: #e8c45a;
  --mtgg-menu-theme-b: #f7e090;
  --mtgg-menu-theme-c: #a07a30;
  --mtgg-menu-theme-text: #141214;
  --mtgg-menu-theme-soft: rgba(232,196,90,.30);
  --mtgg-menu-theme-glow: rgba(232,196,90,.36);
}

.mtgg-section .mtgg-shortcut-group--2 {
  --mtgg-menu-theme-a: #2d8cff;
  --mtgg-menu-theme-b: #dfeeff;
  --mtgg-menu-theme-c: #1457b8;
  --mtgg-menu-theme-text: #07101d;
  --mtgg-menu-theme-soft: rgba(45,140,255,.30);
  --mtgg-menu-theme-glow: rgba(45,140,255,.42);
}

.mtgg-section .mtgg-shortcut-group--3 {
  --mtgg-menu-theme-a: #16b83e;
  --mtgg-menu-theme-b: #a9ff9f;
  --mtgg-menu-theme-c: #087224;
  --mtgg-menu-theme-text: #051209;
  --mtgg-menu-theme-soft: rgba(32,212,90,.28);
  --mtgg-menu-theme-glow: rgba(32,212,90,.44);
}

.mtgg-section .mtgg-shortcut-group--4 {
  --mtgg-menu-theme-a: #e4000f;
  --mtgg-menu-theme-b: #ff6f74;
  --mtgg-menu-theme-c: #0097e8;
  --mtgg-menu-theme-text: #120406;
  --mtgg-menu-theme-soft: rgba(228,0,15,.30);
  --mtgg-menu-theme-glow: rgba(0,151,232,.36);
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: var(--mtgg-group-link-justify);
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: var(--mtgg-group-button-pad-y) var(--mtgg-group-button-pad-x);
  border: 1px solid color-mix(in srgb, var(--mtgg-menu-theme-b), transparent 18%);
  border-radius: 0;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-align: var(--mtgg-group-text-align);
  text-decoration: none;
  color: var(--mtgg-menu-theme-text);
  background:
    linear-gradient(135deg, var(--mtgg-menu-theme-a) 0%, var(--mtgg-menu-theme-b) 54%, color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 28%) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 color-mix(in srgb, var(--mtgg-menu-theme-c), transparent 48%),
    0 14px 34px rgba(0,0,0,.20),
    0 0 28px var(--mtgg-menu-theme-soft);
  text-shadow: 0 1px 0 rgba(255,255,255,.34);
  transform: none;
  transition:
    color .24s ease,
    filter .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    border-color .24s ease;
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title {
  min-height: 46px;
  margin-bottom: 8px;
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-links {
  display: grid;
  gap: 8px;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title::before,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link::before {
  content: "";
  position: absolute;
  inset: -45%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(104deg, transparent 0%, transparent 34%, rgba(255,255,255,.25) 42%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.35) 58%, transparent 68%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.72) 0 0, rgba(255,255,255,.28) 10%, transparent 34%);
  transform: translate3d(-78%, 0, 0) skewX(-18deg) scaleX(.65);
  mix-blend-mode: screen;
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title:hover,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link:hover,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title:focus-visible,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link:focus-visible {
  color: var(--mtgg-menu-theme-text);
  border-color: color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 10%);
  background:
    linear-gradient(135deg, var(--mtgg-menu-theme-a) 0%, color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 12%) 45%, #ffffff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 color-mix(in srgb, var(--mtgg-menu-theme-c), transparent 52%),
    0 18px 40px rgba(0,0,0,.24),
    0 0 40px var(--mtgg-menu-theme-glow);
  transform: none;
}

.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title:hover::before,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link:hover::before,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-group-title:focus-visible::before,
.mtgg-section .mtgg-shortcut-group--controlled .mtgg-shortcut-link:focus-visible::before {
  opacity: .58;
  animation: mtcl-lens-flare-slide 1.15s cubic-bezier(.16,.82,.18,1) both;
}

/* === MT targeted update — Gaming Guild gold dropdown menu ===
   Alleen Gaming Guild menu aangepast: alle groepen goud, alleen hoofdknoppen zichtbaar, sublinks als dropdown. */
.mtgg-section .mtgg-shortcut-group--controlled {
  --mtgg-menu-theme-a: #e8c45a !important;
  --mtgg-menu-theme-b: #f7e090 !important;
  --mtgg-menu-theme-c: #a07a30 !important;
  --mtgg-menu-theme-text: #141214 !important;
  --mtgg-menu-theme-soft: rgba(232,196,90,.30) !important;
  --mtgg-menu-theme-glow: rgba(232,196,90,.38) !important;
}

.mtgg-section .mtgg-shortcut-group--dropdown {
  position: relative;
}

.mtgg-section .mtgg-shortcut-group--dropdown .mtgg-shortcut-group-title {
  min-height: 58px !important;
  cursor: pointer;
  list-style: none;
  justify-content: center !important;
  text-align: center !important;
  user-select: none;
}

.mtgg-section .mtgg-shortcut-group--dropdown .mtgg-shortcut-group-title::-webkit-details-marker {
  display: none;
}

.mtgg-section .mtgg-shortcut-group--dropdown .mtgg-shortcut-group-title::marker {
  content: "";
}

.mtgg-section .mtgg-shortcut-group--dropdown:not([open]) .mtgg-shortcut-group-title {
  margin-bottom: 0 !important;
}

.mtgg-section .mtgg-shortcut-group--dropdown:not([open]) .mtgg-shortcut-links {
  display: none !important;
}

.mtgg-section .mtgg-shortcut-group--dropdown[open] .mtgg-shortcut-links {
  display: grid !important;
  margin-top: 8px;
}

.mtgg-section .mtgg-shortcut-group--dropdown .mtgg-shortcut-link {
  min-height: 46px !important;
  justify-content: center !important;
  text-align: center !important;
}


.elementor-widget-mt-footer-section > .elementor-widget-container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* MT Footer Section — closing newsletter/company block */
.mtfx-footer-section {
  --mt-footer-bg: #ece9eb;
  --mt-footer-surface: rgba(255,255,255,.52);
  --mt-footer-surface-strong: rgba(255,255,255,.72);
  --mt-footer-text: #111111;
  --mt-footer-muted: rgba(20,20,20,.62);
  --mt-footer-line: rgba(17,17,17,.10);
  --mt-footer-accent: #969fa5;
  --mt-footer-accent-strong: #6a7278;
  --mt-footer-transition-h: 180px;
  min-height: 100vh;
  width: 100%;
  max-width: 100vw;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: calc(var(--mt-footer-transition-h) + 42px) 22px 30px;
  background:
    radial-gradient(circle at 22% 10%, rgba(176,184,189,.34), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(150,159,165,.20), transparent 30%),
    linear-gradient(180deg, rgba(236,233,235,0) 0%, var(--mt-footer-bg) 38%, var(--mt-footer-bg) 100%);
  color: var(--mt-footer-text);
}

body.mt-theme-dark .mtfx-footer-section,
html body.mt-theme-dark .mtfx-footer-section {
  --mt-footer-bg: #080808;
  --mt-footer-surface: rgba(13,13,15,.58);
  --mt-footer-surface-strong: rgba(17,17,19,.78);
  --mt-footer-text: #f5f5f0;
  --mt-footer-muted: rgba(245,245,240,.58);
  --mt-footer-line: rgba(232,196,90,.18);
  --mt-footer-accent: #e8c45a;
  --mt-footer-accent-strong: #f7e090;
  background:
    radial-gradient(circle at 22% 10%, rgba(232,196,90,.16), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(247,224,144,.09), transparent 30%),
    linear-gradient(180deg, rgba(8,8,8,0) 0%, var(--mt-footer-bg) 38%, var(--mt-footer-bg) 100%);
}

.mtfx-footer-transition {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  height: var(--mt-footer-transition-h);
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(236,233,235,0) 0%, rgba(236,233,235,.76) 58%, var(--mt-footer-bg) 100%);
}

body.mt-theme-dark .mtfx-footer-transition,
html body.mt-theme-dark .mtfx-footer-transition {
  background:
    linear-gradient(180deg, rgba(8,8,8,0) 0%, rgba(8,8,8,.80) 58%, var(--mt-footer-bg) 100%);
}

.mtfx-footer-transition::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 10px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mt-footer-accent), var(--mt-footer-accent-strong), var(--mt-footer-accent), transparent);
  opacity: .55;
  box-shadow: 0 0 22px color-mix(in srgb, var(--mt-footer-accent) 55%, transparent);
}

.mtfx-footer-aura {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 50%, transparent 100%),
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.18), transparent 42%);
  opacity: .68;
  mix-blend-mode: soft-light;
}

body.mt-theme-dark .mtfx-footer-aura,
html body.mt-theme-dark .mtfx-footer-aura {
  background:
    linear-gradient(90deg, transparent 0%, rgba(232,196,90,.13) 50%, transparent 100%),
    radial-gradient(ellipse at 50% 0%, rgba(232,196,90,.16), transparent 42%);
  opacity: .82;
}

.mtfx-footer-shell {
  position: relative;
  z-index: 2;
  width: min(100%, 1320px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(190px, .75fr) minmax(320px, 1.25fr) minmax(250px, .8fr);
  gap: clamp(18px, 3vw, 44px);
  align-items: stretch;
}

.mtfx-footer-col {
  position: relative;
  min-width: 0;
}

.mtfx-footer-logo-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mtfx-footer-logo-wrap {
  --mt-footer-logo-x: 0px;
  --mt-footer-logo-y: 0px;
  --mt-footer-logo-scale: 1;
  --mt-footer-logo-rotate: 0deg;
  --mt-footer-logo-opacity: 1;
  --mt-footer-logo-z: 2;
  --mt-footer-logo-blend: normal;
  --mt-footer-logo-brightness: 100%;
  --mt-footer-logo-saturation: 100%;
  --mt-footer-logo-blur: 0px;
  position: relative;
  z-index: var(--mt-footer-logo-z);
  transform: translate3d(var(--mt-footer-logo-x), var(--mt-footer-logo-y), 0) scale(var(--mt-footer-logo-scale)) rotate(var(--mt-footer-logo-rotate));
  transform-origin: center center;
  opacity: var(--mt-footer-logo-opacity);
  mix-blend-mode: var(--mt-footer-logo-blend);
  filter: brightness(var(--mt-footer-logo-brightness)) saturate(var(--mt-footer-logo-saturation)) blur(var(--mt-footer-logo-blur));
}

.mtfx-footer-logo-wrap img {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
}

.mtfx-footer-card {
  min-height: 100%;
  padding: clamp(22px, 2.6vw, 34px);
  border: 1px solid var(--mt-footer-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface));
  box-shadow: 0 24px 80px rgba(0,0,0,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.mt-theme-dark .mtfx-footer-card,
html body.mt-theme-dark .mtfx-footer-card {
  box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(232,196,90,.08);
}

.mtfx-footer-kicker,
.mtfx-footer-company-title {
  margin: 0 0 12px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .42em;
  text-transform: uppercase;
  color: var(--mt-footer-accent-strong);
}

.mtfx-footer-title {
  margin: 0;
  font-family: var(--mt-font-display, 'Bebas Neue', sans-serif);
  font-size: clamp(44px, 5vw, 76px);
  line-height: .9;
  font-weight: 400;
  letter-spacing: .045em;
  text-transform: uppercase;
  color: var(--mt-footer-text);
}

.mtfx-footer-text {
  max-width: 620px;
  margin: 16px 0 22px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.55;
  letter-spacing: .08em;
  color: var(--mt-footer-muted);
}

.mtfx-footer-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

.mtfx-footer-form input[type="email"] {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--mt-footer-line);
  border-radius: 999px;
  background: rgba(255,255,255,.54);
  color: var(--mt-footer-text);
  padding: 0 18px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 15px;
  letter-spacing: .08em;
  outline: none;
}

body.mt-theme-dark .mtfx-footer-form input[type="email"],
html body.mt-theme-dark .mtfx-footer-form input[type="email"] {
  background: rgba(8,8,8,.64);
  border-color: rgba(232,196,90,.22);
}

.mtfx-footer-form input[type="email"]:focus {
  border-color: var(--mt-footer-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mt-footer-accent) 22%, transparent);
}

.mtfx-footer-form button {
  min-height: 52px;
  border: 1px solid color-mix(in srgb, var(--mt-footer-accent) 65%, transparent);
  border-radius: 999px;
  padding: 0 24px;
  background:
    linear-gradient(110deg, var(--mt-footer-accent), color-mix(in srgb, var(--mt-footer-accent-strong) 72%, white 28%), var(--mt-footer-accent));
  color: #111111;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transform: none !important;
  transition: filter .24s ease, box-shadow .24s ease;
}

.mtfx-footer-form button:hover,
.mtfx-footer-form button:focus-visible {
  transform: none !important;
  filter: brightness(1.08);
  box-shadow: inset 0 0 28px rgba(255,255,255,.34), 0 0 22px color-mix(in srgb, var(--mt-footer-accent) 34%, transparent);
}

.mtfx-footer-privacy {
  margin-top: 13px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: .06em;
  color: var(--mt-footer-muted);
}

.mtfx-footer-company-list {
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.mtfx-footer-company-list div {
  padding-bottom: 13px;
  border-bottom: 1px solid var(--mt-footer-line);
}

.mtfx-footer-company-list div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.mtfx-footer-company-list dt {
  margin: 0 0 4px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--mt-footer-accent-strong);
}

.mtfx-footer-company-list dd {
  margin: 0;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: .08em;
  color: var(--mt-footer-text);
}

.mtfx-footer-company-list a {
  color: inherit;
  text-decoration: none;
}

.mtfx-footer-company-list a:hover {
  color: var(--mt-footer-accent-strong);
}

.mtfx-footer-core-band {
  position: relative;
  z-index: 1;
  width: min(92%, 760px);
  height: 42px;
  margin: 18px auto 0;
  pointer-events: none;
  transform: skewY(-4deg);
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.14));
}

.mtfx-footer-core-band__edge,
.mtfx-footer-core-band__core {
  position: absolute;
  inset: 0;
  display: block;
  clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}

.mtfx-footer-core-band__edge {
  background: var(--mt-footer-bg);
}

.mtfx-footer-core-band__core {
  inset: 6px 18px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(236,233,235,.92) 16%, rgba(150,159,165,.42) 35%, rgba(8,8,8,.88) 62%, rgba(8,8,8,.98) 84%, transparent 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 0 26px color-mix(in srgb, var(--mt-footer-accent) 28%, transparent);
}

body.mt-theme-dark .mtfx-footer-core-band__core,
html body.mt-theme-dark .mtfx-footer-core-band__core {
  background:
    linear-gradient(90deg, transparent 0%, rgba(8,8,8,.96) 14%, rgba(232,196,90,.38) 42%, rgba(247,224,144,.52) 50%, rgba(232,196,90,.34) 58%, rgba(8,8,8,.96) 86%, transparent 100%);
  box-shadow:
    inset 0 1px 0 rgba(247,224,144,.18),
    inset 0 -1px 0 rgba(0,0,0,.44),
    0 0 30px rgba(232,196,90,.18);
}

.mtfx-footer-endmark {
  position: relative;
  z-index: 2;
  width: min(100%, 1320px);
  margin: clamp(34px, 5vw, 68px) auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: clamp(16px, 2.4vw, 34px);
  align-items: center;
}

.mtfx-footer-endmark__line {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mt-footer-accent), transparent);
  opacity: .62;
}

.mtfx-footer-endmark__line:first-child {
  background: linear-gradient(90deg, transparent, var(--mt-footer-accent));
}

.mtfx-footer-endmark__line:last-child {
  background: linear-gradient(90deg, var(--mt-footer-accent), transparent);
}

.mtfx-footer-endmark__logo {
  position: relative;
  min-width: 190px;
  min-height: 94px;
  display: grid;
  place-items: center;
  text-align: center;
}

.mtfx-footer-endmark__diamond {
  width: 46px;
  height: 46px;
  display: block;
  transform: rotate(45deg);
  border: 1px solid color-mix(in srgb, var(--mt-footer-accent-strong) 72%, transparent);
  background:
    radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--mt-footer-accent-strong) 34%, transparent), transparent 48%),
    linear-gradient(135deg, color-mix(in srgb, var(--mt-footer-accent) 24%, transparent), transparent 58%);
  box-shadow:
    inset 0 0 18px color-mix(in srgb, var(--mt-footer-accent) 18%, transparent),
    0 0 24px color-mix(in srgb, var(--mt-footer-accent) 28%, transparent);
}

.mtfx-footer-endmark__diamond::before,
.mtfx-footer-endmark__diamond::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid color-mix(in srgb, var(--mt-footer-accent-strong) 44%, transparent);
}

.mtfx-footer-endmark__word {
  margin-top: 12px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--mt-footer-accent-strong);
}

.mtfx-footer-endmark__sub {
  margin-top: 6px;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--mt-footer-muted);
}

.mtfx-footer-bottom {
  position: relative;
  z-index: 2;
  width: min(100%, 1320px);
  margin: 26px auto 0;
  padding-top: 18px;
  border-top: 1px solid var(--mt-footer-line);
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
  color: var(--mt-footer-muted);
}

@media (max-width: 980px) {
  .mtfx-footer-section {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mtfx-footer-shell {
    grid-template-columns: 1fr;
  }

  .mtfx-footer-logo-col {
    justify-content: center;
  }

  .mtfx-footer-card {
    text-align: center;
  }

  .mtfx-footer-form {
    grid-template-columns: 1fr;
  }

  .mtfx-footer-core-band {
    width: 100%;
    height: 34px;
  }

  .mtfx-footer-endmark {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mtfx-footer-endmark__line {
    width: 100%;
  }
}

/* MT Footer Section — extended controls v11.8.28 */
.elementor-widget-mt-footer-section,
.elementor-widget-mt-footer-section > .elementor-widget-container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: visible !important;
}

.mtfx-footer-section {
  --mt-footer-light-bg: #ece9eb;
  --mt-footer-dark-bg: #080808;
  --mt-footer-bg: var(--mt-footer-light-bg);
  --mt-footer-surface: rgba(255,255,255,.52);
  --mt-footer-surface-strong: rgba(255,255,255,.72);
  --mt-footer-text: #111111;
  --mt-footer-muted: rgba(20,20,20,.62);
  --mt-footer-line: rgba(17,17,17,.10);
  --mt-footer-accent: #969fa5;
  --mt-footer-accent-strong: #6a7278;
  --mt-footer-extra-length: 0px;
  --mt-footer-outer-top-fade-h: 220px;
  --mt-footer-outer-bottom-fade-h: 120px;
  --mt-footer-inner-top-fade-h: 180px;
  --mt-footer-inner-bottom-fade-h: 180px;
  --mt-footer-outer-top-fade-opacity: 1;
  --mt-footer-outer-bottom-fade-opacity: 1;
  --mt-footer-inner-top-fade-opacity: 1;
  --mt-footer-inner-bottom-fade-opacity: 1;
  --mt-footer-outer-top-fade-z: 1;
  --mt-footer-outer-bottom-fade-z: 1;
  --mt-footer-inner-top-fade-z: 3;
  --mt-footer-inner-bottom-fade-z: 3;
  --mt-footer-outer-top-fade-blend: normal;
  --mt-footer-outer-bottom-fade-blend: normal;
  --mt-footer-inner-top-fade-blend: normal;
  --mt-footer-inner-bottom-fade-blend: normal;
  --mt-footer-band-w: 94vw;
  --mt-footer-band-h: 120px;
  --mt-footer-band-rotate: -13deg;
  --mt-footer-band-opacity: .92;
  min-height: 100vh;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(120px, 12vh, 220px) 22px calc(30px + var(--mt-footer-extra-length));
  background:
    radial-gradient(circle at 22% 12%, rgba(176,184,189,.34), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(150,159,165,.20), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--mt-footer-bg) 0%, transparent) 0%, var(--mt-footer-bg) 42%, var(--mt-footer-bg) 100%);
  color: var(--mt-footer-text);
}

body.mt-theme-dark .mtfx-footer-section,
html body.mt-theme-dark .mtfx-footer-section {
  --mt-footer-bg: var(--mt-footer-dark-bg);
  --mt-footer-surface: rgba(13,13,15,.58);
  --mt-footer-surface-strong: rgba(17,17,19,.78);
  --mt-footer-text: #f5f5f0;
  --mt-footer-muted: rgba(245,245,240,.58);
  --mt-footer-line: rgba(232,196,90,.18);
  --mt-footer-accent: #e8c45a;
  --mt-footer-accent-strong: #f7e090;
  background:
    radial-gradient(circle at 22% 12%, rgba(232,196,90,.16), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(247,224,144,.09), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--mt-footer-bg) 0%, transparent) 0%, var(--mt-footer-bg) 42%, var(--mt-footer-bg) 100%);
}

.mtfx-footer-aura {
  z-index: 0 !important;
}

.mtfx-footer-fade {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  display: block;
}

.mtfx-footer-fade--outer-top {
  top: 0;
  height: var(--mt-footer-outer-top-fade-h);
  z-index: var(--mt-footer-outer-top-fade-z);
  opacity: var(--mt-footer-outer-top-fade-opacity);
  mix-blend-mode: var(--mt-footer-outer-top-fade-blend);
  background: linear-gradient(180deg, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 72%, transparent) 52%, transparent 100%);
}

.mtfx-footer-fade--outer-bottom {
  bottom: 0;
  height: var(--mt-footer-outer-bottom-fade-h);
  z-index: var(--mt-footer-outer-bottom-fade-z);
  opacity: var(--mt-footer-outer-bottom-fade-opacity);
  mix-blend-mode: var(--mt-footer-outer-bottom-fade-blend);
  background: linear-gradient(0deg, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 72%, transparent) 52%, transparent 100%);
}

.mtfx-footer-shell .mtfx-footer-fade--inner-top,
.mtfx-footer-shell .mtfx-footer-fade--inner-bottom {
  left: -4vw;
  right: -4vw;
}

.mtfx-footer-fade--inner-top {
  top: -8px;
  height: var(--mt-footer-inner-top-fade-h);
  z-index: var(--mt-footer-inner-top-fade-z);
  opacity: var(--mt-footer-inner-top-fade-opacity);
  mix-blend-mode: var(--mt-footer-inner-top-fade-blend);
  background: linear-gradient(180deg, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 66%, transparent) 55%, transparent 100%);
}

.mtfx-footer-fade--inner-bottom {
  bottom: -8px;
  height: var(--mt-footer-inner-bottom-fade-h);
  z-index: var(--mt-footer-inner-bottom-fade-z);
  opacity: var(--mt-footer-inner-bottom-fade-opacity);
  mix-blend-mode: var(--mt-footer-inner-bottom-fade-blend);
  background: linear-gradient(0deg, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 66%, transparent) 55%, transparent 100%);
}

.mtfx-footer-fade-shape-curve {
  border-radius: 0 0 50% 50% / 0 0 38% 38%;
}

.mtfx-footer-fade-shape-reverse-curve {
  border-radius: 50% 50% 0 0 / 38% 38% 0 0;
}

.mtfx-footer-fade-shape-radial {
  background: radial-gradient(ellipse at 50% 0%, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 70%, transparent) 42%, transparent 74%) !important;
}

.mtfx-footer-fade--outer-bottom.mtfx-footer-fade-shape-radial,
.mtfx-footer-fade--inner-bottom.mtfx-footer-fade-shape-radial {
  background: radial-gradient(ellipse at 50% 100%, var(--mt-footer-bg) 0%, color-mix(in srgb, var(--mt-footer-bg) 70%, transparent) 42%, transparent 74%) !important;
}

.mtfx-footer-fade-shape-diagonal-left {
  clip-path: polygon(0 0, 100% 0, 100% 72%, 0 100%);
}

.mtfx-footer-fade-shape-diagonal-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%);
}

.mtfx-footer-fade-shape-wave {
  clip-path: polygon(0 0, 100% 0, 100% 72%, 88% 82%, 75% 74%, 62% 86%, 49% 78%, 36% 88%, 23% 76%, 10% 84%, 0 76%);
}

.mtfx-footer-extra-layers {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.mtfx-footer-extra-layer,
.mtfx-footer-logo-wrap,
.mtfx-footer-endmark__custom-logo {
  position: relative;
  z-index: var(--mt-footer-img-z, 2);
  transform: translate3d(var(--mt-footer-img-x, 0px), var(--mt-footer-img-y, 0px), 0) scale(var(--mt-footer-img-scale, 1)) rotate(var(--mt-footer-img-rotate, 0deg));
  transform-origin: center center;
  opacity: var(--mt-footer-img-opacity, 1);
  mix-blend-mode: var(--mt-footer-img-blend, normal);
  filter: brightness(var(--mt-footer-img-brightness, 100%)) saturate(var(--mt-footer-img-saturation, 100%)) blur(var(--mt-footer-img-blur, 0px));
}

.mtfx-footer-extra-layer {
  position: absolute;
  left: 50%;
  top: 50%;
}

.mtfx-footer-extra-layer img,
.mtfx-footer-logo-wrap img,
.mtfx-footer-endmark__custom-logo img {
  display: block;
  width: var(--mt-footer-img-w, 220px) !important;
  max-width: none !important;
  height: auto;
}

.mtfx-footer-shell {
  position: relative;
  z-index: 5;
  width: min(100%, 1320px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, var(--mt-footer-logo-block-w, .8fr)) minmax(0, var(--mt-footer-newsletter-block-w, 1.25fr)) minmax(0, var(--mt-footer-company-block-w, .8fr));
  gap: clamp(18px, 3vw, 44px);
  align-items: stretch;
  overflow: visible;
}

.mtfx-footer-col {
  position: relative;
  min-width: 0;
  z-index: 5;
}

.mtfx-footer-logo-col,
.mtfx-footer-newsletter-col,
.mtfx-footer-company-col {
  min-height: 0;
}

.mtfx-footer-logo-col {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.mtfx-footer-card--logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mtfx-footer-card--newsletter,
.mtfx-footer-card--company {
  width: 100%;
}

.mtfx-footer-card {
  position: relative;
  z-index: 5;
}

.mtfx-footer-core-band {
  position: relative;
  z-index: 4;
  width: var(--mt-footer-band-w);
  height: var(--mt-footer-band-h);
  margin: clamp(24px, 4vw, 58px) auto 0;
  pointer-events: none;
  transform: rotate(var(--mt-footer-band-rotate));
  opacity: var(--mt-footer-band-opacity);
  filter: drop-shadow(0 24px 48px rgba(0,0,0,.18));
}

.mtfx-footer-core-band__edge,
.mtfx-footer-core-band__core,
.mtfx-footer-core-band__shine {
  position: absolute;
  display: block;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.mtfx-footer-core-band__edge {
  inset: 0;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mt-footer-bg) 96%, white 4%), var(--mt-footer-bg) 50%, color-mix(in srgb, var(--mt-footer-bg) 88%, black 12%));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,0,0,.18);
}

.mtfx-footer-core-band__core {
  inset: 18px 44px;
  background:
    linear-gradient(115deg,
      transparent 0%,
      color-mix(in srgb, var(--mt-footer-bg) 94%, transparent) 10%,
      rgba(236,233,235,.96) 24%,
      rgba(150,159,165,.48) 42%,
      rgba(8,8,8,.96) 58%,
      rgba(8,8,8,1) 76%,
      color-mix(in srgb, var(--mt-footer-bg) 94%, transparent) 90%,
      transparent 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.32),
    0 0 38px color-mix(in srgb, var(--mt-footer-accent) 34%, transparent),
    0 0 80px color-mix(in srgb, var(--mt-footer-accent-strong) 16%, transparent);
}

body.mt-theme-dark .mtfx-footer-core-band__core,
html body.mt-theme-dark .mtfx-footer-core-band__core {
  background:
    linear-gradient(115deg,
      transparent 0%,
      rgba(8,8,8,.98) 10%,
      rgba(8,8,8,1) 25%,
      rgba(232,196,90,.42) 45%,
      rgba(247,224,144,.58) 50%,
      rgba(232,196,90,.36) 56%,
      rgba(8,8,8,1) 76%,
      rgba(8,8,8,.98) 90%,
      transparent 100%);
}

.mtfx-footer-core-band__shine {
  inset: 26px 72px auto 72px;
  height: 2px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mt-footer-accent-strong) 78%, white 22%), transparent);
  box-shadow: 0 0 24px color-mix(in srgb, var(--mt-footer-accent-strong) 40%, transparent);
  opacity: .75;
}

.mtfx-footer-endmark,
.mtfx-footer-quicknav,
.mtfx-footer-bottom {
  position: relative;
  z-index: 6;
}

.mtfx-footer-endmark__logo {
  overflow: visible;
}

.mtfx-footer-endmark__custom-logo {
  display: grid;
  place-items: center;
}

.mtfx-footer-endmark__custom-logo + .mtfx-footer-endmark__word {
  margin-top: 12px;
}

.mtfx-footer-quicknav {
  width: min(100%, 1320px);
  margin: clamp(18px, 2.6vw, 34px) auto 0;
  display: flex;
  justify-content: center;
}

.mtfx-footer-quicknav__details {
  position: relative;
  width: min(100%, 420px);
}

.mtfx-footer-quicknav__summary {
  list-style: none;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid color-mix(in srgb, var(--mt-footer-accent) 62%, transparent);
  border-radius: 999px;
  background:
    linear-gradient(112deg, color-mix(in srgb, var(--mt-footer-accent) 34%, transparent), color-mix(in srgb, var(--mt-footer-accent-strong) 18%, transparent));
  color: var(--mt-footer-text);
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 0 24px rgba(255,255,255,.14), 0 12px 34px rgba(0,0,0,.12);
  transform: none !important;
}

.mtfx-footer-quicknav__summary::-webkit-details-marker {
  display: none;
}

.mtfx-footer-quicknav__summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 12px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .75;
}

.mtfx-footer-quicknav__details[open] .mtfx-footer-quicknav__summary::after {
  transform: rotate(225deg) translateY(-1px);
}

.mtfx-footer-quicknav__links {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  width: min(92vw, 520px);
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--mt-footer-line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--mt-footer-bg) 86%, transparent);
  box-shadow: 0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 color-mix(in srgb, var(--mt-footer-accent-strong) 16%, transparent);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.mtfx-footer-quicknav__link {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--mt-footer-accent) 46%, transparent);
  border-radius: 999px;
  background: linear-gradient(110deg, color-mix(in srgb, var(--mt-footer-accent) 22%, transparent), color-mix(in srgb, var(--mt-footer-accent-strong) 14%, transparent));
  color: var(--mt-footer-text);
  text-decoration: none;
  font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  transform: none !important;
  transition: filter .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mtfx-footer-quicknav__link:hover,
.mtfx-footer-quicknav__link:focus-visible {
  transform: none !important;
  filter: brightness(1.08);
  border-color: var(--mt-footer-accent-strong);
  box-shadow: inset 0 0 22px color-mix(in srgb, var(--mt-footer-accent-strong) 20%, transparent), 0 0 22px color-mix(in srgb, var(--mt-footer-accent) 24%, transparent);
}

@media (max-width: 980px) {
  .mtfx-footer-shell {
    grid-template-columns: 1fr !important;
  }

  .mtfx-footer-card--logo {
    justify-content: center;
  }

  .mtfx-footer-core-band {
    width: min(112vw, 900px);
    height: min(var(--mt-footer-band-h), 96px);
  }

  .mtfx-footer-core-band__core {
    inset: 12px 28px;
  }

  .mtfx-footer-quicknav__links {
    position: static;
    transform: none;
    width: 100%;
    margin-top: 10px;
    grid-template-columns: 1fr;
  }
}

/* MT Footer — requested controls refinement */
.mtfx-footer-section {
  --mt-footer-card-padding: clamp(22px, 2.6vw, 34px);
  --mt-footer-card-radius: 28px;
  --mt-footer-card-border-width: 1px;
  --mt-footer-card-border-color: var(--mt-footer-line);
  --mt-footer-card-bg: linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface));
  --mt-footer-card-shadow-opacity: .10;
  --mt-footer-button-height: 52px;
  --mt-footer-button-radius: 14px;
  --mt-footer-button-bg: linear-gradient(110deg, var(--mt-footer-accent), var(--mt-footer-accent-strong));
  --mt-footer-button-hover-bg: linear-gradient(110deg, var(--mt-footer-accent-strong), var(--mt-footer-accent));
  --mt-footer-button-text: var(--mt-footer-text);
  --mt-footer-button-border: color-mix(in srgb, var(--mt-footer-accent-strong) 70%, transparent);
  --mt-footer-button-glow: .26;
}

.mtfx-footer-core-band {
  display: none !important;
}

.mtfx-footer-shell {
  grid-template-columns: var(--mt-footer-grid-template, minmax(0, var(--mt-footer-logo-block-w, .8fr)) minmax(0, var(--mt-footer-newsletter-block-w, 1.25fr)) minmax(0, var(--mt-footer-company-block-w, .8fr))) !important;
}

.mtfx-footer-card {
  padding: var(--mt-footer-card-padding) !important;
  border-width: var(--mt-footer-card-border-width) !important;
  border-color: var(--mt-footer-card-border-color) !important;
  border-radius: var(--mt-footer-card-radius) !important;
  background: var(--mt-footer-card-bg) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,var(--mt-footer-card-shadow-opacity)) !important;
}

body.mt-theme-dark .mtfx-footer-card,
html body.mt-theme-dark .mtfx-footer-card {
  box-shadow: 0 30px 90px rgba(0,0,0,calc(var(--mt-footer-card-shadow-opacity) + .26)), inset 0 1px 0 rgba(232,196,90,.08) !important;
}

.mtfx-footer-form button,
.mtfx-footer-quicknav__summary,
.mtfx-footer-quicknav__link {
  min-height: var(--mt-footer-button-height) !important;
  border-radius: var(--mt-footer-button-radius) !important;
  border-color: var(--mt-footer-button-border) !important;
  color: var(--mt-footer-button-text) !important;
  transform: none !important;
}

.mtfx-footer-form button {
  width: var(--mt-footer-button-width, auto) !important;
  background: var(--mt-footer-button-bg) !important;
  box-shadow: inset 0 0 24px rgba(255,255,255,.14), 0 0 0 rgba(0,0,0,0) !important;
}

.mtfx-footer-form button:hover,
.mtfx-footer-form button:focus-visible {
  transform: none !important;
  background: var(--mt-footer-button-hover-bg) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 34px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-button-glow) * 100%), transparent), 0 0 34px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-button-glow) * 100%), transparent) !important;
}

.mtfx-footer-quicknav__summary,
.mtfx-footer-quicknav__link {
  background: var(--mt-footer-button-bg) !important;
}

.mtfx-footer-quicknav__summary:hover,
.mtfx-footer-quicknav__summary:focus-visible,
.mtfx-footer-quicknav__link:hover,
.mtfx-footer-quicknav__link:focus-visible {
  transform: none !important;
  background: var(--mt-footer-button-hover-bg) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 28px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-button-glow) * 100%), transparent), 0 0 26px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-button-glow) * 100%), transparent) !important;
}

@media (max-width: 980px) {
  .mtfx-footer-shell {
    grid-template-columns: 1fr !important;
  }
}

/* MT Footer — block position + button/block shape controls */
.mtfx-footer-shell {
  grid-template-columns: var(--mt-footer-grid-template, minmax(0, var(--mt-footer-logo-block-w, .8fr)) minmax(0, var(--mt-footer-newsletter-block-w, 1.25fr)) minmax(0, var(--mt-footer-company-block-w, .8fr))) !important;
}

.mtfx-footer-col {
  transform: translate3d(var(--mt-footer-block-x, 0px), var(--mt-footer-block-y, 0px), 0) !important;
}

.mtfx-footer-card {
  clip-path: var(--mt-footer-card-clip, none) !important;
}

.mtfx-footer-card--logo {
  min-height: var(--mt-footer-logo-block-h, auto) !important;
}

.mtfx-footer-card--newsletter {
  min-height: var(--mt-footer-newsletter-block-h, auto) !important;
}

.mtfx-footer-card--company {
  min-height: var(--mt-footer-company-block-h, auto) !important;
}

.mtfx-footer-form button,
.mtfx-footer-quicknav__summary,
.mtfx-footer-quicknav__link {
  clip-path: var(--mt-footer-button-clip, none) !important;
}

.mtgg-shortcut-group--controlled .mtgg-shortcut-link {
  clip-path: var(--mtgg-group-button-clip, none) !important;
}

/* MT Footer — individual button styling + expanded shape support */
.mtfx-footer-card--logo {
  clip-path: var(--mt-footer-logo-card-clip, var(--mt-footer-card-clip, none)) !important;
}

.mtfx-footer-card--newsletter {
  clip-path: var(--mt-footer-newsletter-card-clip, var(--mt-footer-card-clip, none)) !important;
}

.mtfx-footer-card--company {
  clip-path: var(--mt-footer-company-card-clip, var(--mt-footer-card-clip, none)) !important;
}

.mtfx-footer-form button {
  width: var(--mt-footer-newsletter-button-width, var(--mt-footer-button-width, auto)) !important;
  min-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 52px)) !important;
  border-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  border-color: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border)) !important;
  background: var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg)) !important;
  color: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text)) !important;
  clip-path: var(--mt-footer-newsletter-button-clip, var(--mt-footer-button-clip, none)) !important;
}

.mtfx-footer-form button:hover,
.mtfx-footer-form button:focus-visible {
  background: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow:
    inset 0 0 34px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent),
    0 0 34px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

.mtfx-footer-company-list a.mtfx-footer-company-button {
  width: var(--mt-footer-company-button-width, auto) !important;
  min-height: var(--mt-footer-company-button-height, var(--mt-footer-button-height, 52px)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid var(--mt-footer-company-button-border, var(--mt-footer-button-border)) !important;
  border-radius: var(--mt-footer-company-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  background: var(--mt-footer-company-button-bg, var(--mt-footer-button-bg)) !important;
  color: var(--mt-footer-company-button-text, var(--mt-footer-button-text)) !important;
  clip-path: var(--mt-footer-company-button-clip, var(--mt-footer-button-clip, none)) !important;
  text-decoration: none !important;
  transform: none !important;
  transition: filter .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.mtfx-footer-company-list a.mtfx-footer-company-button:hover,
.mtfx-footer-company-list a.mtfx-footer-company-button:focus-visible {
  background: var(--mt-footer-company-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  filter: brightness(1.08) !important;
  transform: none !important;
  box-shadow:
    inset 0 0 28px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent),
    0 0 26px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

.mtfx-footer-quicknav__summary {
  width: var(--mt-footer-quicknav-summary-button-width, auto) !important;
  min-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 52px)) !important;
  border-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  border-color: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border)) !important;
  background: var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg)) !important;
  color: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text)) !important;
  clip-path: var(--mt-footer-quicknav-summary-button-clip, var(--mt-footer-button-clip, none)) !important;
}

.mtfx-footer-quicknav__summary:hover,
.mtfx-footer-quicknav__summary:focus-visible {
  background: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow:
    inset 0 0 28px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent),
    0 0 26px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

.mtfx-footer-quicknav__link {
  width: var(--mt-footer-quicknav-link-button-width, auto) !important;
  min-height: var(--mt-footer-quicknav-link-button-height, 42px) !important;
  border-radius: var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  border-color: var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border)) !important;
  background: var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg)) !important;
  color: var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text)) !important;
  clip-path: var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)) !important;
}

.mtfx-footer-quicknav__link:hover,
.mtfx-footer-quicknav__link:focus-visible {
  background: var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow:
    inset 0 0 28px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent),
    0 0 26px color-mix(in srgb, var(--mt-footer-accent) calc(var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

/* MT Footer — true shaped borders, safe text zones and masked hover glow */
.mtfx-footer-section .mtfx-shape {
  --mt-shape-safe-left: 0px;
  --mt-shape-safe-right: 0px;
  --mt-shape-safe-top: 0px;
  --mt-shape-safe-bottom: 0px;
}

.mtfx-footer-section .mtfx-shape-diagonal-left,
.mtfx-footer-section .mtfx-shape-parallelogram-left {
  --mt-shape-safe-left: clamp(24px, 3vw, 52px);
  --mt-shape-safe-right: clamp(18px, 2.2vw, 38px);
}

.mtfx-footer-section .mtfx-shape-diagonal-right,
.mtfx-footer-section .mtfx-shape-parallelogram-right {
  --mt-shape-safe-left: clamp(18px, 2.2vw, 38px);
  --mt-shape-safe-right: clamp(24px, 3vw, 52px);
}

.mtfx-footer-section .mtfx-shape-top-wide {
  --mt-shape-safe-left: clamp(18px, 2vw, 34px);
  --mt-shape-safe-right: clamp(18px, 2vw, 34px);
  --mt-shape-safe-bottom: clamp(14px, 1.8vw, 30px);
}

.mtfx-footer-section .mtfx-shape-top-narrow {
  --mt-shape-safe-left: clamp(30px, 4vw, 70px);
  --mt-shape-safe-right: clamp(30px, 4vw, 70px);
  --mt-shape-safe-top: clamp(8px, 1.2vw, 18px);
}

.mtfx-footer-section .mtfx-shape-bottom-left {
  --mt-shape-safe-left: clamp(20px, 2.6vw, 44px);
  --mt-shape-safe-bottom: clamp(14px, 1.8vw, 30px);
}

.mtfx-footer-section .mtfx-shape-bottom-right {
  --mt-shape-safe-right: clamp(20px, 2.6vw, 44px);
  --mt-shape-safe-bottom: clamp(14px, 1.8vw, 30px);
}

.mtfx-footer-section .mtfx-shape-hexagon {
  --mt-shape-safe-left: clamp(36px, 5vw, 78px);
  --mt-shape-safe-right: clamp(36px, 5vw, 78px);
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-footer-card-border-color, var(--mt-footer-line)) !important;
  padding-left: calc(clamp(22px, 2.6vw, 34px) + var(--mt-shape-safe-left, 0px)) !important;
  padding-right: calc(clamp(22px, 2.6vw, 34px) + var(--mt-shape-safe-right, 0px)) !important;
  padding-top: calc(clamp(22px, 2.6vw, 34px) + var(--mt-shape-safe-top, 0px)) !important;
  padding-bottom: calc(clamp(22px, 2.6vw, 34px) + var(--mt-shape-safe-bottom, 0px)) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before {
  content: "";
  position: absolute;
  inset: var(--mt-footer-card-border-width, 1px);
  z-index: 0;
  display: block;
  background: var(--mt-footer-card-bg, linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface))) !important;
  clip-path: inherit;
  pointer-events: none;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::after {
  content: "";
  position: absolute;
  inset: var(--mt-footer-card-border-width, 1px);
  z-index: 1;
  display: block;
  background:
    linear-gradient(120deg, transparent 0%, color-mix(in srgb, var(--mt-footer-accent-strong) 14%, transparent) 44%, color-mix(in srgb, white 20%, transparent) 50%, transparent 60%);
  opacity: .22;
  clip-path: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) > * {
  position: relative;
  z-index: 2;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-footer-button-border, var(--mt-footer-accent-strong)) !important;
  padding-left: calc(20px + var(--mt-shape-safe-left, 0px)) !important;
  padding-right: calc(20px + var(--mt-shape-safe-right, 0px)) !important;
  padding-top: var(--mt-shape-safe-top, 0px) !important;
  padding-bottom: var(--mt-shape-safe-bottom, 0px) !important;
  text-align: center !important;
  white-space: nowrap;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  display: block;
  background: var(--mt-footer-button-bg) !important;
  clip-path: inherit;
  pointer-events: none;
  transition: background .22s ease, filter .22s ease, box-shadow .22s ease, opacity .22s ease;
}

.mtfx-footer-section .mtfx-footer-button--newsletter.mtfx-shape:not(.mtfx-shape-normal)::before {
  background: var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg)) !important;
}

.mtfx-footer-section .mtfx-footer-button--company.mtfx-shape:not(.mtfx-shape-normal)::before {
  background: var(--mt-footer-company-button-bg, var(--mt-footer-button-bg)) !important;
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary.mtfx-shape:not(.mtfx-shape-normal)::before {
  background: var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg)) !important;
}

.mtfx-footer-section .mtfx-footer-button--quicknav-link.mtfx-shape:not(.mtfx-shape-normal)::before {
  background: var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg)) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 1;
  display: block;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.22) 48%, transparent 60%);
  opacity: .18;
  clip-path: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  transition: opacity .22s ease, transform .22s ease;
}

.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::after {
  position: relative !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal) > *,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal) > *,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal) > *,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal) > *,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) > * {
  position: relative;
  z-index: 3;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  filter: brightness(1.08);
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-button-glow, .26) * 100%), transparent);
}

.mtfx-footer-section .mtfx-footer-button--newsletter.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button--newsletter.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent);
}

.mtfx-footer-section .mtfx-footer-button--company.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button--company.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-company-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button--quicknav-summary.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-link.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button--quicknav-link.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent);
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):hover::after,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::after,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):hover::after,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::after,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):hover::after,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::after,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):hover::after,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):focus-visible::after {
  opacity: .34;
  transform: translate3d(8%, 0, 0);
}

.mtfx-footer-section .mtfx-footer-button__text {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
}

.mtfx-footer-section .mtfx-footer-button--newsletter.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
}

.mtfx-footer-section .mtfx-footer-button--company.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-company-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
}

.mtfx-footer-section .mtfx-footer-button--quicknav-link.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
}

/* MT Global button shapes — applied to all plugin button systems */
.mtfx-btn-shape,
.mtgg-btn-shape {
  --mt-global-safe-left: 0px;
  --mt-global-safe-right: 0px;
  --mt-global-safe-top: 0px;
  --mt-global-safe-bottom: 0px;
}

.mtfx-btn-shape-diagonal-left,
.mtgg-btn-shape-diagonal-left,
.mtcl-btn-shape-diagonal-left {
  --mt-global-safe-left: clamp(18px, 2.2vw, 38px);
  --mt-global-safe-right: clamp(14px, 1.8vw, 30px);
}

.mtfx-btn-shape-diagonal-right,
.mtgg-btn-shape-diagonal-right,
.mtcl-btn-shape-diagonal-right {
  --mt-global-safe-left: clamp(14px, 1.8vw, 30px);
  --mt-global-safe-right: clamp(18px, 2.2vw, 38px);
}

.mtfx-btn-shape-top-wide,
.mtgg-btn-shape-top-wide,
.mtcl-btn-shape-top-wide {
  --mt-global-safe-left: clamp(14px, 1.8vw, 28px);
  --mt-global-safe-right: clamp(14px, 1.8vw, 28px);
  --mt-global-safe-bottom: clamp(8px, 1vw, 18px);
}

.mtfx-btn-shape-top-narrow,
.mtgg-btn-shape-top-narrow,
.mtcl-btn-shape-top-narrow {
  --mt-global-safe-left: clamp(24px, 3vw, 54px);
  --mt-global-safe-right: clamp(24px, 3vw, 54px);
  --mt-global-safe-top: clamp(4px, .8vw, 12px);
}

.mtfx-btn-shape-bottom-left,
.mtgg-btn-shape-bottom-left,
.mtcl-btn-shape-bottom-left {
  --mt-global-safe-left: clamp(18px, 2.2vw, 38px);
  --mt-global-safe-bottom: clamp(8px, 1vw, 18px);
}

.mtfx-btn-shape-bottom-right,
.mtgg-btn-shape-bottom-right,
.mtcl-btn-shape-bottom-right {
  --mt-global-safe-right: clamp(18px, 2.2vw, 38px);
  --mt-global-safe-bottom: clamp(8px, 1vw, 18px);
}

.mtfx-btn-shape-parallelogram-left,
.mtgg-btn-shape-parallelogram-left,
.mtcl-btn-shape-parallelogram-left {
  --mt-global-safe-left: clamp(24px, 3vw, 48px);
  --mt-global-safe-right: clamp(18px, 2.2vw, 36px);
}

.mtfx-btn-shape-parallelogram-right,
.mtgg-btn-shape-parallelogram-right,
.mtcl-btn-shape-parallelogram-right {
  --mt-global-safe-left: clamp(18px, 2.2vw, 36px);
  --mt-global-safe-right: clamp(24px, 3vw, 48px);
}

.mtfx-btn-shape-hexagon,
.mtgg-btn-shape-hexagon,
.mtcl-btn-shape-hexagon {
  --mt-global-safe-left: clamp(30px, 4vw, 64px);
  --mt-global-safe-right: clamp(30px, 4vw, 64px);
}

.mtfx-btn-shape-diagonal-left,
.mtgg-btn-shape-diagonal-left { clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important; }
.mtfx-btn-shape-diagonal-right,
.mtgg-btn-shape-diagonal-right { clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%) !important; }
.mtfx-btn-shape-top-wide,
.mtgg-btn-shape-top-wide { clip-path: polygon(0 0, 100% 0, 84% 100%, 16% 100%) !important; }
.mtfx-btn-shape-top-narrow,
.mtgg-btn-shape-top-narrow { clip-path: polygon(16% 0, 84% 0, 100% 100%, 0 100%) !important; }
.mtfx-btn-shape-bottom-left,
.mtgg-btn-shape-bottom-left { clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 72%) !important; }
.mtfx-btn-shape-bottom-right,
.mtgg-btn-shape-bottom-right { clip-path: polygon(0 0, 100% 0, 100% 72%, 86% 100%, 0 100%) !important; }
.mtfx-btn-shape-parallelogram-left,
.mtgg-btn-shape-parallelogram-left { clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%) !important; }
.mtfx-btn-shape-parallelogram-right,
.mtgg-btn-shape-parallelogram-right { clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%) !important; }
.mtfx-btn-shape-hexagon,
.mtgg-btn-shape-hexagon { clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%) !important; }

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  padding-left: calc(18px + var(--mt-global-safe-left, 0px)) !important;
  padding-right: calc(18px + var(--mt-global-safe-right, 0px)) !important;
  padding-top: var(--mt-global-safe-top, 0px) !important;
  padding-bottom: var(--mt-global-safe-bottom, 0px) !important;
  text-align: center !important;
  white-space: nowrap;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal) {
  background: color-mix(in srgb, var(--mtfx10-menu-grad-a, var(--mtfx10-accent)), #ffffff 18%) !important;
}

.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal) {
  background: color-mix(in srgb, var(--cta-grad-a, var(--mtfx10-accent)), #ffffff 10%) !important;
}

.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal) {
  background: color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 12%) !important;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  display: block;
  clip-path: inherit;
  pointer-events: none;
  transition: background .22s ease, filter .22s ease, box-shadow .22s ease, opacity .22s ease;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--mtfx10-menu-grad-a, var(--mtfx10-accent)), transparent 62%) 0%,
      color-mix(in srgb, var(--mtfx10-menu-grad-b, var(--mtfx10-accent-2)), transparent 76%) 100%) !important;
}

.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before {
  background: linear-gradient(135deg, var(--cta-grad-a, var(--mtfx10-accent)) 0%, var(--cta-grad-b, var(--mtfx10-accent-2)) 100%) !important;
}

.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before {
  background:
    linear-gradient(135deg, var(--mtgg-menu-theme-a) 0%, var(--mtgg-menu-theme-b) 54%, color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 28%) 100%) !important;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::after,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::after,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 1;
  display: block;
  clip-path: inherit;
  pointer-events: none;
  opacity: .16;
  mix-blend-mode: screen;
  background: linear-gradient(104deg, transparent 0%, transparent 36%, rgba(255,255,255,.28) 46%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.28) 56%, transparent 68%, transparent 100%);
  transform: translate3d(-32%, 0, 0) skewX(-14deg);
  transition: opacity .22s ease, transform .22s ease;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal) > .mtfx-btn-text,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal) > .mtfx-btn-text,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal) > .mtfx-btn-text,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal) > .mtfx-btn-text {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover,
.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal):hover,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal):focus-visible,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):hover,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):focus-visible {
  transform: none !important;
  filter: brightness(1.06) !important;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover::before,
.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible::before {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--mtfx10-menu-grad-a, var(--mtfx10-accent)), transparent 42%) 0%,
      color-mix(in srgb, var(--mtfx10-menu-grad-b, var(--mtfx10-accent-2)), transparent 62%) 100%) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mtfx10-menu-grad-a, var(--mtfx10-accent)) 35%, transparent);
}

.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover::before,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible::before {
  box-shadow: inset 0 0 34px color-mix(in srgb, #ffffff 20%, transparent), inset 0 0 46px color-mix(in srgb, var(--cta-grad-a, var(--mtfx10-accent)) 35%, transparent);
}

.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal):hover::before,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal):focus-visible::before,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):hover::before,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):focus-visible::before {
  background:
    linear-gradient(135deg, var(--mtgg-menu-theme-a) 0%, color-mix(in srgb, var(--mtgg-menu-theme-b), #ffffff 12%) 45%, #ffffff 100%) !important;
  box-shadow: inset 0 0 32px color-mix(in srgb, var(--mtgg-menu-theme-b) 34%, transparent);
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover::after,
.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible::after,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):hover::after,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal):focus-visible::after,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):hover::after,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal):focus-visible::after {
  opacity: .34;
  transform: translate3d(24%, 0, 0) skewX(-14deg);
}

/* MT Clothing shaped buttons */
.mtcl-btn-shape-diagonal-left { --mtcl-button-clip: polygon(8% 0, 100% 0, 92% 100%, 0 100%); }
.mtcl-btn-shape-diagonal-right { --mtcl-button-clip: polygon(0 0, 92% 0, 100% 100%, 8% 100%); }
.mtcl-btn-shape-top-wide { --mtcl-button-clip: polygon(0 0, 100% 0, 84% 100%, 16% 100%); }
.mtcl-btn-shape-top-narrow { --mtcl-button-clip: polygon(16% 0, 84% 0, 100% 100%, 0 100%); }
.mtcl-btn-shape-bottom-left { --mtcl-button-clip: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 72%); }
.mtcl-btn-shape-bottom-right { --mtcl-button-clip: polygon(0 0, 100% 0, 100% 72%, 86% 100%, 0 100%); }
.mtcl-btn-shape-parallelogram-left { --mtcl-button-clip: polygon(12% 0, 100% 0, 88% 100%, 0 100%); }
.mtcl-btn-shape-parallelogram-right { --mtcl-button-clip: polygon(0 0, 88% 0, 100% 100%, 12% 100%); }
.mtcl-btn-shape-hexagon { --mtcl-button-clip: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%); }

.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-choice,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-product-link,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-preview-link,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-acc-head,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-acc-subhead,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-start-trigger {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  clip-path: var(--mtcl-button-clip) !important;
  border-radius: 0 !important;
  padding-left: calc(18px + var(--mt-global-safe-left, 0px)) !important;
  padding-right: calc(18px + var(--mt-global-safe-right, 0px)) !important;
  padding-top: var(--mt-global-safe-top, 0px) !important;
  padding-bottom: var(--mt-global-safe-bottom, 0px) !important;
}

.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-choice > .mtfx-btn-text,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-product-link > .mtfx-btn-text,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-preview-link > .mtfx-btn-text,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-acc-head > .mtfx-btn-text,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-acc-subhead > .mtfx-btn-text,
.mtfx10-theme-clothing[class*="mtcl-btn-shape-"]:not(.mtcl-btn-shape-normal) .mtcl-start-trigger > .mtfx-btn-text {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

/* MT Footer — consistent diagonal angle fix */
.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) {
  --mt-shape-cut: clamp(72px, 6.2vw, 118px);
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) {
  --mt-shape-cut: clamp(18px, 2.2vw, 34px);
}

.mtfx-footer-section .mtfx-shape-diagonal-left {
  clip-path: polygon(var(--mt-shape-cut) 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-shape-diagonal-right {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-footer-section .mtfx-shape-top-wide {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-footer-section .mtfx-shape-top-narrow {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-shape-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-shape-cut)), calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-shape-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--mt-shape-cut) 100%, 0 calc(100% - var(--mt-shape-cut))) !important;
}

.mtfx-footer-section .mtfx-shape-parallelogram-left {
  clip-path: polygon(var(--mt-shape-cut) 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-shape-parallelogram-right {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-footer-section .mtfx-shape-hexagon {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 50%, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%, 0 50%) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::after {
  clip-path: inherit !important;
}

/* MT Global — puzzle-consistent shaped button/block angles
   One shared pixel-based cut is used everywhere, so matching shapes connect cleanly when placed edge-to-edge. */
:root {
  --mt-puzzle-shape-cut: 30px;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) {
  --mt-shape-cut: var(--mt-puzzle-shape-cut) !important;
}

.mtfx-btn-shape-diagonal-left,
.mtgg-btn-shape-diagonal-left,
.mtfx-shape-diagonal-left {
  clip-path: polygon(var(--mt-shape-cut) 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-btn-shape-diagonal-right,
.mtgg-btn-shape-diagonal-right,
.mtfx-shape-diagonal-right {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-btn-shape-top-wide,
.mtgg-btn-shape-top-wide,
.mtfx-shape-top-wide {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-btn-shape-top-narrow,
.mtgg-btn-shape-top-narrow,
.mtfx-shape-top-narrow {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, 0 100%) !important;
}

.mtfx-btn-shape-bottom-left,
.mtgg-btn-shape-bottom-left,
.mtfx-shape-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-shape-cut)), calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-btn-shape-bottom-right,
.mtgg-btn-shape-bottom-right,
.mtfx-shape-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--mt-shape-cut) 100%, 0 calc(100% - var(--mt-shape-cut))) !important;
}

.mtfx-btn-shape-parallelogram-left,
.mtgg-btn-shape-parallelogram-left,
.mtfx-shape-parallelogram-left {
  clip-path: polygon(var(--mt-shape-cut) 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

.mtfx-btn-shape-parallelogram-right,
.mtgg-btn-shape-parallelogram-right,
.mtfx-shape-parallelogram-right {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, var(--mt-shape-cut) 100%) !important;
}

.mtfx-btn-shape-hexagon,
.mtgg-btn-shape-hexagon,
.mtfx-shape-hexagon {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 50%, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%, 0 50%) !important;
}

.mtcl-btn-shape-diagonal-left {
  --mtcl-button-clip: polygon(var(--mt-puzzle-shape-cut) 0, 100% 0, calc(100% - var(--mt-puzzle-shape-cut)) 100%, 0 100%) !important;
}

.mtcl-btn-shape-diagonal-right {
  --mtcl-button-clip: polygon(0 0, calc(100% - var(--mt-puzzle-shape-cut)) 0, 100% 100%, var(--mt-puzzle-shape-cut) 100%) !important;
}

.mtcl-btn-shape-top-wide {
  --mtcl-button-clip: polygon(0 0, 100% 0, calc(100% - var(--mt-puzzle-shape-cut)) 100%, var(--mt-puzzle-shape-cut) 100%) !important;
}

.mtcl-btn-shape-top-narrow {
  --mtcl-button-clip: polygon(var(--mt-puzzle-shape-cut) 0, calc(100% - var(--mt-puzzle-shape-cut)) 0, 100% 100%, 0 100%) !important;
}

.mtcl-btn-shape-bottom-left {
  --mtcl-button-clip: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-puzzle-shape-cut)), calc(100% - var(--mt-puzzle-shape-cut)) 100%, 0 100%) !important;
}

.mtcl-btn-shape-bottom-right {
  --mtcl-button-clip: polygon(0 0, 100% 0, 100% 100%, var(--mt-puzzle-shape-cut) 100%, 0 calc(100% - var(--mt-puzzle-shape-cut))) !important;
}

.mtcl-btn-shape-parallelogram-left {
  --mtcl-button-clip: polygon(var(--mt-puzzle-shape-cut) 0, 100% 0, calc(100% - var(--mt-puzzle-shape-cut)) 100%, 0 100%) !important;
}

.mtcl-btn-shape-parallelogram-right {
  --mtcl-button-clip: polygon(0 0, calc(100% - var(--mt-puzzle-shape-cut)) 0, 100% 100%, var(--mt-puzzle-shape-cut) 100%) !important;
}

.mtcl-btn-shape-hexagon {
  --mtcl-button-clip: polygon(var(--mt-puzzle-shape-cut) 0, calc(100% - var(--mt-puzzle-shape-cut)) 0, 100% 50%, calc(100% - var(--mt-puzzle-shape-cut)) 100%, var(--mt-puzzle-shape-cut) 100%, 0 50%) !important;
}

.mtfx-btn-shape-diagonal-left,
.mtfx-btn-shape-parallelogram-left,
.mtgg-btn-shape-diagonal-left,
.mtgg-btn-shape-parallelogram-left,
.mtfx10-theme-clothing.mtcl-btn-shape-diagonal-left,
.mtfx10-theme-clothing.mtcl-btn-shape-parallelogram-left,
.mtfx-shape-diagonal-left,
.mtfx-shape-parallelogram-left {
  --mt-global-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-global-safe-right: calc(var(--mt-puzzle-shape-cut) / 2) !important;
  --mt-shape-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-right: calc(var(--mt-puzzle-shape-cut) / 2) !important;
}

.mtfx-btn-shape-diagonal-right,
.mtfx-btn-shape-parallelogram-right,
.mtgg-btn-shape-diagonal-right,
.mtgg-btn-shape-parallelogram-right,
.mtfx10-theme-clothing.mtcl-btn-shape-diagonal-right,
.mtfx10-theme-clothing.mtcl-btn-shape-parallelogram-right,
.mtfx-shape-diagonal-right,
.mtfx-shape-parallelogram-right {
  --mt-global-safe-left: calc(var(--mt-puzzle-shape-cut) / 2) !important;
  --mt-global-safe-right: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-left: calc(var(--mt-puzzle-shape-cut) / 2) !important;
  --mt-shape-safe-right: var(--mt-puzzle-shape-cut) !important;
}

.mtfx-btn-shape-top-wide,
.mtfx-btn-shape-top-narrow,
.mtfx-btn-shape-hexagon,
.mtgg-btn-shape-top-wide,
.mtgg-btn-shape-top-narrow,
.mtgg-btn-shape-hexagon,
.mtfx10-theme-clothing.mtcl-btn-shape-top-wide,
.mtfx10-theme-clothing.mtcl-btn-shape-top-narrow,
.mtfx10-theme-clothing.mtcl-btn-shape-hexagon,
.mtfx-shape-top-wide,
.mtfx-shape-top-narrow,
.mtfx-shape-hexagon {
  --mt-global-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-global-safe-right: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-right: var(--mt-puzzle-shape-cut) !important;
}

.mtfx-btn-shape-bottom-left,
.mtgg-btn-shape-bottom-left,
.mtfx10-theme-clothing.mtcl-btn-shape-bottom-left,
.mtfx-shape-bottom-left {
  --mt-global-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-global-safe-bottom: calc(var(--mt-puzzle-shape-cut) / 2) !important;
  --mt-shape-safe-left: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-bottom: calc(var(--mt-puzzle-shape-cut) / 2) !important;
}

.mtfx-btn-shape-bottom-right,
.mtgg-btn-shape-bottom-right,
.mtfx10-theme-clothing.mtcl-btn-shape-bottom-right,
.mtfx-shape-bottom-right {
  --mt-global-safe-right: var(--mt-puzzle-shape-cut) !important;
  --mt-global-safe-bottom: calc(var(--mt-puzzle-shape-cut) / 2) !important;
  --mt-shape-safe-right: var(--mt-puzzle-shape-cut) !important;
  --mt-shape-safe-bottom: calc(var(--mt-puzzle-shape-cut) / 2) !important;
}

.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before,
.mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::after,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::before,
.mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal)::after,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before,
.mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::after,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::before,
.mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::after,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::after {
  clip-path: inherit !important;
}

/* MT Footer organized controls + working image blend v12 */
.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  min-height: var(--mt-footer-current-block-h, auto);
}

.mtfx-footer-section .mtfx-footer-card--logo {
  --mt-footer-current-block-h: var(--mt-footer-logo-block-h, auto);
  padding: var(--mt-footer-logo-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px))) !important;
  border-radius: var(--mt-footer-logo-card-radius, var(--mt-footer-card-radius, 28px)) !important;
  border-width: var(--mt-footer-logo-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  border-color: var(--mt-footer-logo-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
  background: linear-gradient(135deg, var(--mt-footer-logo-card-gradient-a, var(--mt-footer-logo-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-logo-card-gradient-b, var(--mt-footer-logo-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,var(--mt-footer-logo-card-shadow-opacity, var(--mt-footer-card-shadow-opacity, .10))) !important;
}

.mtfx-footer-section .mtfx-footer-card--newsletter {
  --mt-footer-current-block-h: var(--mt-footer-newsletter-block-h, auto);
  padding: var(--mt-footer-newsletter-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px))) !important;
  border-radius: var(--mt-footer-newsletter-card-radius, var(--mt-footer-card-radius, 28px)) !important;
  border-width: var(--mt-footer-newsletter-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  border-color: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
  background: linear-gradient(135deg, var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-newsletter-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-newsletter-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,var(--mt-footer-newsletter-card-shadow-opacity, var(--mt-footer-card-shadow-opacity, .10))) !important;
}

.mtfx-footer-section .mtfx-footer-card--company {
  --mt-footer-current-block-h: var(--mt-footer-company-block-h, auto);
  padding: var(--mt-footer-company-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px))) !important;
  border-radius: var(--mt-footer-company-card-radius, var(--mt-footer-card-radius, 28px)) !important;
  border-width: var(--mt-footer-company-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  border-color: var(--mt-footer-company-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
  background: linear-gradient(135deg, var(--mt-footer-company-card-gradient-a, var(--mt-footer-company-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-company-card-gradient-b, var(--mt-footer-company-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,var(--mt-footer-company-card-shadow-opacity, var(--mt-footer-card-shadow-opacity, .10))) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape:not(.mtfx-shape-normal) {
  border: 0 !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-logo-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
}
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
}
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-company-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line))) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape:not(.mtfx-shape-normal)::before {
  inset: var(--mt-footer-logo-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  background: linear-gradient(135deg, var(--mt-footer-logo-card-gradient-a, var(--mt-footer-logo-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-logo-card-gradient-b, var(--mt-footer-logo-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
}
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape:not(.mtfx-shape-normal)::before {
  inset: var(--mt-footer-newsletter-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  background: linear-gradient(135deg, var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-newsletter-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-newsletter-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
}
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape:not(.mtfx-shape-normal)::before {
  inset: var(--mt-footer-company-card-border-width, var(--mt-footer-card-border-width, 1px)) !important;
  background: linear-gradient(135deg, var(--mt-footer-company-card-gradient-a, var(--mt-footer-company-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface-strong)))), var(--mt-footer-company-card-gradient-b, var(--mt-footer-company-card-bg, var(--mt-footer-card-bg, var(--mt-footer-surface))))) !important;
}

.mtfx-footer-section .mtfx-footer-extra-layer,
.mtfx-footer-section .mtfx-footer-logo-wrap,
.mtfx-footer-section .mtfx-footer-endmark__custom-logo {
  mix-blend-mode: normal !important;
  filter: none !important;
}

.mtfx-footer-section .mtfx-footer-extra-layer img,
.mtfx-footer-section .mtfx-footer-logo-wrap img,
.mtfx-footer-section .mtfx-footer-endmark__custom-logo img {
  mix-blend-mode: var(--mt-footer-img-blend, normal) !important;
  filter: brightness(var(--mt-footer-img-brightness, 100%)) saturate(var(--mt-footer-img-saturation, 100%)) blur(var(--mt-footer-img-blur, 0px)) !important;
}

.mtfx-footer-section .mtfx-footer-button {
  transform: translate3d(var(--mt-footer-this-button-x, 0px), var(--mt-footer-this-button-y, 0px), 0) scale(var(--mt-footer-this-button-scale, 1)) !important;
  transform-origin: center center !important;
  min-height: var(--mt-footer-this-button-height, var(--mt-footer-button-height, 52px)) !important;
  width: var(--mt-footer-this-button-width, var(--mt-footer-button-width, auto)) !important;
  border-radius: var(--mt-footer-this-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  color: var(--mt-footer-this-button-text, var(--mt-footer-button-text, inherit)) !important;
  border-color: var(--mt-footer-this-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
  border-width: var(--mt-footer-this-button-border-width, var(--mt-footer-button-border-width, 1px)) !important;
  background: linear-gradient(var(--mt-footer-this-button-gradient-angle, 110deg), var(--mt-footer-this-button-gradient-a, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)))), var(--mt-footer-this-button-gradient-b, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))) !important;
}

.mtfx-footer-section .mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-button:focus-visible {
  transform: translate3d(var(--mt-footer-this-button-x, 0px), var(--mt-footer-this-button-y, 0px), 0) scale(var(--mt-footer-this-button-scale, 1)) !important;
  background: var(--mt-footer-this-button-hover-bg, linear-gradient(var(--mt-footer-this-button-gradient-angle, 110deg), var(--mt-footer-this-button-gradient-a, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)))), var(--mt-footer-this-button-gradient-b, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong)))))) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-this-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal) {
  border: 0 !important;
  background: var(--mt-footer-this-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before {
  inset: var(--mt-footer-this-button-border-width, var(--mt-footer-button-border-width, 1px)) !important;
  background: linear-gradient(var(--mt-footer-this-button-gradient-angle, 110deg), var(--mt-footer-this-button-gradient-a, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)))), var(--mt-footer-this-button-gradient-b, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-this-button-hover-bg, linear-gradient(var(--mt-footer-this-button-gradient-angle, 110deg), var(--mt-footer-this-button-gradient-a, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)))), var(--mt-footer-this-button-gradient-b, var(--mt-footer-this-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong)))))) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-this-button-glow, var(--mt-footer-button-glow, .26)) * 100%), transparent) !important;
}

.mtfx-footer-section .mtfx-footer-button--newsletter {
  --mt-footer-this-button-width: var(--mt-footer-newsletter-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-this-button-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-this-button-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-this-button-x: var(--mt-footer-newsletter-button-x, 0px);
  --mt-footer-this-button-y: var(--mt-footer-newsletter-button-y, 0px);
  --mt-footer-this-button-scale: var(--mt-footer-newsletter-button-scale, 1);
  --mt-footer-this-button-text: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text, #111));
  --mt-footer-this-button-bg: var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)));
  --mt-footer-this-button-hover-bg: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-footer-this-button-border: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-this-button-border-width: var(--mt-footer-newsletter-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-this-button-glow: var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-this-button-gradient-a: var(--mt-footer-newsletter-button-gradient-a, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-newsletter-button-gradient-b, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-newsletter-button-gradient-angle, 110deg);
}

.mtfx-footer-section .mtfx-footer-button--company {
  --mt-footer-this-button-width: var(--mt-footer-company-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-this-button-height: var(--mt-footer-company-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-this-button-radius: var(--mt-footer-company-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-this-button-x: var(--mt-footer-company-button-x, 0px);
  --mt-footer-this-button-y: var(--mt-footer-company-button-y, 0px);
  --mt-footer-this-button-scale: var(--mt-footer-company-button-scale, 1);
  --mt-footer-this-button-text: var(--mt-footer-company-button-text, var(--mt-footer-button-text, inherit));
  --mt-footer-this-button-bg: var(--mt-footer-company-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)));
  --mt-footer-this-button-hover-bg: var(--mt-footer-company-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-footer-this-button-border: var(--mt-footer-company-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-this-button-border-width: var(--mt-footer-company-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-this-button-glow: var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-this-button-gradient-a: var(--mt-footer-company-button-gradient-a, var(--mt-footer-company-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-company-button-gradient-b, var(--mt-footer-company-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-company-button-gradient-angle, 110deg);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-summary-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-summary-button-x, 0px);
  --mt-footer-this-button-y: var(--mt-footer-quicknav-summary-button-y, 0px);
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-summary-button-scale, 1);
  --mt-footer-this-button-text: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text, inherit));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-summary-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-summary-button-gradient-a, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-summary-button-gradient-b, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-summary-button-gradient-angle, 110deg);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-1 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-1-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-1-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-1-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-1-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-1-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-1-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-1-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-1-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-1-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-1-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-1-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-1-button-gradient-a, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-1-button-gradient-b, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-1-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-2 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-2-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-2-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-2-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-2-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-2-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-2-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-2-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-2-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-2-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-2-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-2-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-2-button-gradient-a, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-2-button-gradient-b, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-2-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-3 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-3-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-3-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-3-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-3-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-3-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-3-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-3-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-3-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-3-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-3-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-3-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-3-button-gradient-a, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-3-button-gradient-b, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-3-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-4 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-4-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-4-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-4-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-4-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-4-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-4-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-4-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-4-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-4-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-4-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-4-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-4-button-gradient-a, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-4-button-gradient-b, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-4-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-5 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-5-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-5-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-5-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-5-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-5-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-5-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-5-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-5-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-5-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-5-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-5-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-5-button-gradient-a, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-5-button-gradient-b, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-5-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-6 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-6-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-6-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-6-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-6-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-6-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-6-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-6-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-6-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-6-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-6-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-6-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-6-button-gradient-a, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-6-button-gradient-b, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-6-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-7 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-7-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-7-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-7-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-7-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-7-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-7-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-7-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-7-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-7-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-7-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-7-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-7-button-gradient-a, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-7-button-gradient-b, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-7-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-8 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-8-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-8-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-8-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-8-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-8-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-8-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-8-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-8-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-8-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-8-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-8-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-8-button-gradient-a, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-8-button-gradient-b, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-8-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-9 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-9-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-9-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-9-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-9-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-9-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-9-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-9-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-9-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-9-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-9-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-9-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-9-button-gradient-a, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-9-button-gradient-b, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-9-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-10 {
  --mt-footer-this-button-width: var(--mt-footer-quicknav-item-10-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-this-button-height: var(--mt-footer-quicknav-item-10-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-this-button-radius: var(--mt-footer-quicknav-item-10-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-this-button-x: var(--mt-footer-quicknav-item-10-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-this-button-y: var(--mt-footer-quicknav-item-10-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-this-button-scale: var(--mt-footer-quicknav-item-10-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-this-button-text: var(--mt-footer-quicknav-item-10-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, inherit)));
  --mt-footer-this-button-bg: var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-this-button-hover-bg: var(--mt-footer-quicknav-item-10-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg)));
  --mt-footer-this-button-border: var(--mt-footer-quicknav-item-10-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-this-button-border-width: var(--mt-footer-quicknav-item-10-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-this-button-glow: var(--mt-footer-quicknav-item-10-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-this-button-gradient-a: var(--mt-footer-quicknav-item-10-button-gradient-a, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))))));
  --mt-footer-this-button-gradient-b: var(--mt-footer-quicknav-item-10-button-gradient-b, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-this-button-gradient-angle: var(--mt-footer-quicknav-item-10-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, 110deg));
}

/* === MT targeted update v11.8.30a — Clothing light theme silver palette only ===
   Alleen MT Clothing in light mode. Dark/gold Clothing blijft ongewijzigd. */
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing {
  --mtfx10-bg: #ece9eb !important;
  --mtfx10-gradient:
    radial-gradient(circle at 50% 26%, rgba(255,255,255,.72) 0%, rgba(176,184,189,.28) 25%, transparent 54%),
    radial-gradient(ellipse at 78% 64%, rgba(150,159,165,.22) 0%, transparent 44%),
    radial-gradient(ellipse at 22% 78%, rgba(248,248,246,.64) 0%, transparent 48%),
    linear-gradient(135deg, #ece9eb 0%, #f8f8f6 30%, #dfe1e0 56%, #b0b8bd 78%, #ece9eb 100%) !important;
  --mtfx10-accent: #969fa5 !important;
  --mtfx10-accent-2: #b0b8bd !important;
  --mtfx10-bleed-start: #ece9eb !important;
  --mtfx10-bleed-end: #ece9eb !important;
  --mtcl-lens-pink: #b0b8bd !important;
  --mtcl-lens-light: #f8f8f6 !important;
  --mtcl-lens-hot: rgba(255,255,255,.96) !important;
  --mtcl-aurora-a: rgba(176,184,189,.74) !important;
  --mtcl-aurora-b: rgba(248,248,246,.88) !important;
  --mtcl-aurora-c: rgba(106,114,120,.48) !important;
  --mtcl-product-btn-text: rgba(18,18,18,.88) !important;
  --mtcl-product-btn-a: rgba(176,184,189,.96) !important;
  --mtcl-product-btn-b: rgba(248,248,246,.94) !important;
  --mtcl-product-btn-border: rgba(150,159,165,.74) !important;
  --mtcl-scroll-track: rgba(176,184,189,.24) !important;
  --mtcl-scroll-thumb-a: rgba(150,159,165,.86) !important;
  --mtcl-scroll-thumb-b: rgba(248,248,246,.96) !important;
  background-color: #ece9eb !important;
  color: #111111 !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-scene,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing.mtfx10-reveal-up .mtfx10-scene {
  background: var(--mtfx10-gradient) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-vignette {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.42) 0%, transparent 44%),
    radial-gradient(ellipse at 50% 72%, rgba(150,159,165,.14) 0%, transparent 46%),
    linear-gradient(to bottom, rgba(255,255,255,.18) 0%, rgba(236,233,235,.18) 48%, rgba(106,114,120,.22) 100%) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-bleed-top {
  background: linear-gradient(to bottom, transparent, #ece9eb) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-bleed-bottom {
  background: linear-gradient(to bottom, #ece9eb, transparent) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn {
  color: rgba(18,18,18,.88) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.62), 0 10px 22px rgba(106,114,120,.12) !important;
  border-color: rgba(150,159,165,.58) !important;
  background:
    linear-gradient(116deg, transparent 0 33%, rgba(255,255,255,.64) 45%, rgba(255,255,255,.22) 55%, transparent 68% 100%),
    linear-gradient(135deg, rgba(106,114,120,.78) 0%, rgba(150,159,165,.92) 34%, rgba(248,248,246,.96) 58%, rgba(176,184,189,.92) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -16px 30px rgba(106,114,120,.16),
    0 0 0 1px rgba(255,255,255,.28),
    0 14px 34px rgba(106,114,120,.16),
    0 0 30px rgba(150,159,165,.18) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice:focus-visible,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice.is-active,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:focus-visible,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:focus-visible {
  color: rgba(12,12,12,.94) !important;
  border-color: rgba(176,184,189,.86) !important;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.82) 44%, rgba(255,255,255,.30) 58%, transparent 72% 100%),
    linear-gradient(135deg, rgba(106,114,120,.86) 0%, rgba(176,184,189,.96) 36%, rgba(255,255,255,.98) 58%, rgba(150,159,165,.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -16px 34px rgba(106,114,120,.14),
    0 0 0 1px rgba(176,184,189,.34),
    0 18px 42px rgba(106,114,120,.18),
    0 0 44px rgba(176,184,189,.28) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice-l1::before {
  background:
    linear-gradient(104deg, transparent 0%, transparent 34%, rgba(255,255,255,.26) 42%, rgba(255,255,255,.98) 50%, rgba(176,184,189,.38) 58%, transparent 68%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.88) 0 0, rgba(176,184,189,.34) 12%, transparent 35%) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice-l1::after,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger.is-shattering::before,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger.is-shattering::after,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice-l1.is-shattering::before,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice-l1.is-shattering::after {
  background:
    linear-gradient(35deg, transparent 0 12%, rgba(255,255,255,.92) 13% 14%, transparent 15% 31%, rgba(176,184,189,.50) 32% 33%, transparent 34% 49%, rgba(255,255,255,.78) 50% 51%, transparent 52% 100%) !important;
  mix-blend-mode: screen !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice-l2::before {
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.62), transparent 28%),
    radial-gradient(circle at 24% 50%, rgba(176,184,189,.38), transparent 36%),
    radial-gradient(circle at 76% 50%, rgba(150,159,165,.24), transparent 34%) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-link,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link {
  color: var(--mtcl-product-btn-text) !important;
  border-color: var(--mtcl-product-btn-border) !important;
  background:
    linear-gradient(116deg, transparent 0 32%, rgba(255,255,255,.58) 46%, rgba(255,255,255,.18) 58%, transparent 70% 100%),
    linear-gradient(135deg, var(--mtcl-product-btn-a), var(--mtcl-product-btn-b)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -12px 24px rgba(106,114,120,.14),
    0 12px 28px rgba(106,114,120,.14),
    0 0 28px rgba(176,184,189,.18) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-link:focus-visible,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-preview-link:focus-visible {
  color: rgba(12,12,12,.94) !important;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.78) 44%, rgba(255,255,255,.24) 58%, transparent 72% 100%),
    linear-gradient(135deg, var(--mtcl-product-btn-b), var(--mtcl-product-btn-a)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -12px 26px rgba(106,114,120,.12),
    0 16px 36px rgba(106,114,120,.16),
    0 0 38px rgba(176,184,189,.26) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-card:focus-within {
  border-color: rgba(176,184,189,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 0 1px rgba(176,184,189,.22),
    0 20px 52px rgba(106,114,120,.18),
    0 0 36px rgba(176,184,189,.20) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar-track {
  background: linear-gradient(90deg, transparent, rgba(176,184,189,.24), transparent) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row:not([hidden])::-webkit-scrollbar-thumb {
  border-color: rgba(236,233,235,.88) !important;
  background: linear-gradient(135deg, #969fa5, #f8f8f6) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 0 18px rgba(150,159,165,.24) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
  background-image: none !important;
  filter: drop-shadow(0 10px 14px rgba(106,114,120,.18)) drop-shadow(0 0 14px rgba(176,184,189,.20)) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::before,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 4px 3px !important;
  clip-path: polygon(0 24%, 50% 24%, 50% 4%, 100% 50%, 50% 96%, 50% 76%, 0 76%, 0 24%) !important;
  pointer-events: none !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::before {
  z-index: 2 !important;
  background:
    linear-gradient(155deg, rgba(255,255,255,.88) 0 7%, transparent 8% 100%),
    linear-gradient(112deg, transparent 0 29%, rgba(255,255,255,.68) 37%, rgba(255,255,255,.12) 48%, transparent 58% 100%),
    linear-gradient(90deg, #6a7278 0%, #969fa5 18%, #b0b8bd 36%, #f8f8f6 52%, #b0b8bd 66%, #969fa5 82%, #6a7278 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.66),
    inset 0 -2px 0 rgba(106,114,120,.42),
    inset 8px 0 10px rgba(255,255,255,.20),
    inset -7px 0 8px rgba(106,114,120,.22) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::after {
  z-index: 3 !important;
  background:
    radial-gradient(circle at 23% 26%, rgba(255,255,255,.92) 0 2px, rgba(176,184,189,.42) 3px, transparent 8px),
    radial-gradient(circle at 83% 30%, rgba(255,255,255,.82) 0 1px, rgba(150,159,165,.32) 2px, transparent 7px),
    linear-gradient(180deg, rgba(255,255,255,.26), transparent 24%, rgba(106,114,120,.18) 100%) !important;
  opacity: .78 !important;
  mix-blend-mode: screen !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev::before,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev::after {
  transform: scaleX(-1) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:focus-visible {
  filter: drop-shadow(0 13px 18px rgba(106,114,120,.22)) drop-shadow(0 0 20px rgba(176,184,189,.32)) brightness(1.04) saturate(1.04) !important;
}

/* === MT FINAL TARGETED FIX — clothing fade, footer haze, global angle strength ===
   Only visual layer/order fixes. No content/controls/sections changed. */

/* Clothing top fade: theme-correct, under stage/content, above background/particles */
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing,
html body.mt-theme-dark .mtfx10-section.mtfx10-theme-clothing {
  isolation: isolate;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: clamp(255px, 34vh, 430px) !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background: linear-gradient(
    to bottom,
    #ece9eb 0%,
    rgba(236,233,235,.96) 14%,
    rgba(236,233,235,.72) 38%,
    rgba(236,233,235,.30) 70%,
    rgba(236,233,235,0) 100%
  ) !important;
}

html body.mt-theme-dark .mtfx10-section.mtfx10-theme-clothing.mtcl-top-fade-enabled::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: clamp(255px, 34vh, 430px) !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background: linear-gradient(
    to bottom,
    #080808 0%,
    rgba(8,8,8,.96) 14%,
    rgba(8,8,8,.72) 38%,
    rgba(8,8,8,.30) 70%,
    rgba(8,8,8,0) 100%
  ) !important;
}

html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-particles,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-bg-animation,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-video-wrap,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-video-fade,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-vignette {
  z-index: 3 !important;
}

html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-stage,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-layer,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-products-stage,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-preview,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-product-row,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-product-card {
  position: relative !important;
  z-index: 8 !important;
}

html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-content,
html body .mtfx10-section.mtfx10-theme-clothing .mtfx10-copy,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-shell,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-desktop-flow,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-level-1,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-panel,
html body .mtfx10-section.mtfx10-theme-clothing .mtcl-subnav {
  position: relative !important;
  z-index: 12 !important;
}

/* Footer: remove the unwanted haze/blur below and around footer blocks */
html body .mtfx-footer-section .mtfx-footer-card,
html body .mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::after,
html body .mtfx-footer-section .mtfx-footer-card--logo,
html body .mtfx-footer-section .mtfx-footer-card--newsletter,
html body .mtfx-footer-section .mtfx-footer-card--company {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::after {
  opacity: 0 !important;
  background: transparent !important;
}

/* Global puzzle shape: stronger, consistent diagonal cut for all shaped buttons/blocks. */
html body .mtfx10-subbtn.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
html body .mtfx10-cta.mtfx-btn-shape:not(.mtfx-btn-shape-normal),
html body .mtgg-section .mtgg-shortcut-group-title.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
html body .mtgg-section .mtgg-shortcut-link.mtgg-btn-shape:not(.mtgg-btn-shape-normal),
html body .mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal),
html body .mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) {
  --mt-shape-cut: clamp(16px, calc(var(--mt-puzzle-shape-cut, 30px) * 2.4), 45%) !important;
}

html body .mtfx-btn-shape-diagonal-left,
html body .mtgg-btn-shape-diagonal-left,
html body .mtfx-shape-diagonal-left,
html body .mtfx-btn-shape-parallelogram-left,
html body .mtgg-btn-shape-parallelogram-left,
html body .mtfx-shape-parallelogram-left {
  clip-path: polygon(var(--mt-shape-cut) 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

html body .mtfx-btn-shape-diagonal-right,
html body .mtgg-btn-shape-diagonal-right,
html body .mtfx-shape-diagonal-right,
html body .mtfx-btn-shape-parallelogram-right,
html body .mtgg-btn-shape-parallelogram-right,
html body .mtfx-shape-parallelogram-right {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, var(--mt-shape-cut) 100%) !important;
}

html body .mtfx-btn-shape-top-wide,
html body .mtgg-btn-shape-top-wide,
html body .mtfx-shape-top-wide {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%) !important;
}

html body .mtfx-btn-shape-top-narrow,
html body .mtgg-btn-shape-top-narrow,
html body .mtfx-shape-top-narrow {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 100%, 0 100%) !important;
}

html body .mtfx-btn-shape-bottom-left,
html body .mtgg-btn-shape-bottom-left,
html body .mtfx-shape-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-shape-cut)), calc(100% - var(--mt-shape-cut)) 100%, 0 100%) !important;
}

html body .mtfx-btn-shape-bottom-right,
html body .mtgg-btn-shape-bottom-right,
html body .mtfx-shape-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--mt-shape-cut) 100%, 0 calc(100% - var(--mt-shape-cut))) !important;
}

html body .mtfx-btn-shape-hexagon,
html body .mtgg-btn-shape-hexagon,
html body .mtfx-shape-hexagon {
  clip-path: polygon(var(--mt-shape-cut) 0, calc(100% - var(--mt-shape-cut)) 0, 100% 50%, calc(100% - var(--mt-shape-cut)) 100%, var(--mt-shape-cut) 100%, 0 50%) !important;
}

html body .mtcl-btn-shape-diagonal-left,
html body .mtcl-btn-shape-parallelogram-left {
  --mtcl-button-clip: polygon(var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 0, 100% 0, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 100%, 0 100%) !important;
}

html body .mtcl-btn-shape-diagonal-right,
html body .mtcl-btn-shape-parallelogram-right {
  --mtcl-button-clip: polygon(0 0, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 0, 100% 100%, var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 100%) !important;
}

html body .mtcl-btn-shape-top-wide {
  --mtcl-button-clip: polygon(0 0, 100% 0, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 100%, var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 100%) !important;
}

html body .mtcl-btn-shape-top-narrow {
  --mtcl-button-clip: polygon(var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 0, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 0, 100% 100%, 0 100%) !important;
}

html body .mtcl-btn-shape-bottom-left {
  --mtcl-button-clip: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))), calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 100%, 0 100%) !important;
}

html body .mtcl-btn-shape-bottom-right {
  --mtcl-button-clip: polygon(0 0, 100% 0, 100% 100%, var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 100%, 0 calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut)))) !important;
}

html body .mtcl-btn-shape-hexagon {
  --mtcl-button-clip: polygon(var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 0, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 0, 100% 50%, calc(100% - var(--mt-shape-cut, var(--mt-puzzle-shape-cut))) 100%, var(--mt-shape-cut, var(--mt-puzzle-shape-cut)) 100%, 0 50%) !important;
}

/* MT Footer — stable standalone block + real working button/card controls */
.mtfx-footer-section .mtfx-footer-aura,
.mtfx-footer-section .mtfx-footer-card::after,
.mtfx-footer-section .mtfx-footer-button::after,
.mtfx-footer-section .mtfx-footer-form button::after,
.mtfx-footer-section .mtfx-footer-company-button::after,
.mtfx-footer-section .mtfx-footer-quicknav__summary::after,
.mtfx-footer-section .mtfx-footer-quicknav__link::after {
  display: none !important;
  content: none !important;
}

.mtfx-footer-section .mtfx-footer-shell {
  position: relative !important;
  z-index: 5 !important;
  width: min(100%, 1320px) !important;
  max-width: var(--mt-footer-shell-max-width, 1320px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(18px, 3vw, 44px) !important;
  grid-template-columns: none !important;
  overflow: visible !important;
}

.mtfx-footer-section .mtfx-footer-col {
  position: relative !important;
  z-index: 5 !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  transform: translate3d(var(--mt-footer-block-x, 0px), var(--mt-footer-block-y, 0px), 0) scale(var(--mt-footer-block-scale, 1)) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

.mtfx-footer-section .mtfx-footer-logo-col {
  width: var(--mt-footer-logo-block-w, auto) !important;
}

.mtfx-footer-section .mtfx-footer-newsletter-col {
  width: var(--mt-footer-newsletter-block-w, auto) !important;
}

.mtfx-footer-section .mtfx-footer-company-col {
  width: var(--mt-footer-company-block-w, auto) !important;
}

.mtfx-footer-section .mtfx-footer-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, var(--mt-footer-card-shadow-opacity, 0)) !important;
  transform: none !important;
}

body.mt-theme-dark .mtfx-footer-section .mtfx-footer-card,
html body.mt-theme-dark .mtfx-footer-section .mtfx-footer-card {
  box-shadow: 0 24px 70px rgba(0, 0, 0, var(--mt-footer-card-shadow-opacity, 0)) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo {
  --mt-footer-card-final-bg: linear-gradient(var(--mt-footer-logo-card-gradient-angle, 135deg), var(--mt-footer-logo-card-gradient-a, var(--mt-footer-logo-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-logo-card-gradient-b, var(--mt-footer-logo-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-final-border: var(--mt-footer-logo-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-final-border-width: var(--mt-footer-logo-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-final-radius: var(--mt-footer-logo-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-final-padding: var(--mt-footer-logo-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px)));
  min-height: var(--mt-footer-logo-block-h, 0px) !important;
}

.mtfx-footer-section .mtfx-footer-card--newsletter {
  --mt-footer-card-final-bg: linear-gradient(var(--mt-footer-newsletter-card-gradient-angle, 135deg), var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-final-border: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-final-border-width: var(--mt-footer-newsletter-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-final-radius: var(--mt-footer-newsletter-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-final-padding: var(--mt-footer-newsletter-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px)));
  min-height: var(--mt-footer-newsletter-block-h, 0px) !important;
}

.mtfx-footer-section .mtfx-footer-card--company {
  --mt-footer-card-final-bg: linear-gradient(var(--mt-footer-company-card-gradient-angle, 135deg), var(--mt-footer-company-card-gradient-a, var(--mt-footer-company-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-company-card-gradient-b, var(--mt-footer-company-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-final-border: var(--mt-footer-company-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-final-border-width: var(--mt-footer-company-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-final-radius: var(--mt-footer-company-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-final-padding: var(--mt-footer-company-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px)));
  min-height: var(--mt-footer-company-block-h, 0px) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape-normal,
.mtfx-footer-section .mtfx-footer-card:not(.mtfx-shape) {
  padding: var(--mt-footer-card-final-padding) !important;
  border: var(--mt-footer-card-final-border-width) solid var(--mt-footer-card-final-border) !important;
  border-radius: var(--mt-footer-card-final-radius) !important;
  background: var(--mt-footer-card-final-bg) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) {
  padding: var(--mt-footer-card-final-padding) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-footer-card-final-border) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, var(--mt-footer-card-shadow-opacity, 0)) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: var(--mt-footer-card-final-border-width) !important;
  z-index: 0 !important;
  background: var(--mt-footer-card-final-bg) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) > * {
  position: relative !important;
  z-index: 2 !important;
}

.mtfx-footer-section .mtfx-footer-logo-wrap,
.mtfx-footer-section .mtfx-footer-extra-layer,
.mtfx-footer-section .mtfx-footer-endmark__custom-logo {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.mtfx-footer-section .mtfx-footer-logo-wrap img,
.mtfx-footer-section .mtfx-footer-extra-layer img,
.mtfx-footer-section .mtfx-footer-endmark__custom-logo img {
  opacity: var(--mt-footer-img-opacity, 1) !important;
  mix-blend-mode: var(--mt-footer-img-blend, normal) !important;
  filter: brightness(var(--mt-footer-img-brightness, 100%)) saturate(var(--mt-footer-img-saturation, 100%)) blur(var(--mt-footer-img-blur, 0px)) !important;
}

.mtfx-footer-section .mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-form button,
.mtfx-footer-section .mtfx-footer-company-button,
.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: translate3d(var(--mt-footer-current-button-x, 0px), var(--mt-footer-current-button-y, 0px), 0) scale(var(--mt-footer-current-button-scale, 1)) !important;
  transform-origin: center center !important;
  transition: filter .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.mtfx-footer-section .mtfx-footer-button--newsletter {
  --mt-footer-current-button-width: var(--mt-footer-newsletter-button-width, auto);
  --mt-footer-current-button-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-current-button-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-current-button-border: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-current-button-border-width: var(--mt-footer-newsletter-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-current-button-text: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-newsletter-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-newsletter-button-gradient-a, var(--mt-footer-newsletter-button-bg, var(--mt-footer-accent))), var(--mt-footer-newsletter-button-gradient-b, var(--mt-footer-newsletter-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-current-button-bg));
  --mt-footer-current-button-glow: var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-current-button-x: var(--mt-footer-newsletter-button-x, 0px);
  --mt-footer-current-button-y: var(--mt-footer-newsletter-button-y, 0px);
  --mt-footer-current-button-scale: var(--mt-footer-newsletter-button-scale, 1);
}

.mtfx-footer-section .mtfx-footer-button--company {
  --mt-footer-current-button-width: var(--mt-footer-company-button-width, auto);
  --mt-footer-current-button-height: var(--mt-footer-company-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-current-button-radius: var(--mt-footer-company-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-current-button-border: var(--mt-footer-company-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-current-button-border-width: var(--mt-footer-company-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-current-button-text: var(--mt-footer-company-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-company-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-company-button-gradient-a, var(--mt-footer-company-button-bg, var(--mt-footer-accent))), var(--mt-footer-company-button-gradient-b, var(--mt-footer-company-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-company-button-hover-bg, var(--mt-footer-current-button-bg));
  --mt-footer-current-button-glow: var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-current-button-x: var(--mt-footer-company-button-x, 0px);
  --mt-footer-current-button-y: var(--mt-footer-company-button-y, 0px);
  --mt-footer-current-button-scale: var(--mt-footer-company-button-scale, 1);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-summary-button-width, auto);
  --mt-footer-current-button-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-summary-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-summary-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-summary-button-gradient-a, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-accent))), var(--mt-footer-quicknav-summary-button-gradient-b, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-current-button-bg));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-summary-button-x, 0px);
  --mt-footer-current-button-y: var(--mt-footer-quicknav-summary-button-y, 0px);
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-summary-button-scale, 1);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-link {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-link-button-width, auto);
  --mt-footer-current-button-height: var(--mt-footer-quicknav-link-button-height, 42px);
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))), var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-link-button-x, 0px);
  --mt-footer-current-button-y: var(--mt-footer-quicknav-link-button-y, 0px);
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-link-button-scale, 1);
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-1 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-1-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-1-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-1-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-1-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-1-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-1-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-1-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-1-button-gradient-a, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-1-button-gradient-b, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-1-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-1-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-1-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-1-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-1-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-2 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-2-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-2-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-2-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-2-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-2-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-2-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-2-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-2-button-gradient-a, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-2-button-gradient-b, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-2-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-2-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-2-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-2-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-2-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-3 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-3-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-3-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-3-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-3-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-3-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-3-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-3-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-3-button-gradient-a, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-3-button-gradient-b, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-3-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-3-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-3-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-3-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-3-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-4 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-4-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-4-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-4-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-4-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-4-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-4-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-4-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-4-button-gradient-a, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-4-button-gradient-b, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-4-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-4-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-4-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-4-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-4-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-5 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-5-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-5-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-5-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-5-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-5-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-5-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-5-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-5-button-gradient-a, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-5-button-gradient-b, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-5-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-5-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-5-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-5-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-5-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-6 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-6-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-6-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-6-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-6-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-6-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-6-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-6-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-6-button-gradient-a, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-6-button-gradient-b, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-6-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-6-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-6-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-6-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-6-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-7 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-7-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-7-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-7-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-7-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-7-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-7-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-7-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-7-button-gradient-a, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-7-button-gradient-b, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-7-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-7-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-7-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-7-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-7-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-8 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-8-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-8-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-8-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-8-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-8-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-8-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-8-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-8-button-gradient-a, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-8-button-gradient-b, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-8-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-8-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-8-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-8-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-8-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-9 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-9-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-9-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-9-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-9-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-9-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-9-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-9-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-9-button-gradient-a, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-9-button-gradient-b, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-9-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-9-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-9-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-9-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-9-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-10 {
  --mt-footer-current-button-width: var(--mt-footer-quicknav-item-10-button-width, var(--mt-footer-quicknav-link-button-width, auto));
  --mt-footer-current-button-height: var(--mt-footer-quicknav-item-10-button-height, var(--mt-footer-quicknav-link-button-height, 42px));
  --mt-footer-current-button-radius: var(--mt-footer-quicknav-item-10-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-current-button-border: var(--mt-footer-quicknav-item-10-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-current-button-border-width: var(--mt-footer-quicknav-item-10-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-current-button-text: var(--mt-footer-quicknav-item-10-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-current-button-bg: linear-gradient(var(--mt-footer-quicknav-item-10-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-10-button-gradient-a, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-10-button-gradient-b, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-current-button-hover-bg: var(--mt-footer-quicknav-item-10-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-current-button-bg)));
  --mt-footer-current-button-glow: var(--mt-footer-quicknav-item-10-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
  --mt-footer-current-button-x: var(--mt-footer-quicknav-item-10-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-current-button-y: var(--mt-footer-quicknav-item-10-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-current-button-scale: var(--mt-footer-quicknav-item-10-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
}

.mtfx-footer-section .mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-form button,
.mtfx-footer-section .mtfx-footer-company-button,
.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  width: var(--mt-footer-current-button-width, auto) !important;
  min-height: var(--mt-footer-current-button-height, 52px) !important;
  border: var(--mt-footer-current-button-border-width, 1px) solid var(--mt-footer-current-button-border, var(--mt-footer-accent-strong)) !important;
  border-radius: var(--mt-footer-current-button-radius, 14px) !important;
  background: var(--mt-footer-current-button-bg, linear-gradient(110deg, var(--mt-footer-accent), var(--mt-footer-accent-strong))) !important;
  color: var(--mt-footer-current-button-text, var(--mt-footer-text)) !important;
  box-shadow: none !important;
}

.mtfx-footer-section .mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-button:focus-visible,
.mtfx-footer-section .mtfx-footer-form button:hover,
.mtfx-footer-section .mtfx-footer-form button:focus-visible,
.mtfx-footer-section .mtfx-footer-company-button:hover,
.mtfx-footer-section .mtfx-footer-company-button:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__summary:hover,
.mtfx-footer-section .mtfx-footer-quicknav__summary:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__link:hover,
.mtfx-footer-section .mtfx-footer-quicknav__link:focus-visible {
  background: var(--mt-footer-current-button-hover-bg, var(--mt-footer-current-button-bg)) !important;
  transform: translate3d(var(--mt-footer-current-button-x, 0px), var(--mt-footer-current-button-y, 0px), 0) scale(var(--mt-footer-current-button-scale, 1)) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-current-button-glow, .26) * 100%), transparent) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal),
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal) {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-footer-current-button-border, var(--mt-footer-accent-strong)) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: var(--mt-footer-current-button-border-width, 1px) !important;
  z-index: 0 !important;
  background: var(--mt-footer-current-button-bg, linear-gradient(110deg, var(--mt-footer-accent), var(--mt-footer-accent-strong))) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-footer-current-button-hover-bg, var(--mt-footer-current-button-bg)) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-current-button-glow, .26) * 100%), transparent) !important;
}

.mtfx-footer-section .mtfx-footer-button > *,
.mtfx-footer-section .mtfx-footer-form button > *,
.mtfx-footer-section .mtfx-footer-company-button > *,
.mtfx-footer-section .mtfx-footer-quicknav__summary > *,
.mtfx-footer-section .mtfx-footer-quicknav__link > * {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 980px) {
  .mtfx-footer-section .mtfx-footer-shell {
    justify-content: center !important;
  }

  .mtfx-footer-section .mtfx-footer-col {
    width: min(100%, 720px) !important;
  }
}


/* MT Footer — final real block/button fit reset
   Only footer. Blocks are wider by default, freely positionable, gradients render on the real button layer,
   shaped text gets safe padding automatically, and footer block haze is removed. */
.mtfx-footer-section {
  --mt-footer-logo-block-w: 360px;
  --mt-footer-newsletter-block-w: 760px;
  --mt-footer-company-block-w: 460px;
  --mt-footer-card-shadow-opacity: 0;
  --mt-footer-card-padding: clamp(30px, 3vw, 52px);
  --mt-footer-newsletter-card-padding: clamp(34px, 3.4vw, 58px);
  --mt-footer-company-card-padding: clamp(30px, 3vw, 52px);
  --mt-footer-logo-card-padding: clamp(28px, 3vw, 48px);
  --mt-footer-button-height: 56px;
  --mt-footer-button-border-width: 1px;
  --mt-footer-button-bg: rgba(150,159,165,.22);
  --mt-footer-button-hover-bg: rgba(150,159,165,.34);
}

.mtfx-footer-aura {
  display: none !important;
  opacity: 0 !important;
  filter: none !important;
}

.mtfx-footer-shell {
  align-items: start !important;
  justify-items: center !important;
  gap: clamp(22px, 3vw, 56px) !important;
}

.mtfx-footer-col {
  width: var(--mt-footer-current-block-w, 100%) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: var(--mt-footer-current-block-h, auto) !important;
  min-height: var(--mt-footer-current-block-h, auto) !important;
  transform: translate3d(var(--mt-footer-block-x, 0px), var(--mt-footer-block-y, 0px), 0) scale(var(--mt-footer-block-scale, 1)) !important;
  transform-origin: center center !important;
}

.mtfx-footer-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: var(--mt-footer-current-block-h, auto) !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

body.mt-theme-dark .mtfx-footer-card,
html body.mt-theme-dark .mtfx-footer-card {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mtfx-footer-card--logo {
  --mt-footer-current-card-padding: var(--mt-footer-logo-card-padding, var(--mt-footer-card-padding));
  --mt-footer-current-card-bg: linear-gradient(var(--mt-footer-logo-card-gradient-angle, 135deg), var(--mt-footer-logo-card-gradient-a, var(--mt-footer-logo-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-logo-card-gradient-b, var(--mt-footer-logo-card-bg, var(--mt-footer-surface))));
  --mt-footer-current-card-border: var(--mt-footer-logo-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-current-card-border-width: var(--mt-footer-logo-card-border-width, var(--mt-footer-card-border-width, 1px));
}

.mtfx-footer-card--newsletter {
  --mt-footer-current-card-padding: var(--mt-footer-newsletter-card-padding, var(--mt-footer-card-padding));
  --mt-footer-current-card-bg: linear-gradient(var(--mt-footer-newsletter-card-gradient-angle, 135deg), var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface))));
  --mt-footer-current-card-border: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-current-card-border-width: var(--mt-footer-newsletter-card-border-width, var(--mt-footer-card-border-width, 1px));
}

.mtfx-footer-card--company {
  --mt-footer-current-card-padding: var(--mt-footer-company-card-padding, var(--mt-footer-card-padding));
  --mt-footer-current-card-bg: linear-gradient(var(--mt-footer-company-card-gradient-angle, 135deg), var(--mt-footer-company-card-gradient-a, var(--mt-footer-company-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-company-card-gradient-b, var(--mt-footer-company-card-bg, var(--mt-footer-surface))));
  --mt-footer-current-card-border: var(--mt-footer-company-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-current-card-border-width: var(--mt-footer-company-card-border-width, var(--mt-footer-card-border-width, 1px));
}

.mtfx-footer-card {
  padding: var(--mt-footer-current-card-padding, var(--mt-footer-card-padding)) !important;
  border-color: var(--mt-footer-current-card-border, var(--mt-footer-line)) !important;
  border-width: var(--mt-footer-current-card-border-width, 1px) !important;
  background: var(--mt-footer-current-card-bg, linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface))) !important;
}

.mtfx-footer-form,
.mtfx-footer-company-list,
.mtfx-footer-card--newsletter,
.mtfx-footer-card--company {
  min-width: 0 !important;
}

.mtfx-footer-title,
.mtfx-footer-text,
.mtfx-footer-privacy,
.mtfx-footer-company-title,
.mtfx-footer-company-list dt,
.mtfx-footer-company-list dd,
.mtfx-footer-button__text {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.mtfx-footer-form {
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: stretch !important;
}

.mtfx-footer-form input[type="email"] {
  min-width: 0 !important;
  width: 100% !important;
}

.mtfx-footer-button--newsletter {
  --mt-current-button-width: var(--mt-footer-newsletter-button-width, var(--mt-footer-button-width, auto));
  --mt-current-button-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 56px));
  --mt-current-button-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-current-button-text: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text));
  --mt-current-button-border: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border));
  --mt-current-button-border-width: var(--mt-footer-newsletter-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-current-button-bg: linear-gradient(var(--mt-footer-newsletter-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-newsletter-button-gradient-a, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg))), var(--mt-footer-newsletter-button-gradient-b, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg))));
  --mt-current-button-hover-bg: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-current-button-x: var(--mt-footer-newsletter-button-x, 0px);
  --mt-current-button-y: var(--mt-footer-newsletter-button-y, 0px);
  --mt-current-button-scale: var(--mt-footer-newsletter-button-scale, 1);
  --mt-current-button-glow: var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-button--company {
  --mt-current-button-width: var(--mt-footer-company-button-width, var(--mt-footer-button-width, auto));
  --mt-current-button-height: var(--mt-footer-company-button-height, var(--mt-footer-button-height, 56px));
  --mt-current-button-radius: var(--mt-footer-company-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-current-button-text: var(--mt-footer-company-button-text, var(--mt-footer-button-text));
  --mt-current-button-border: var(--mt-footer-company-button-border, var(--mt-footer-button-border));
  --mt-current-button-border-width: var(--mt-footer-company-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-current-button-bg: linear-gradient(var(--mt-footer-company-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-company-button-gradient-a, var(--mt-footer-company-button-bg, var(--mt-footer-button-bg))), var(--mt-footer-company-button-gradient-b, var(--mt-footer-company-button-bg, var(--mt-footer-button-bg))));
  --mt-current-button-hover-bg: var(--mt-footer-company-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-current-button-x: var(--mt-footer-company-button-x, 0px);
  --mt-current-button-y: var(--mt-footer-company-button-y, 0px);
  --mt-current-button-scale: var(--mt-footer-company-button-scale, 1);
  --mt-current-button-glow: var(--mt-footer-company-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-button--quicknav-summary {
  --mt-current-button-width: var(--mt-footer-quicknav-summary-button-width, var(--mt-footer-button-width, auto));
  --mt-current-button-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 56px));
  --mt-current-button-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-current-button-text: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text));
  --mt-current-button-border: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border));
  --mt-current-button-border-width: var(--mt-footer-quicknav-summary-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-current-button-bg: linear-gradient(var(--mt-footer-quicknav-summary-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-summary-button-gradient-a, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg))), var(--mt-footer-quicknav-summary-button-gradient-b, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg))));
  --mt-current-button-hover-bg: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-current-button-x: var(--mt-footer-quicknav-summary-button-x, 0px);
  --mt-current-button-y: var(--mt-footer-quicknav-summary-button-y, 0px);
  --mt-current-button-scale: var(--mt-footer-quicknav-summary-button-scale, 1);
  --mt-current-button-glow: var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-button--quicknav-link {
  --mt-current-button-width: var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto));
  --mt-current-button-height: var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 56px));
  --mt-current-button-radius: var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-current-button-text: var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text));
  --mt-current-button-border: var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border));
  --mt-current-button-border-width: var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-current-button-bg: linear-gradient(var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg))), var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-button-bg))));
  --mt-current-button-hover-bg: var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-hover-bg));
  --mt-current-button-x: var(--mt-footer-quicknav-link-button-x, 0px);
  --mt-current-button-y: var(--mt-footer-quicknav-link-button-y, 0px);
  --mt-current-button-scale: var(--mt-footer-quicknav-link-button-scale, 1);
  --mt-current-button-glow: var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-section .mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-form button,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button,
.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  box-sizing: border-box !important;
  width: var(--mt-current-button-width, auto) !important;
  min-height: var(--mt-current-button-height, var(--mt-footer-button-height, 56px)) !important;
  border-width: var(--mt-current-button-border-width, 1px) !important;
  border-style: solid !important;
  border-color: var(--mt-current-button-border, var(--mt-footer-button-border)) !important;
  border-radius: var(--mt-current-button-radius, var(--mt-footer-button-radius, 14px)) !important;
  color: var(--mt-current-button-text, var(--mt-footer-button-text)) !important;
  background: var(--mt-current-button-bg, var(--mt-footer-button-bg)) !important;
  transform: translate3d(var(--mt-current-button-x, 0px), var(--mt-current-button-y, 0px), 0) scale(var(--mt-current-button-scale, 1)) !important;
  transform-origin: center center !important;
}

.mtfx-footer-section .mtfx-footer-button:not(.mtfx-shape-normal).mtfx-shape,
.mtfx-footer-section .mtfx-footer-form button:not(.mtfx-shape-normal).mtfx-shape,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button:not(.mtfx-shape-normal).mtfx-shape,
.mtfx-footer-section .mtfx-footer-quicknav__summary:not(.mtfx-shape-normal).mtfx-shape,
.mtfx-footer-section .mtfx-footer-quicknav__link:not(.mtfx-shape-normal).mtfx-shape {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-current-button-border, var(--mt-footer-button-border)) !important;
  padding-left: calc(22px + var(--mt-shape-safe-left, 0px)) !important;
  padding-right: calc(22px + var(--mt-shape-safe-right, 0px)) !important;
  padding-top: var(--mt-shape-safe-top, 0px) !important;
  padding-bottom: var(--mt-shape-safe-bottom, 0px) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) {
  background: var(--mt-footer-current-card-border, var(--mt-footer-line)) !important;
  padding-left: calc(var(--mt-footer-current-card-padding, var(--mt-footer-card-padding)) + var(--mt-shape-safe-left, 0px)) !important;
  padding-right: calc(var(--mt-footer-current-card-padding, var(--mt-footer-card-padding)) + var(--mt-shape-safe-right, 0px)) !important;
  padding-top: calc(var(--mt-footer-current-card-padding, var(--mt-footer-card-padding)) + var(--mt-shape-safe-top, 0px)) !important;
  padding-bottom: calc(var(--mt-footer-current-card-padding, var(--mt-footer-card-padding)) + var(--mt-shape-safe-bottom, 0px)) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before {
  background: var(--mt-footer-current-card-bg, linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface))) !important;
  inset: var(--mt-footer-current-card-border-width, 1px) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal)::before {
  inset: var(--mt-current-button-border-width, 1px) !important;
  background: var(--mt-current-button-bg, var(--mt-footer-button-bg)) !important;
}

.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__link.mtfx-shape:not(.mtfx-shape-normal):focus-visible::before {
  background: var(--mt-current-button-hover-bg, var(--mt-current-button-bg, var(--mt-footer-button-hover-bg))) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-current-button-glow, .26) * 100%), transparent) !important;
}

@media (max-width: 980px) {
  .mtfx-footer-col {
    width: min(100%, var(--mt-footer-current-block-w, 100%)) !important;
  }

  .mtfx-footer-form {
    grid-template-columns: 1fr !important;
  }
}


/* MT Footer — final hover/background application for non-shaped buttons */
.mtfx-footer-section .mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-button:focus-visible,
.mtfx-footer-section .mtfx-footer-form button:hover,
.mtfx-footer-section .mtfx-footer-form button:focus-visible,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button:hover,
.mtfx-footer-section .mtfx-footer-company-list a.mtfx-footer-company-button:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__summary:hover,
.mtfx-footer-section .mtfx-footer-quicknav__summary:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__link:hover,
.mtfx-footer-section .mtfx-footer-quicknav__link:focus-visible {
  background: var(--mt-current-button-hover-bg, var(--mt-current-button-bg, var(--mt-footer-button-hover-bg))) !important;
  transform: translate3d(var(--mt-current-button-x, 0px), var(--mt-current-button-y, 0px), 0) scale(var(--mt-current-button-scale, 1)) !important;
  filter: brightness(1.08) !important;
}

/* MT Footer final real controls fix: block/card positioning, text positioning, button shape/position, plain e-mail */
.mtfx-footer-section .mtfx-footer-col {
  width: var(--mt-footer-current-block-w, auto) !important;
  height: var(--mt-footer-current-block-h, auto) !important;
  transform: translate3d(var(--mt-footer-block-x, 0px), var(--mt-footer-block-y, 0px), 0) scale(var(--mt-footer-block-scale, 1)) !important;
  transform-origin: center center !important;
}

.mtfx-footer-section .mtfx-footer-card {
  height: 100% !important;
}

.mtfx-footer-section .mtfx-footer-card__content {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mtfx-footer-section .mtfx-footer-card__content--logo {
  transform: translate3d(var(--mt-footer-logo-content-x, 0px), var(--mt-footer-logo-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-logo-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card__content--newsletter {
  transform: translate3d(var(--mt-footer-newsletter-content-x, 0px), var(--mt-footer-newsletter-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-newsletter-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card__content--company {
  transform: translate3d(var(--mt-footer-company-content-x, 0px), var(--mt-footer-company-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-company-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card__content--newsletter .mtfx-footer-text,
.mtfx-footer-section .mtfx-footer-card__content--newsletter .mtfx-footer-privacy,
.mtfx-footer-section .mtfx-footer-card__content--company .mtfx-footer-company-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mtfx-footer-section .mtfx-footer-card--logo {
  --mt-footer-card-local-clip: var(--mt-footer-logo-card-clip, var(--mt-footer-card-clip, none));
  --mt-footer-card-local-bg: linear-gradient(var(--mt-footer-logo-card-gradient-angle, 135deg), var(--mt-footer-logo-card-gradient-a, var(--mt-footer-logo-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-logo-card-gradient-b, var(--mt-footer-logo-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-local-border: var(--mt-footer-logo-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-local-border-width: var(--mt-footer-logo-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-local-radius: var(--mt-footer-logo-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-local-padding: var(--mt-footer-logo-card-padding, var(--mt-footer-card-padding, clamp(22px, 2.6vw, 34px)));
}

.mtfx-footer-section .mtfx-footer-card--newsletter {
  --mt-footer-card-local-clip: var(--mt-footer-newsletter-card-clip, var(--mt-footer-card-clip, none));
  --mt-footer-card-local-bg: linear-gradient(var(--mt-footer-newsletter-card-gradient-angle, 135deg), var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-local-border: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-local-border-width: var(--mt-footer-newsletter-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-local-radius: var(--mt-footer-newsletter-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-local-padding: var(--mt-footer-newsletter-card-padding, var(--mt-footer-card-padding, clamp(34px, 3.2vw, 54px)));
}

.mtfx-footer-section .mtfx-footer-card--company {
  --mt-footer-card-local-clip: var(--mt-footer-company-card-clip, var(--mt-footer-card-clip, none));
  --mt-footer-card-local-bg: linear-gradient(var(--mt-footer-company-card-gradient-angle, 135deg), var(--mt-footer-company-card-gradient-a, var(--mt-footer-company-card-bg, var(--mt-footer-surface-strong))), var(--mt-footer-company-card-gradient-b, var(--mt-footer-company-card-bg, var(--mt-footer-surface))));
  --mt-footer-card-local-border: var(--mt-footer-company-card-border-color, var(--mt-footer-card-border-color, var(--mt-footer-line)));
  --mt-footer-card-local-border-width: var(--mt-footer-company-card-border-width, var(--mt-footer-card-border-width, 1px));
  --mt-footer-card-local-radius: var(--mt-footer-company-card-radius, var(--mt-footer-card-radius, 28px));
  --mt-footer-card-local-padding: var(--mt-footer-company-card-padding, var(--mt-footer-card-padding, clamp(28px, 3vw, 46px)));
}

.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: calc(var(--mt-footer-card-local-padding) + var(--mt-shape-safe-top, 0px)) calc(var(--mt-footer-card-local-padding) + var(--mt-shape-safe-right, 0px)) calc(var(--mt-footer-card-local-padding) + var(--mt-shape-safe-bottom, 0px)) calc(var(--mt-footer-card-local-padding) + var(--mt-shape-safe-left, 0px)) !important;
  border: 0 !important;
  border-radius: var(--mt-footer-card-local-radius) !important;
  background: var(--mt-footer-card-local-border) !important;
  clip-path: var(--mt-footer-card-local-clip) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mtfx-footer-section .mtfx-footer-card--logo::before,
.mtfx-footer-section .mtfx-footer-card--newsletter::before,
.mtfx-footer-section .mtfx-footer-card--company::before {
  content: "" !important;
  position: absolute !important;
  inset: var(--mt-footer-card-local-border-width) !important;
  z-index: 0 !important;
  display: block !important;
  background: var(--mt-footer-card-local-bg) !important;
  border-radius: max(0px, calc(var(--mt-footer-card-local-radius) - var(--mt-footer-card-local-border-width))) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.mtfx-footer-section .mtfx-footer-button--newsletter {
  --mt-footer-button-local-clip: var(--mt-footer-newsletter-button-clip, var(--mt-footer-button-clip, none));
  --mt-footer-button-local-width: var(--mt-footer-newsletter-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-button-local-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-button-local-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-button-local-text: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-button-local-border: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-button-local-border-width: var(--mt-footer-newsletter-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-newsletter-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-newsletter-button-gradient-a, var(--mt-footer-newsletter-button-bg, var(--mt-footer-accent))), var(--mt-footer-newsletter-button-gradient-b, var(--mt-footer-newsletter-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-newsletter-button-hover-bg, var(--mt-footer-button-local-bg));
  --mt-footer-button-local-x: var(--mt-footer-newsletter-button-x, 0px);
  --mt-footer-button-local-y: var(--mt-footer-newsletter-button-y, 0px);
  --mt-footer-button-local-scale: var(--mt-footer-newsletter-button-scale, 1);
  --mt-footer-button-local-glow: var(--mt-footer-newsletter-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-summary {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-summary-button-clip, var(--mt-footer-button-clip, none));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-summary-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-summary-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-summary-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-summary-button-gradient-a, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-accent))), var(--mt-footer-quicknav-summary-button-gradient-b, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-summary-button-hover-bg, var(--mt-footer-button-local-bg));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-summary-button-x, 0px);
  --mt-footer-button-local-y: var(--mt-footer-quicknav-summary-button-y, 0px);
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-summary-button-scale, 1);
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-summary-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-link {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong)));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg)), var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))), var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-link-button-x, 0px);
  --mt-footer-button-local-y: var(--mt-footer-quicknav-link-button-y, 0px);
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-link-button-scale, 1);
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-1 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-1-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-1-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-1-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-1-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-1-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-1-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-1-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-1-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-1-button-gradient-a, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-1-button-gradient-b, var(--mt-footer-quicknav-item-1-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-1-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-1-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-1-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-1-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-1-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-2 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-2-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-2-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-2-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-2-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-2-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-2-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-2-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-2-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-2-button-gradient-a, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-2-button-gradient-b, var(--mt-footer-quicknav-item-2-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-2-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-2-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-2-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-2-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-2-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-3 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-3-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-3-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-3-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-3-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-3-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-3-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-3-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-3-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-3-button-gradient-a, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-3-button-gradient-b, var(--mt-footer-quicknav-item-3-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-3-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-3-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-3-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-3-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-3-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-4 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-4-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-4-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-4-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-4-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-4-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-4-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-4-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-4-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-4-button-gradient-a, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-4-button-gradient-b, var(--mt-footer-quicknav-item-4-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-4-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-4-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-4-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-4-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-4-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-5 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-5-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-5-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-5-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-5-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-5-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-5-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-5-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-5-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-5-button-gradient-a, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-5-button-gradient-b, var(--mt-footer-quicknav-item-5-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-5-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-5-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-5-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-5-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-5-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-6 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-6-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-6-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-6-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-6-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-6-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-6-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-6-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-6-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-6-button-gradient-a, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-6-button-gradient-b, var(--mt-footer-quicknav-item-6-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-6-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-6-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-6-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-6-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-6-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-7 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-7-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-7-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-7-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-7-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-7-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-7-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-7-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-7-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-7-button-gradient-a, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-7-button-gradient-b, var(--mt-footer-quicknav-item-7-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-7-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-7-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-7-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-7-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-7-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-8 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-8-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-8-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-8-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-8-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-8-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-8-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-8-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-8-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-8-button-gradient-a, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-8-button-gradient-b, var(--mt-footer-quicknav-item-8-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-8-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-8-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-8-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-8-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-8-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-9 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-9-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-9-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-9-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-9-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-9-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-9-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-9-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-9-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-9-button-gradient-a, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-9-button-gradient-b, var(--mt-footer-quicknav-item-9-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-9-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-9-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-9-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-9-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-9-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button--quicknav-item-10 {
  --mt-footer-button-local-clip: var(--mt-footer-quicknav-item-10-button-clip, var(--mt-footer-quicknav-link-button-clip, var(--mt-footer-button-clip, none)));
  --mt-footer-button-local-width: var(--mt-footer-quicknav-item-10-button-width, var(--mt-footer-quicknav-link-button-width, var(--mt-footer-button-width, auto)));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-item-10-button-height, var(--mt-footer-quicknav-link-button-height, var(--mt-footer-button-height, 52px)));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-item-10-button-radius, var(--mt-footer-quicknav-link-button-radius, var(--mt-footer-button-radius, 14px)));
  --mt-footer-button-local-text: var(--mt-footer-quicknav-item-10-button-text, var(--mt-footer-quicknav-link-button-text, var(--mt-footer-button-text, var(--mt-footer-text))));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-item-10-button-border, var(--mt-footer-quicknav-link-button-border, var(--mt-footer-button-border, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-item-10-button-border-width, var(--mt-footer-quicknav-link-button-border-width, var(--mt-footer-button-border-width, 1px)));
  --mt-footer-button-local-bg: linear-gradient(var(--mt-footer-quicknav-item-10-button-gradient-angle, var(--mt-footer-quicknav-link-button-gradient-angle, var(--mt-footer-button-gradient-angle, 110deg))), var(--mt-footer-quicknav-item-10-button-gradient-a, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-a, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent))))), var(--mt-footer-quicknav-item-10-button-gradient-b, var(--mt-footer-quicknav-item-10-button-bg, var(--mt-footer-quicknav-link-button-gradient-b, var(--mt-footer-quicknav-link-button-bg, var(--mt-footer-accent-strong))))));
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-item-10-button-hover-bg, var(--mt-footer-quicknav-link-button-hover-bg, var(--mt-footer-button-local-bg)));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-item-10-button-x, var(--mt-footer-quicknav-link-button-x, 0px));
  --mt-footer-button-local-y: var(--mt-footer-quicknav-item-10-button-y, var(--mt-footer-quicknav-link-button-y, 0px));
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-item-10-button-scale, var(--mt-footer-quicknav-link-button-scale, 1));
  --mt-footer-button-local-glow: var(--mt-footer-quicknav-item-10-button-glow, var(--mt-footer-quicknav-link-button-glow, var(--mt-footer-button-glow, .26)));
}

.mtfx-footer-section .mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--mt-footer-button-local-width, auto) !important;
  min-height: var(--mt-footer-button-local-height, 52px) !important;
  height: var(--mt-footer-button-local-height, auto) !important;
  padding-left: calc(24px + (var(--mt-puzzle-shape-cut, 0px) * .28)) !important;
  padding-right: calc(24px + (var(--mt-puzzle-shape-cut, 0px) * .28)) !important;
  border: 0 !important;
  border-radius: var(--mt-footer-button-local-radius, 14px) !important;
  color: var(--mt-footer-button-local-text, var(--mt-footer-text)) !important;
  background: var(--mt-footer-button-local-border, var(--mt-footer-line)) !important;
  clip-path: var(--mt-footer-button-local-clip, none) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: translate3d(var(--mt-footer-button-local-x, 0px), var(--mt-footer-button-local-y, 0px), 0) scale(var(--mt-footer-button-local-scale, 1)) !important;
  transform-origin: center center !important;
  transition: filter .22s ease, box-shadow .22s ease !important;
}

.mtfx-footer-section .mtfx-footer-button::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary::before,
.mtfx-footer-section .mtfx-footer-quicknav__link::before {
  content: "" !important;
  position: absolute !important;
  inset: var(--mt-footer-button-local-border-width, 1px) !important;
  z-index: 0 !important;
  display: block !important;
  background: var(--mt-footer-button-local-bg, var(--mt-footer-button-bg)) !important;
  border-radius: max(0px, calc(var(--mt-footer-button-local-radius, 14px) - var(--mt-footer-button-local-border-width, 1px))) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
  transition: background .22s ease, filter .22s ease, box-shadow .22s ease !important;
}

.mtfx-footer-section .mtfx-footer-button__text,
.mtfx-footer-section .mtfx-footer-button > span,
.mtfx-footer-section .mtfx-footer-quicknav__summary > span,
.mtfx-footer-section .mtfx-footer-quicknav__link > span {
  position: relative !important;
  z-index: 2 !important;
  color: inherit !important;
  max-width: 100% !important;
  text-align: center !important;
  pointer-events: none !important;
}

.mtfx-footer-section .mtfx-footer-button:hover::before,
.mtfx-footer-section .mtfx-footer-button:focus-visible::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button:hover::before,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button:focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary:hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__summary:focus-visible::before,
.mtfx-footer-section .mtfx-footer-quicknav__link:hover::before,
.mtfx-footer-section .mtfx-footer-quicknav__link:focus-visible::before {
  background: var(--mt-footer-button-local-hover-bg, var(--mt-footer-button-local-bg)) !important;
  filter: brightness(1.08) !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--mt-footer-accent-strong) calc(var(--mt-footer-button-local-glow, .26) * 100%), transparent) !important;
}

.mtfx-footer-section .mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-button:focus-visible,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__summary:hover,
.mtfx-footer-section .mtfx-footer-quicknav__summary:focus-visible,
.mtfx-footer-section .mtfx-footer-quicknav__link:hover,
.mtfx-footer-section .mtfx-footer-quicknav__link:focus-visible {
  transform: translate3d(var(--mt-footer-button-local-x, 0px), var(--mt-footer-button-local-y, 0px), 0) scale(var(--mt-footer-button-local-scale, 1)) !important;
  filter: brightness(1.05) !important;
}

.mtfx-footer-section .mtfx-footer-email-link {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  clip-path: none !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
  transform: none !important;
}

.mtfx-footer-section .mtfx-footer-email-link:hover,
.mtfx-footer-section .mtfx-footer-email-link:focus-visible {
  color: var(--mt-footer-accent-strong) !important;
  text-decoration: underline !important;
}

.mtfx-footer-section .mtfx-footer-company-button,
.mtfx-footer-section .mtfx-footer-button--company {
  display: none !important;
}

@media (max-width: 980px) {
  .mtfx-footer-section .mtfx-footer-card__content--logo,
  .mtfx-footer-section .mtfx-footer-card__content--newsletter,
  .mtfx-footer-section .mtfx-footer-card__content--company {
    transform: translate3d(var(--mt-footer-mobile-content-x, 0px), var(--mt-footer-mobile-content-y, 0px), 0) !important;
  }
}

/* MT FOOTER STABLE FIX — visible newsletter + working block/button controls */
.mtfx-footer-section .mtfx-footer-shell {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(18px, 3vw, 44px) !important;
  grid-template-columns: none !important;
  overflow: visible !important;
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
}

.mtfx-footer-section .mtfx-footer-logo-col,
.mtfx-footer-section .mtfx-footer-newsletter-col,
.mtfx-footer-section .mtfx-footer-company-col {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  align-self: flex-start !important;
  justify-self: flex-start !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  transform: translate3d(var(--mt-footer-block-x, 0px), var(--mt-footer-block-y, 0px), 0) scale(var(--mt-footer-block-scale, 1)) !important;
  transform-origin: center center !important;
}

.mtfx-footer-section .mtfx-footer-logo-col {
  width: var(--mt-footer-logo-block-w, var(--mt-footer-current-block-w, 360px)) !important;
  flex-basis: var(--mt-footer-logo-block-w, var(--mt-footer-current-block-w, 360px)) !important;
  height: var(--mt-footer-logo-block-h, var(--mt-footer-current-block-h, auto)) !important;
  min-height: var(--mt-footer-logo-block-h, var(--mt-footer-current-block-h, auto)) !important;
}

.mtfx-footer-section .mtfx-footer-newsletter-col {
  z-index: 22 !important;
  width: var(--mt-footer-newsletter-block-w, var(--mt-footer-current-block-w, 760px)) !important;
  flex-basis: var(--mt-footer-newsletter-block-w, var(--mt-footer-current-block-w, 760px)) !important;
  height: var(--mt-footer-newsletter-block-h, var(--mt-footer-current-block-h, auto)) !important;
  min-height: var(--mt-footer-newsletter-block-h, var(--mt-footer-current-block-h, auto)) !important;
}

.mtfx-footer-section .mtfx-footer-company-col {
  z-index: 20 !important;
  width: var(--mt-footer-company-block-w, var(--mt-footer-current-block-w, 460px)) !important;
  flex-basis: var(--mt-footer-company-block-w, var(--mt-footer-current-block-w, 460px)) !important;
  height: var(--mt-footer-company-block-h, var(--mt-footer-current-block-h, auto)) !important;
  min-height: var(--mt-footer-company-block-h, var(--mt-footer-current-block-h, auto)) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: inherit !important;
  overflow: hidden !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mtfx-footer-section .mtfx-footer-card__content {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.mtfx-footer-section .mtfx-footer-card__content--logo {
  transform: translate3d(var(--mt-footer-logo-content-x, 0px), var(--mt-footer-logo-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-logo-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card__content--newsletter {
  transform: translate3d(var(--mt-footer-newsletter-content-x, 0px), var(--mt-footer-newsletter-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-newsletter-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card__content--company {
  transform: translate3d(var(--mt-footer-company-content-x, 0px), var(--mt-footer-company-content-y, 0px), 0) !important;
  text-align: var(--mt-footer-company-content-align, left) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  background: linear-gradient(var(--mt-footer-card-local-gradient-angle, 135deg), var(--mt-footer-card-local-gradient-a, var(--mt-footer-card-local-bg, var(--mt-footer-surface-strong))), var(--mt-footer-card-local-gradient-b, var(--mt-footer-card-local-bg, var(--mt-footer-surface)))) !important;
  border: var(--mt-footer-card-local-border-width, 1px) solid var(--mt-footer-card-local-border, var(--mt-footer-line)) !important;
  border-radius: var(--mt-footer-card-local-radius, 28px) !important;
  padding: var(--mt-footer-card-local-padding, clamp(28px, 3vw, 52px)) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo {
  --mt-footer-card-local-bg: var(--mt-footer-logo-card-bg, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-a: var(--mt-footer-logo-card-gradient-a, var(--mt-footer-surface-strong));
  --mt-footer-card-local-gradient-b: var(--mt-footer-logo-card-gradient-b, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-angle: var(--mt-footer-logo-card-gradient-angle, 135deg);
  --mt-footer-card-local-border: var(--mt-footer-logo-card-border-color, var(--mt-footer-line));
  --mt-footer-card-local-border-width: var(--mt-footer-logo-card-border-width, 1px);
  --mt-footer-card-local-radius: var(--mt-footer-logo-card-radius, 28px);
  --mt-footer-card-local-padding: var(--mt-footer-logo-card-padding, clamp(28px, 3vw, 52px));
}

.mtfx-footer-section .mtfx-footer-card--newsletter {
  --mt-footer-card-local-bg: var(--mt-footer-newsletter-card-bg, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-a: var(--mt-footer-newsletter-card-gradient-a, var(--mt-footer-surface-strong));
  --mt-footer-card-local-gradient-b: var(--mt-footer-newsletter-card-gradient-b, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-angle: var(--mt-footer-newsletter-card-gradient-angle, 135deg);
  --mt-footer-card-local-border: var(--mt-footer-newsletter-card-border-color, var(--mt-footer-line));
  --mt-footer-card-local-border-width: var(--mt-footer-newsletter-card-border-width, 1px);
  --mt-footer-card-local-radius: var(--mt-footer-newsletter-card-radius, 28px);
  --mt-footer-card-local-padding: var(--mt-footer-newsletter-card-padding, clamp(34px, 3.4vw, 60px));
}

.mtfx-footer-section .mtfx-footer-card--company {
  --mt-footer-card-local-bg: var(--mt-footer-company-card-bg, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-a: var(--mt-footer-company-card-gradient-a, var(--mt-footer-surface-strong));
  --mt-footer-card-local-gradient-b: var(--mt-footer-company-card-gradient-b, var(--mt-footer-surface));
  --mt-footer-card-local-gradient-angle: var(--mt-footer-company-card-gradient-angle, 135deg);
  --mt-footer-card-local-border: var(--mt-footer-company-card-border-color, var(--mt-footer-line));
  --mt-footer-card-local-border-width: var(--mt-footer-company-card-border-width, 1px);
  --mt-footer-card-local-radius: var(--mt-footer-company-card-radius, 28px);
  --mt-footer-card-local-padding: var(--mt-footer-company-card-padding, clamp(28px, 3vw, 52px));
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mt-footer-card-local-border, var(--mt-footer-line)) !important;
  padding: var(--mt-footer-card-local-border-width, 1px) !important;
  clip-path: var(--mtcl-button-clip, none) !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal)::before {
  content: "" !important;
  position: absolute !important;
  inset: var(--mt-footer-card-local-border-width, 1px) !important;
  z-index: 0 !important;
  background: linear-gradient(var(--mt-footer-card-local-gradient-angle, 135deg), var(--mt-footer-card-local-gradient-a, var(--mt-footer-card-local-bg, var(--mt-footer-surface-strong))), var(--mt-footer-card-local-gradient-b, var(--mt-footer-card-local-bg, var(--mt-footer-surface)))) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.mtfx-footer-section .mtfx-footer-card.mtfx-shape:not(.mtfx-shape-normal) .mtfx-footer-card__content {
  padding: calc(var(--mt-footer-card-local-padding, 34px) + var(--mt-shape-safe-top, 0px)) calc(var(--mt-footer-card-local-padding, 34px) + var(--mt-shape-safe-right, 0px)) calc(var(--mt-footer-card-local-padding, 34px) + var(--mt-shape-safe-bottom, 0px)) calc(var(--mt-footer-card-local-padding, 34px) + var(--mt-shape-safe-left, 0px)) !important;
}

.mtfx-footer-section .mtfx-footer-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

.mtfx-footer-section .mtfx-footer-form input[type="email"] {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.mtfx-footer-section .mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button,
.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--mt-footer-button-local-width, auto) !important;
  height: var(--mt-footer-button-local-height, auto) !important;
  min-height: var(--mt-footer-button-local-height, 52px) !important;
  min-width: 0 !important;
  padding: 0 calc(24px + var(--mt-shape-safe-right, 0px)) 0 calc(24px + var(--mt-shape-safe-left, 0px)) !important;
  border: var(--mt-footer-button-local-border-width, 1px) solid var(--mt-footer-button-local-border, var(--mt-footer-line)) !important;
  border-radius: var(--mt-footer-button-local-radius, 14px) !important;
  background: linear-gradient(var(--mt-footer-button-local-gradient-angle, 110deg), var(--mt-footer-button-local-gradient-a, var(--mt-footer-button-local-bg, var(--mt-footer-accent))), var(--mt-footer-button-local-gradient-b, var(--mt-footer-button-local-bg, var(--mt-footer-accent-strong)))) !important;
  color: var(--mt-footer-button-local-text, var(--mt-footer-text)) !important;
  clip-path: var(--mtcl-button-clip, none) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transform: translate3d(var(--mt-footer-button-local-x, 0px), var(--mt-footer-button-local-y, 0px), 0) scale(var(--mt-footer-button-local-scale, 1)) !important;
  transform-origin: center center !important;
}

.mtfx-footer-section .mtfx-footer-button--newsletter {
  --mt-footer-button-local-width: var(--mt-footer-newsletter-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-button-local-height: var(--mt-footer-newsletter-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-button-local-radius: var(--mt-footer-newsletter-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-button-local-x: var(--mt-footer-newsletter-button-x, 0px);
  --mt-footer-button-local-y: var(--mt-footer-newsletter-button-y, 0px);
  --mt-footer-button-local-scale: var(--mt-footer-newsletter-button-scale, 1);
  --mt-footer-button-local-text: var(--mt-footer-newsletter-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-button-local-bg: var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)));
  --mt-footer-button-local-gradient-a: var(--mt-footer-newsletter-button-gradient-a, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-button-local-gradient-b: var(--mt-footer-newsletter-button-gradient-b, var(--mt-footer-newsletter-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-gradient-angle: var(--mt-footer-newsletter-button-gradient-angle, 110deg);
  --mt-footer-button-local-hover-bg: var(--mt-footer-newsletter-button-hover-bg, linear-gradient(var(--mt-footer-button-local-gradient-angle, 110deg), var(--mt-footer-button-local-gradient-b), var(--mt-footer-button-local-gradient-a)));
  --mt-footer-button-local-border: var(--mt-footer-newsletter-button-border, var(--mt-footer-button-border, var(--mt-footer-line)));
  --mt-footer-button-local-border-width: var(--mt-footer-newsletter-button-border-width, var(--mt-footer-button-border-width, 1px));
}

.mtfx-footer-section .mtfx-footer-quicknav__summary,
.mtfx-footer-section .mtfx-footer-quicknav__link {
  --mt-footer-button-local-width: var(--mt-footer-quicknav-summary-button-width, var(--mt-footer-button-width, auto));
  --mt-footer-button-local-height: var(--mt-footer-quicknav-summary-button-height, var(--mt-footer-button-height, 52px));
  --mt-footer-button-local-radius: var(--mt-footer-quicknav-summary-button-radius, var(--mt-footer-button-radius, 14px));
  --mt-footer-button-local-x: var(--mt-footer-quicknav-summary-button-x, 0px);
  --mt-footer-button-local-y: var(--mt-footer-quicknav-summary-button-y, 0px);
  --mt-footer-button-local-scale: var(--mt-footer-quicknav-summary-button-scale, 1);
  --mt-footer-button-local-text: var(--mt-footer-quicknav-summary-button-text, var(--mt-footer-button-text, var(--mt-footer-text)));
  --mt-footer-button-local-bg: var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent)));
  --mt-footer-button-local-gradient-a: var(--mt-footer-quicknav-summary-button-gradient-a, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent))));
  --mt-footer-button-local-gradient-b: var(--mt-footer-quicknav-summary-button-gradient-b, var(--mt-footer-quicknav-summary-button-bg, var(--mt-footer-button-bg, var(--mt-footer-accent-strong))));
  --mt-footer-button-local-gradient-angle: var(--mt-footer-quicknav-summary-button-gradient-angle, 110deg);
  --mt-footer-button-local-hover-bg: var(--mt-footer-quicknav-summary-button-hover-bg, linear-gradient(var(--mt-footer-button-local-gradient-angle, 110deg), var(--mt-footer-button-local-gradient-b), var(--mt-footer-button-local-gradient-a)));
  --mt-footer-button-local-border: var(--mt-footer-quicknav-summary-button-border, var(--mt-footer-button-border, var(--mt-footer-line)));
  --mt-footer-button-local-border-width: var(--mt-footer-quicknav-summary-button-border-width, var(--mt-footer-button-border-width, 1px));
}

.mtfx-footer-section .mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-form button.mtfx-footer-button:hover,
.mtfx-footer-section .mtfx-footer-quicknav__summary:hover,
.mtfx-footer-section .mtfx-footer-quicknav__link:hover {
  background: var(--mt-footer-button-local-hover-bg, linear-gradient(var(--mt-footer-button-local-gradient-angle, 110deg), var(--mt-footer-button-local-gradient-b, var(--mt-footer-accent-strong)), var(--mt-footer-button-local-gradient-a, var(--mt-footer-accent)))) !important;
  transform: translate3d(var(--mt-footer-button-local-x, 0px), var(--mt-footer-button-local-y, 0px), 0) scale(var(--mt-footer-button-local-scale, 1)) !important;
}

.mtfx-footer-section .mtfx-footer-email-link,
.mtfx-footer-section .mtfx-footer-email-link:hover {
  display: inline !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  transform: none !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 980px) {
  .mtfx-footer-section .mtfx-footer-shell {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .mtfx-footer-section .mtfx-footer-logo-col,
  .mtfx-footer-section .mtfx-footer-newsletter-col,
  .mtfx-footer-section .mtfx-footer-company-col {
    width: min(100%, var(--mt-footer-current-block-w, 100%)) !important;
    flex-basis: auto !important;
  }
  .mtfx-footer-section .mtfx-footer-form {
    grid-template-columns: 1fr !important;
  }
}

/* === MT v11.8.40: hardcoded phone-only mobile sections + Clothing mobile product overview === */
.elementor-widget-mtfx10_collectibles_mobile_section,
.elementor-widget-mtfx10_dragonball_mobile_section,
.elementor-widget-mtfx10_streetfighter_mobile_section,
.elementor-widget-mtfx10_onepiece_mobile_section,
.elementor-widget-mtfx10_naruto_mobile_section,
.elementor-widget-mtfx10_clothing_mobile_section,
.elementor-widget-mtfx10_gaming_guild_mobile_section,
.elementor-widget-mtfx10_playstation_mobile_section,
.elementor-widget-mtfx10_xbox_mobile_section,
.elementor-widget-mtfx10_nintendo_mobile_section {
  display: none;
  overflow: visible;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.mtfx10-mobile-only-section {
  display: none;
}

@media (max-width: 767px) {
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_collectibles_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_dragonball_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_streetfighter_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_onepiece_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_naruto_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_clothing_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_gaming_guild_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_playstation_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_xbox_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_nintendo_section {
    display: none;
  }

  .elementor-widget-mtfx10_collectibles_mobile_section,
  .elementor-widget-mtfx10_dragonball_mobile_section,
  .elementor-widget-mtfx10_streetfighter_mobile_section,
  .elementor-widget-mtfx10_onepiece_mobile_section,
  .elementor-widget-mtfx10_naruto_mobile_section,
  .elementor-widget-mtfx10_clothing_mobile_section,
  .elementor-widget-mtfx10_gaming_guild_mobile_section,
  .elementor-widget-mtfx10_playstation_mobile_section,
  .elementor-widget-mtfx10_xbox_mobile_section,
  .elementor-widget-mtfx10_nintendo_mobile_section {
    display: block;
  }

  .mtfx10-mobile-only-section {
    display: block;
  }
}

.mtfx10-mobile-section {
  --mtfx10-mobile-h: 76vh;
  --mtfx10-mobile-copy-w: 92vw;
  --mtfx10-mobile-particles-o: .28;
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-height: var(--mtfx10-mobile-h);
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #080808;
  text-transform: uppercase;
  font-family: 'Rajdhani', Arial, sans-serif;
}

.mtfx10-mobile-section,
.mtfx10-mobile-section * {
  box-sizing: border-box;
}

.mtfx10-mobile-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--mtfx10-mobile-gradient);
  pointer-events: none;
}

.mtfx10-mobile-bg::before,
.mtfx10-mobile-bg::after {
  content: "";
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(ellipse at 50% 28%, color-mix(in srgb, var(--mtfx10-accent), transparent 72%), transparent 44%),
    radial-gradient(ellipse at 50% 76%, color-mix(in srgb, var(--mtfx10-accent-2), transparent 88%), transparent 46%);
  filter: blur(12px) saturate(1.16);
  opacity: .86;
  animation: mtfx10-mobile-ambient 8s ease-in-out infinite alternate;
}

.mtfx10-mobile-bg::after {
  inset: 0;
  opacity: .20;
  filter: none;
  mix-blend-mode: soft-light;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 42%, rgba(0,0,0,.34)),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  animation: none;
}

@keyframes mtfx10-mobile-ambient {
  from { transform: translate3d(-1.4%, -.6%, 0) scale(1.02); }
  to { transform: translate3d(1.4%, .8%, 0) scale(1.06); }
}

.mtfx10-mobile-particles {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  opacity: var(--mtfx10-mobile-particles-o);
}

.mtfx10-mobile-particles span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 18px color-mix(in srgb, var(--mtfx10-accent), white 16%);
  animation: mtfx10-mobile-particle var(--d) linear infinite;
  animation-delay: var(--l);
}

@keyframes mtfx10-mobile-particle {
  0% { transform: translate3d(0, 38px, 0) scale(.55); opacity: 0; }
  22% { opacity: .92; }
  100% { transform: translate3d(26px, -124px, 0) scale(1.1); opacity: 0; }
}

.mtfx10-mobile-inner {
  position: relative;
  z-index: 4;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 92px 18px 72px;
  text-align: center;
}

.mtfx10-mobile-copy {
  width: min(var(--mtfx10-mobile-copy-w), 100%);
  max-width: 620px;
  margin: 0 auto;
}

.mtfx10-mobile-kicker {
  margin: 0 0 16px;
  font-size: clamp(11px, 3.4vw, 13px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: .36em;
  color: var(--mtfx10-accent);
}

.mtfx10-mobile-title {
  margin: 0;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-weight: 400;
  font-size: clamp(52px, 17vw, 84px);
  line-height: .88;
  letter-spacing: .055em;
  text-shadow: 0 12px 32px rgba(0,0,0,.34);
}

.mtfx10-mobile-title span,
.mtfx10-mobile-title strong {
  display: block;
}

.mtfx10-mobile-title span {
  color: rgba(255,255,255,.96);
  font-weight: inherit;
}

.mtfx10-mobile-title strong {
  font-weight: inherit;
  background: linear-gradient(135deg, var(--mtfx10-accent) 0%, var(--mtfx10-accent-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mtfx10-mobile-subtitle {
  width: min(100%, 520px);
  margin: 18px auto 0;
  font-family: 'Cinzel', serif;
  font-size: clamp(13px, 3.7vw, 16px);
  line-height: 1.5;
  letter-spacing: .16em;
  color: rgba(255,255,255,.74);
}

.mtfx10-mobile-menu {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: min(100%, 420px);
  margin: 26px auto 0;
}

.mtfx10-mobile-btn,
.mtfx10-mobile-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--mtfx10-accent), white 16%);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .17em;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--mtfx10-accent), transparent 54%) 0%,
    color-mix(in srgb, var(--mtfx10-accent-2), transparent 76%) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.28),
    0 0 26px color-mix(in srgb, var(--mtfx10-accent), transparent 76%);
  backdrop-filter: blur(10px);
  -webkit-tap-highlight-color: transparent;
}

.mtfx10-mobile-btn:active,
.mtfx10-mobile-cta:active {
  transform: scale(.985);
}

.mtfx10-mobile-cta {
  width: min(100%, 420px);
  margin: 14px auto 0;
  background: linear-gradient(135deg, var(--mtfx10-accent) 0%, var(--mtfx10-accent-2) 100%);
}

.mtfx10-mobile-section .mtfx10-stage,
.mtfx10-mobile-section .mtfx10-layer,
.mtfx10-mobile-section .mtfx10-console-bg-art,
.mtfx10-mobile-section .mtfx10-video-layer,
.mtfx10-mobile-section .mtfx10-bg-animation,
.mtfx10-mobile-section .mtfx10-street-intro,
.mtfx10-mobile-section .mtfx10-wave-layer,
.mtfx10-mobile-section .mtfx10-chakra-layer {
  display: none;
}

.mtfx10-mobile-theme-clothing {
  color: #111;
  background: #fff;
  min-height: auto;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-bg::before,
.mtfx10-mobile-theme-clothing .mtfx10-mobile-bg::after,
.mtfx10-mobile-theme-clothing .mtfx10-mobile-particles {
  display: none;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-inner {
  padding-left: 12px;
  padding-right: 12px;
  align-items: flex-start;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-copy {
  max-width: 560px;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-title span {
  color: #111;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-subtitle {
  color: rgba(17,17,17,.62);
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-menu {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
}

.mtfx10-mobile-theme-clothing .mtfx10-mobile-btn {
  min-height: 38px;
  padding: 10px 8px;
  border-radius: 999px;
  border-color: rgba(17,17,17,.10);
  color: #111;
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 22px rgba(0,0,0,.07);
  font-size: 10px;
  letter-spacing: .08em;
}

.mtmp-clothing-products {
  width: 100%;
  margin: 28px auto 0;
  padding: 0 0 10px;
  color: #111;
  text-transform: none;
  text-align: left;
}

.mtmp-shopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 14px;
}

.mtmp-shop-logo {
  display: block;
  width: auto;
  max-width: 148px;
  max-height: 38px;
  object-fit: contain;
}

.mtmp-shop-wordmark {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: 26px;
  letter-spacing: .075em;
  color: #111;
  line-height: 1;
}

.mtmp-shop-count {
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(17,17,17,.48);
  white-space: nowrap;
}

.mtmp-filter-row {
  display: flex;
  gap: 8px;
  margin: 0 0 16px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.mtmp-filter-row::-webkit-scrollbar {
  display: none;
}

.mtmp-filter-row button {
  appearance: none;
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 999px;
  background: #fff;
  min-height: 34px;
  padding: 0 13px;
  color: #111;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
  box-shadow: 0 7px 18px rgba(0,0,0,.05);
}

.mtmp-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mtmp-product-card {
  min-width: 0;
}

.mtmp-product-link,
.mtmp-product-copy {
  color: inherit;
  text-decoration: none;
}

.mtmp-product-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 22%, rgba(214,166,66,.11), transparent 44%),
    linear-gradient(180deg, #f7f7f5 0%, #ededeb 100%);
  box-shadow: 0 12px 28px rgba(0,0,0,.07);
}

.mtmp-product-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.mtmp-product-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: clamp(42px, 16vw, 76px);
  letter-spacing: .08em;
  color: rgba(17,17,17,.16);
}

.mtmp-variants {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  margin: 8px 0 5px;
}

.mtmp-variant {
  position: relative;
  appearance: none;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 999px;
  overflow: hidden;
  background: var(--mtmp-variant-color, #f4f4f0);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.64);
}

.mtmp-variant img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.mtmp-variant.is-active {
  outline: 1px solid #111;
  outline-offset: 2px;
}

.mtmp-product-title {
  margin: 0;
  color: #111;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: .01em;
}

.mtmp-product-desc {
  margin: 3px 0 5px;
  color: rgba(17,17,17,.54);
  font-size: 11px;
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: .01em;
}

.mtmp-product-price {
  display: block;
  color: #111;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 800;
}

@media (max-width: 390px) {
  .mtfx10-mobile-theme-clothing .mtfx10-mobile-menu {
    grid-template-columns: 1fr;
  }

  .mtmp-product-grid {
    gap: 12px;
  }

  .mtmp-product-title {
    font-size: 12px;
  }

  .mtmp-product-desc {
    font-size: 10px;
  }
}

/* === MT targeted update v11.8.41 — Clothing Transition light stacking + silver controls ===
   Alleen aangepast: light-theme Clothing Transition laagvolgorde, light-theme knopkleuren en light-theme Clothing slider pijlen.
   Dark theme blijft hetzelfde. */
html body.mt-theme-light #mt-clothing-screen-scroll,
html body.mt-theme-light .elementor-element:has(#mt-clothing-screen-scroll),
html body.mt-theme-light .elementor-element:has(#mt-clothing-screen-scroll) > .e-con-inner,
html body.mt-theme-light .elementor-element:has(#mt-clothing-screen-scroll) > .elementor-container,
html body.mt-theme-light .elementor-element:has(#mt-clothing-screen-scroll) > .elementor-widget-wrap {
  position: relative !important;
  z-index: 180 !important;
  isolation: isolate !important;
  overflow: visible !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-image,
html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-image img,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-element:has(.mt-clothing-transition-image),
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget:has(.mt-clothing-transition-image),
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget-container:has(.mt-clothing-transition-image) {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-image-dark,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-element:has(.mt-clothing-transition-image-dark),
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget:has(.mt-clothing-transition-image-dark),
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget-container:has(.mt-clothing-transition-image-dark) {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .elementor-element:not(:has(.mt-clothing-transition-image)):not(:has(.mt-clothing-transition-image-dark)),
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget-heading,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget-text-editor,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-widget-button,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-button-wrapper,
html body.mt-theme-light #mt-clothing-screen-scroll .elementor-button,
html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-content,
html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-menu,
html body.mt-theme-light #mt-clothing-screen-scroll .mt-clothing-transition-buttons {
  position: relative !important;
  z-index: 60 !important;
}

html body.mt-theme-light .elementor-widget-mtfx10_clothing_section {
  position: relative !important;
  z-index: 30 !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .elementor-button,
html body.mt-theme-light #mt-clothing-screen-scroll button,
html body.mt-theme-light #mt-clothing-screen-scroll a[class*="button"],
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn {
  color: rgba(12,12,12,.88) !important;
  border-color: rgba(185,194,199,.74) !important;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.92) 43%, rgba(255,255,255,.36) 57%, transparent 70% 100%),
    linear-gradient(135deg, rgba(192,199,203,.92) 0%, rgba(218,223,225,.96) 36%, rgba(255,255,255,.98) 58%, rgba(205,213,217,.94) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -14px 28px rgba(132,143,150,.10),
    0 0 0 1px rgba(255,255,255,.36),
    0 14px 34px rgba(106,114,120,.13),
    0 0 28px rgba(200,208,212,.18) !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .elementor-button:hover,
html body.mt-theme-light #mt-clothing-screen-scroll button:hover,
html body.mt-theme-light #mt-clothing-screen-scroll a[class*="button"]:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice:focus-visible,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice.is-active,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-choice.is-expanded,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-subnav.has-expanded .mtcl-choice-l2.is-expanded,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-start-trigger:focus-visible,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-subbtn:focus-visible {
  color: rgba(8,8,8,.96) !important;
  border-color: rgba(205,213,217,.90) !important;
  background:
    linear-gradient(112deg, transparent 0 27%, rgba(255,255,255,.98) 42%, rgba(255,255,255,.42) 58%, transparent 72% 100%),
    linear-gradient(135deg, rgba(210,216,219,.96) 0%, rgba(234,237,238,.98) 36%, rgba(255,255,255,1) 58%, rgba(220,226,228,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -14px 30px rgba(132,143,150,.08),
    0 0 0 1px rgba(255,255,255,.48),
    0 18px 42px rgba(106,114,120,.15),
    0 0 42px rgba(220,226,228,.30) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow {
  background-image: none !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  filter: drop-shadow(0 10px 16px rgba(106,114,120,.18)) drop-shadow(0 0 16px rgba(205,213,217,.24)) !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::before,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow::after {
  content: none !important;
  display: none !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--prev {
  background-image: url('mtcl-arrow-silver-prev.png') !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow--next {
  background-image: url('mtcl-arrow-silver-next.png') !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:hover,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-slider-arrow:focus-visible {
  filter: drop-shadow(0 13px 20px rgba(106,114,120,.22)) drop-shadow(0 0 24px rgba(220,226,228,.34)) brightness(1.045) saturate(1.02) !important;
}

/* === MT targeted update v11.8.42 — mobile header/logo/touch + Clothing light layer + mobile fade smoothing ===
   Alleen mobiel/header/logo/Clothing/light-theme fixes. Bestaande animaties en desktop/dark layout blijven onaangeraakt. */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scroll-padding-top: 70px;
    -webkit-text-size-adjust: 100%;
  }

  body {
    --mt-mobile-header-h: 64px;
  }

  .mt-nav,
  .mt-header,
  .site-header,
  header[class*="mt-"] {
    position: sticky;
    top: 0;
    z-index: 99999;
    min-height: var(--mt-mobile-header-h);
    pointer-events: auto;
    transform: translateZ(0);
    backface-visibility: hidden;
    isolation: isolate;
  }

  .mt-nav *,
  .mt-header *,
  .site-header *,
  header[class*="mt-"] * {
    pointer-events: auto;
  }

  .mt-nav__center,
  .mt-nav__menu,
  .mt-mega,
  .mt-mega__inner {
    pointer-events: auto;
  }

  .mt-nav__logo,
  .mt-nav__brand,
  .mt-header-logo,
  .mt-mobile-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 34px;
    line-height: 1;
    overflow: visible;
  }

  .mt-nav__logo img,
  .mt-nav__brand img,
  .mt-header-logo img,
  .mt-mobile-logo img {
    display: block;
    width: auto;
    max-width: 126px;
    max-height: 34px;
    object-fit: contain;
  }

  .mt-header-logo-fixed,
  .mt-nav__logo.mt-header-logo-fixed,
  .mt-nav__brand.mt-header-logo-fixed {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .16em;
    color: currentColor;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
  }

  .mt-nav__toggle,
  .mt-nav__mobile-toggle,
  .mt-mobile-toggle,
  .mt-hamburger,
  .mt-nav__theme-switch,
  .mt-theme-switch,
  .mt-theme-toggle,
  .mt-nav__cart,
  .mt-cart,
  .mt-cart-link,
  [data-mt-mobile-toggle],
  [data-mt-menu-toggle],
  [data-mt-theme-toggle],
  [data-mt-cart] {
    position: relative;
    z-index: 100001;
    min-width: 42px;
    min-height: 42px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
    cursor: pointer;
  }

  body.mt-mobile-menu-open {
    overflow: hidden;
  }

  body.mt-mobile-menu-open .mt-mobile-menu,
  body.mt-mobile-menu-open #mt-mobile-menu,
  body.mt-mobile-menu-open .mt-nav__mobile-panel,
  body.mt-mobile-menu-open .mt-mobile-nav,
  body.mt-mobile-menu-open .mt-mega.is-mobile-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .mt-mobile-menu,
  #mt-mobile-menu,
  .mt-nav__mobile-panel,
  .mt-mobile-nav {
    z-index: 99998;
    pointer-events: auto;
  }

  .mt-mobile-menu a,
  #mt-mobile-menu a,
  .mt-nav__mobile-panel a,
  .mt-mobile-nav a,
  .mtfx10-mobile-btn,
  .mtfx10-mobile-cta,
  .mtmp-product-link,
  .mtmp-filter-row button,
  .mtmp-variant {
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(232,196,90,.18);
  }

  .mt-hero,
  .mt-home-hero,
  .modern-treasures-hero,
  .elementor-element:has(.mt-hero-logo),
  .elementor-element:has(.mt-home-hero-logo),
  .elementor-element:has(.modern-treasures-logo) {
    min-height: min(82vh, 760px);
    overflow: hidden;
  }

  .mt-hero-logo,
  .mt-home-hero-logo,
  .modern-treasures-logo,
  .mt-hero .mtfx10-logo,
  .mt-home-hero .mtfx10-logo,
  .modern-treasures-hero .mtfx10-logo {
    display: block;
    width: min(78vw, 330px) !important;
    max-width: 78vw !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  .mt-hero-logo img,
  .mt-home-hero-logo img,
  .modern-treasures-logo img,
  .mt-hero .mtfx10-logo img,
  .mt-home-hero .mtfx10-logo img,
  .modern-treasures-hero .mtfx10-logo img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_collectibles_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_dragonball_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_streetfighter_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_onepiece_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_naruto_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_clothing_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_gaming_guild_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_playstation_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_xbox_section,
  body.mtfx10-has-mobile-sections .elementor-widget-mtfx10_nintendo_section {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body.mtfx10-has-mobile-sections .elementor-section:has(.elementor-widget-mtfx10_clothing_section):not(:has(.elementor-widget-mtfx10_clothing_mobile_section)),
  body.mtfx10-has-mobile-sections .e-con:has(.elementor-widget-mtfx10_clothing_section):not(:has(.elementor-widget-mtfx10_clothing_mobile_section)) {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
  }

  .elementor-widget-mtfx10_collectibles_mobile_section,
  .elementor-widget-mtfx10_dragonball_mobile_section,
  .elementor-widget-mtfx10_streetfighter_mobile_section,
  .elementor-widget-mtfx10_onepiece_mobile_section,
  .elementor-widget-mtfx10_naruto_mobile_section,
  .elementor-widget-mtfx10_clothing_mobile_section,
  .elementor-widget-mtfx10_gaming_guild_mobile_section,
  .elementor-widget-mtfx10_playstation_mobile_section,
  .elementor-widget-mtfx10_xbox_mobile_section,
  .elementor-widget-mtfx10_nintendo_mobile_section {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    background: transparent;
  }

  .mtfx10-mobile-section {
    min-height: max(620px, var(--mtfx10-mobile-h));
    overflow: hidden;
    margin-top: -1px;
    padding-top: 1px;
  }

  .mtfx10-mobile-section::before,
  .mtfx10-mobile-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    height: 96px;
    pointer-events: none;
  }

  .mtfx10-mobile-section::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(8,8,8,.96), rgba(8,8,8,0));
  }

  .mtfx10-mobile-section::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(8,8,8,.96), rgba(8,8,8,0));
  }

  .mtfx10-mobile-theme-clothing::before {
    background: linear-gradient(to bottom, rgba(236,233,235,.98), rgba(236,233,235,0));
  }

  .mtfx10-mobile-theme-clothing::after {
    background: linear-gradient(to top, rgba(255,255,255,.98), rgba(255,255,255,0));
  }

  .mtfx10-mobile-inner {
    z-index: 5;
    padding-top: calc(var(--mt-mobile-header-h) + 44px);
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  .mtfx10-mobile-kicker,
  .mtfx10-mobile-title,
  .mtfx10-mobile-subtitle,
  .mtfx10-mobile-menu,
  .mtfx10-mobile-cta {
    position: relative;
    z-index: 6;
  }

  .mtfx10-mobile-title {
    font-size: clamp(44px, 14.8vw, 72px);
    line-height: .9;
    overflow-wrap: anywhere;
  }

  .mtfx10-mobile-subtitle {
    font-size: clamp(12px, 3.5vw, 15px);
    line-height: 1.42;
    letter-spacing: .13em;
  }

  .mtfx10-mobile-menu {
    justify-items: center;
    justify-content: center;
    align-items: center;
  }

  .mtfx10-mobile-btn,
  .mtfx10-mobile-cta {
    width: 100%;
    max-width: 420px;
  }

  .mtfx10-mobile-theme-clothing {
    min-height: auto;
    background: #fff;
  }

  .mtfx10-mobile-theme-clothing .mtfx10-mobile-inner {
    padding-top: calc(var(--mt-mobile-header-h) + 28px);
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  .mtfx10-mobile-theme-clothing .mtfx10-mobile-menu {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: stretch;
  }

  .mtfx10-mobile-theme-clothing .mtfx10-mobile-btn,
  .mtmp-filter-row button {
    color: rgba(10,10,10,.88);
    border-color: rgba(188,196,202,.72);
    background:
      linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.94) 44%, rgba(255,255,255,.38) 57%, transparent 70% 100%),
      linear-gradient(135deg, rgba(202,209,214,.96) 0%, rgba(229,233,235,.98) 42%, rgba(255,255,255,1) 62%, rgba(211,218,222,.96) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.94),
      0 10px 24px rgba(106,114,120,.13),
      0 0 24px rgba(210,218,222,.20);
  }

  .mtmp-clothing-products {
    margin-top: 24px;
    padding-bottom: calc(106px + env(safe-area-inset-bottom));
  }

  .mtmp-shopbar {
    align-items: center;
    margin-bottom: 16px;
  }

  .mtmp-filter-row {
    margin-bottom: 18px;
    padding: 0 2px 6px;
    scroll-snap-type: x proximity;
  }

  .mtmp-filter-row button {
    scroll-snap-align: start;
  }

  .mtmp-product-grid {
    gap: 16px 12px;
  }

  .mtmp-product-media {
    border-radius: 18px;
  }

  .mtmp-variants {
    flex-wrap: wrap;
  }

  .mtmp-product-card {
    padding-bottom: 2px;
  }

  .mtmp-product-title,
  .mtmp-product-desc,
  .mtmp-product-price {
    padding-left: 1px;
    padding-right: 1px;
  }
}

@media (max-width: 390px) {
  .mtfx10-mobile-theme-clothing .mtfx10-mobile-menu {
    grid-template-columns: 1fr;
  }

  .mtfx10-mobile-title {
    font-size: clamp(40px, 14vw, 64px);
  }

  .mtmp-product-grid {
    gap: 15px 10px;
  }
}

/* Light theme Clothing image must stay above the following Clothing Transition, matching dark mode layer behavior. */
html body.mt-theme-light .elementor-widget-mtfx10_clothing_section,
html body.mt-theme-light .elementor-widget-mtfx10_clothing_section > .elementor-widget-container,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing {
  position: relative !important;
  z-index: 260 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-stage,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-layer,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtfx10-layer img,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-products-stage,
html body.mt-theme-light .mtfx10-section.mtfx10-theme-clothing .mtcl-preview {
  position: relative !important;
  z-index: 285 !important;
  overflow: visible !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll,
html body.mt-theme-light .elementor-element:has(#mt-clothing-screen-scroll) {
  position: relative !important;
  z-index: 180 !important;
  overflow: visible !important;
}

html body.mt-theme-light #mt-clothing-screen-scroll .elementor-button,
html body.mt-theme-light #mt-clothing-screen-scroll button,
html body.mt-theme-light #mt-clothing-screen-scroll a[class*="button"] {
  color: rgba(10,10,10,.88) !important;
  border-color: rgba(188,196,202,.78) !important;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.96) 44%, rgba(255,255,255,.40) 57%, transparent 70% 100%),
    linear-gradient(135deg, rgba(202,209,214,.96) 0%, rgba(229,233,235,.98) 42%, rgba(255,255,255,1) 62%, rgba(211,218,222,.96) 100%) !important;
}

/* MT mobile/footer repair 11.8.43 — exact requested fixes only */
@media (max-width: 767px) {
  .mtfx10-mobile-theme-clothing .mtmp-clothing-products,
  .mtfx10-mobile-theme-clothing .mtmp-shopbar,
  .mtfx10-mobile-theme-clothing .mtmp-filter-row,
  .mtfx10-mobile-theme-clothing .mtmp-product-grid {
    display: none !important;
  }

  .mtfx10-mobile-theme-clothing .mtmp-clothing-categories {
    position: relative;
    z-index: 7;
    width: min(100%, 460px);
    margin: clamp(22px, 7vw, 34px) auto 0;
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-card {
    position: relative;
    margin: 0;
    min-width: 0;
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-link {
    position: relative;
    display: grid;
    gap: 10px;
    color: rgba(12, 14, 16, .92);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-media {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: var(--mtmp-category-card-h, 190px);
    overflow: hidden;
    border: 1px solid rgba(170, 180, 188, .64);
    background:
      linear-gradient(116deg, transparent 0 28%, rgba(255,255,255,.94) 44%, rgba(255,255,255,.38) 58%, transparent 72% 100%),
      linear-gradient(135deg, rgba(203,211,216,.95) 0%, rgba(236,239,240,.98) 46%, rgba(255,255,255,1) 62%, rgba(210,218,222,.96) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.90),
      0 14px 32px rgba(104, 114, 121, .15);
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%),
      linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0) 35%, rgba(0,0,0,.06));
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-media img {
    position: relative;
    z-index: 1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    display: block;
    object-fit: cover;
    transform: translate(var(--mtmp-category-img-x, 0px), var(--mtmp-category-img-y, 0px));
    will-change: transform;
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-placeholder {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 999px;
    border: 1px solid rgba(120, 132, 140, .32);
    background: rgba(255,255,255,.54);
    color: rgba(42, 49, 54, .54);
    font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .20em;
    text-transform: uppercase;
  }

  .mtfx10-mobile-theme-clothing .mtmp-category-title {
    display: block;
    width: 100%;
    font-family: var(--mt-font-ui, 'Rajdhani', sans-serif);
    font-size: clamp(14px, 4vw, 18px);
    line-height: 1;
    font-weight: 800;
    letter-spacing: .24em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(18, 22, 25, .88);
  }
}

.mtfx-footer-section .mtfx-footer-newsletter-col,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card__content--newsletter,
.mtfx-footer-section .mtfx-footer-form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.mtfx-footer-section .mtfx-footer-newsletter-col {
  position: relative !important;
  z-index: 80 !important;
  min-width: min(100%, 320px) !important;
}

.mtfx-footer-section .mtfx-footer-card--newsletter {
  min-height: 220px !important;
}

.mtfx-footer-section .mtfx-footer-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  clip-path: none !important;
}

.mtfx-footer-section .mtfx-footer-card--logo::before,
.mtfx-footer-section .mtfx-footer-card--newsletter::before,
.mtfx-footer-section .mtfx-footer-card--company::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background: var(--mt-footer-card-local-bg, linear-gradient(135deg, var(--mt-footer-surface-strong), var(--mt-footer-surface))) !important;
  border-radius: var(--mt-footer-card-local-radius, 28px) !important;
  clip-path: none !important;
  box-shadow:
    inset 0 0 0 var(--mt-footer-card-local-border-width, 1px) var(--mt-footer-card-local-border, var(--mt-footer-line)),
    0 24px 70px rgba(0,0,0,.12) !important;
  filter: none !important;
}

.mtfx-footer-section .mtfx-footer-card--logo::after,
.mtfx-footer-section .mtfx-footer-card--newsletter::after,
.mtfx-footer-section .mtfx-footer-card--company::after {
  content: none !important;
  display: none !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape:not(.mtfx-shape-normal)::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape:not(.mtfx-shape-normal)::before {
  border-radius: 0 !important;
  filter: drop-shadow(0 24px 42px rgba(0,0,0,.15)) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-diagonal-left::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-diagonal-left::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-diagonal-left::before,
.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-parallelogram-left::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-parallelogram-left::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-parallelogram-left::before {
  clip-path: polygon(var(--mt-shape-cut, 30px) 0, 100% 0, calc(100% - var(--mt-shape-cut, 30px)) 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-diagonal-right::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-diagonal-right::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-diagonal-right::before,
.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-parallelogram-right::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-parallelogram-right::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-parallelogram-right::before {
  clip-path: polygon(0 0, calc(100% - var(--mt-shape-cut, 30px)) 0, 100% 100%, var(--mt-shape-cut, 30px) 100%) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-top-wide::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-top-wide::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-top-wide::before {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--mt-shape-cut, 30px)) 100%, var(--mt-shape-cut, 30px) 100%) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-top-narrow::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-top-narrow::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-top-narrow::before {
  clip-path: polygon(var(--mt-shape-cut, 30px) 0, calc(100% - var(--mt-shape-cut, 30px)) 0, 100% 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-bottom-left::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-bottom-left::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-bottom-left::before {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--mt-shape-cut, 30px)), calc(100% - var(--mt-shape-cut, 30px)) 100%, 0 100%) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-bottom-right::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-bottom-right::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-bottom-right::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--mt-shape-cut, 30px) 100%, 0 calc(100% - var(--mt-shape-cut, 30px))) !important;
}

.mtfx-footer-section .mtfx-footer-card--logo.mtfx-shape-hexagon::before,
.mtfx-footer-section .mtfx-footer-card--newsletter.mtfx-shape-hexagon::before,
.mtfx-footer-section .mtfx-footer-card--company.mtfx-shape-hexagon::before {
  clip-path: polygon(var(--mt-shape-cut, 30px) 0, calc(100% - var(--mt-shape-cut, 30px)) 0, 100% 50%, calc(100% - var(--mt-shape-cut, 30px)) 100%, var(--mt-shape-cut, 30px) 100%, 0 50%) !important;
}

.mtfx-footer-section .mtfx-footer-card__content {
  position: relative !important;
  z-index: 2 !important;
}

/* MT mobile section controls 11.8.44 — free image layer, text positioning and inner fades only */
@media (max-width: 767px) {
  .mtfx10-mobile-section {
    --mtfx10-mobile-copy-x: 0px;
    --mtfx10-mobile-copy-y: 0px;
    --mtfx10-mobile-text-align: center;
    --mtfx10-mobile-free-img-x: 0px;
    --mtfx10-mobile-free-img-y: 0px;
    --mtfx10-mobile-free-img-w: 280px;
    --mtfx10-mobile-free-img-h: 280px;
    --mtfx10-mobile-free-img-fit: contain;
    --mtfx10-mobile-free-img-o: 1;
    --mtfx10-mobile-top-fade-color: #080808;
    --mtfx10-mobile-bottom-fade-color: #080808;
    --mtfx10-mobile-top-fade-h: 90px;
    --mtfx10-mobile-bottom-fade-h: 90px;
  }

  .mtfx10-mobile-free-image {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: var(--mtfx10-mobile-free-img-w);
    height: var(--mtfx10-mobile-free-img-h);
    transform: translate3d(-50%, -50%, 0) translate3d(var(--mtfx10-mobile-free-img-x), var(--mtfx10-mobile-free-img-y), 0);
    opacity: var(--mtfx10-mobile-free-img-o);
    pointer-events: none;
    user-select: none;
  }

  .mtfx10-mobile-free-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--mtfx10-mobile-free-img-fit);
  }

  .mtfx10-mobile-inner-fade {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 4;
    pointer-events: none;
  }

  .mtfx10-mobile-inner-fade--top {
    top: 0;
    height: var(--mtfx10-mobile-top-fade-h);
    background: linear-gradient(
      to bottom,
      var(--mtfx10-mobile-top-fade-color) 0%,
      color-mix(in srgb, var(--mtfx10-mobile-top-fade-color), transparent 2%) 12%,
      color-mix(in srgb, var(--mtfx10-mobile-top-fade-color), transparent 24%) 34%,
      color-mix(in srgb, var(--mtfx10-mobile-top-fade-color), transparent 62%) 66%,
      rgba(8,8,8,0) 100%
    );
  }

  .mtfx10-mobile-inner-fade--bottom {
    bottom: 0;
    height: var(--mtfx10-mobile-bottom-fade-h);
    background: linear-gradient(
      to top,
      var(--mtfx10-mobile-bottom-fade-color) 0%,
      color-mix(in srgb, var(--mtfx10-mobile-bottom-fade-color), transparent 2%) 12%,
      color-mix(in srgb, var(--mtfx10-mobile-bottom-fade-color), transparent 24%) 36%,
      color-mix(in srgb, var(--mtfx10-mobile-bottom-fade-color), transparent 62%) 68%,
      rgba(8,8,8,0) 100%
    );
  }

  .mtfx10-mobile-inner {
    z-index: 6;
  }

  .mtfx10-mobile-copy {
    position: relative;
    z-index: 6;
    text-align: var(--mtfx10-mobile-text-align);
    transform: translate3d(var(--mtfx10-mobile-copy-x), var(--mtfx10-mobile-copy-y), 0);
  }

  .mtfx10-mobile-menu,
  .mtfx10-mobile-cta,
  .mtfx10-mobile-btn {
    position: relative;
    z-index: 8;
  }
}

/* === MT v11.8.50 — audited mobile gate + hero word + section cleanup ===
   Alleen herstel van mobiele gating, Modern/Treasures woordkleur, mobiele fades/lege blokken en footer shape/newsletter. */

@media (max-width: 767px) {
  .elementor-widget-mtfx10_collectibles_section,
  .elementor-widget-mtfx10_dragonball_section,
  .elementor-widget-mtfx10_streetfighter_section,
  .elementor-widget-mtfx10_onepiece_section,
  .elementor-widget-mtfx10_naruto_section,
  .elementor-widget-mtfx10_clothing_section,
  .elementor-widget-mtfx10_gaming_guild_section,
  .elementor-widget-mtfx10_playstation_section,
  .elementor-widget-mtfx10_xbox_section,
  .elementor-widget-mtfx10_nintendo_section {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .elementor-section:has(.elementor-widget-mtfx10_collectibles_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_dragonball_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_streetfighter_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_onepiece_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_naruto_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_clothing_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_gaming_guild_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_playstation_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_xbox_section):not(:has(.mtfx10-mobile-only-section)),
  .elementor-section:has(.elementor-widget-mtfx10_nintendo_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_collectibles_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_dragonball_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_streetfighter_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_onepiece_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_naruto_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_clothing_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_gaming_guild_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_playstation_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_xbox_section):not(:has(.mtfx10-mobile-only-section)),
  .e-con:has(.elementor-widget-mtfx10_nintendo_section):not(:has(.mtfx10-mobile-only-section)) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  .elementor-widget-mtfx10_collectibles_mobile_section,
  .elementor-widget-mtfx10_dragonball_mobile_section,
  .elementor-widget-mtfx10_streetfighter_mobile_section,
  .elementor-widget-mtfx10_onepiece_mobile_section,
  .elementor-widget-mtfx10_naruto_mobile_section,
  .elementor-widget-mtfx10_clothing_mobile_section,
  .elementor-widget-mtfx10_gaming_guild_mobile_section,
  .elementor-widget-mtfx10_playstation_mobile_section,
  .elementor-widget-mtfx10_xbox_mobile_section,
  .elementor-widget-mtfx10_nintendo_mobile_section,
  .mtfx10-mobile-only-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0;
    overflow: visible;
    pointer-events: auto !important;
  }

  .mtfx10-mobile-section::before,
  .mtfx10-mobile-section::after {
    content: none !important;
    display: none !important;
  }

  .mtfx10-mobile-inner-fade--top {
    background: linear-gradient(to bottom, var(--mtfx10-mobile-top-fade-color, #080808) 0%, rgba(8,8,8,.94) 12%, rgba(8,8,8,.64) 44%, rgba(8,8,8,.24) 72%, rgba(8,8,8,0) 100%) !important;
  }

  .mtfx10-mobile-inner-fade--bottom {
    background: linear-gradient(to top, var(--mtfx10-mobile-bottom-fade-color, #080808) 0%, rgba(8,8,8,.94) 12%, rgba(8,8,8,.64) 44%, rgba(8,8,8,.24) 72%, rgba(8,8,8,0) 100%) !important;
  }

  body.mt-theme-dark .mtfx10-mobile-theme-clothing,
  html[data-mt-theme="dark"] body .mtfx10-mobile-theme-clothing,
  html[data-theme="dark"] body .mtfx10-mobile-theme-clothing {
    background: #080808 !important;
  }

  body.mt-theme-dark .mtfx10-mobile-theme-clothing .mtfx10-mobile-bg,
  html[data-mt-theme="dark"] body .mtfx10-mobile-theme-clothing .mtfx10-mobile-bg,
  html[data-theme="dark"] body .mtfx10-mobile-theme-clothing .mtfx10-mobile-bg {
    background: linear-gradient(180deg, #080808 0%, #111113 52%, #080808 100%) !important;
  }

  body.mt-theme-light .mtfx10-mobile-theme-clothing,
  html[data-mt-theme="light"] body .mtfx10-mobile-theme-clothing,
  html[data-theme="light"] body .mtfx10-mobile-theme-clothing {
    background: #f8f8f6 !important;
  }

  .mtmp-clothing-products,
  .mtmp-shopbar,
  .mtmp-filter-row,
  .mtmp-product-grid {
    display: none !important;
  }

  .mtfx10-mobile-theme-clothing .mtmp-clothing-categories {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mt-hero,
  .mt-home-hero,
  .modern-treasures-hero,
  .elementor-element:has(.mt-hero-logo),
  .elementor-element:has(.mt-home-hero-logo),
  .elementor-element:has(.modern-treasures-logo) {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-hero img,
  .mt-home-hero img,
  .modern-treasures-hero img,
  .elementor-element:has(.mt-hero-logo) img,
  .elementor-element:has(.mt-home-hero-logo) img,
  .elementor-element:has(.modern-treasures-logo) img {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .elementor-widget-mtfx10_collectibles_mobile_section,
  .elementor-widget-mtfx10_dragonball_mobile_section,
  .elementor-widget-mtfx10_streetfighter_mobile_section,
  .elementor-widget-mtfx10_onepiece_mobile_section,
  .elementor-widget-mtfx10_naruto_mobile_section,
  .elementor-widget-mtfx10_clothing_mobile_section,
  .elementor-widget-mtfx10_gaming_guild_mobile_section,
  .elementor-widget-mtfx10_playstation_mobile_section,
  .elementor-widget-mtfx10_xbox_mobile_section,
  .elementor-widget-mtfx10_nintendo_mobile_section,
  .mtfx10-mobile-only-section {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

html body .mtfx10-title,
html body .mtfx10-mobile-title,
html body .mt-hero-wordline,
html body .mt-hero-word-modern,
html body .mt-hero-word-treasures,
html body .mt-word-modern,
html body .mt-word-treasures,
html body .mt-title-modern,
html body .mt-title-treasures {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body .mtfx10-title-main,
html body .mtfx10-mobile-title span {
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body .mt-hero-word-modern,
html body .mt-word-modern,
html body .mt-title-modern {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.mt-theme-light .mtfx10-title-main,
html[data-mt-theme="light"] body .mtfx10-title-main,
html[data-theme="light"] body .mtfx10-title-main,
html body.mt-theme-light .mtfx10-mobile-title span,
html[data-mt-theme="light"] body .mtfx10-mobile-title span,
html[data-theme="light"] body .mtfx10-mobile-title span,
html body.mt-theme-light .mt-hero-word-modern,
html[data-mt-theme="light"] body .mt-hero-word-modern,
html[data-theme="light"] body .mt-hero-word-modern,
html body.mt-theme-light .mt-word-modern,
html[data-mt-theme="light"] body .mt-word-modern,
html[data-theme="light"] body .mt-word-modern,
html body.mt-theme-light .mt-title-modern,
html[data-mt-theme="light"] body .mt-title-modern,
html[data-theme="light"] body .mt-title-modern {
  color: #181818 !important;
  -webkit-text-fill-color: #181818 !important;
  text-shadow: 0 10px 28px rgba(255,255,255,.52), 0 8px 18px rgba(0,0,0,.10) !important;
}

html body.mt-theme-dark .mtfx10-title-main,
html[data-mt-theme="dark"] body .mtfx10-title-main,
html[data-theme="dark"] body .mtfx10-title-main,
html body.mt-theme-dark .mtfx10-mobile-title span,
html[data-mt-theme="dark"] body .mtfx10-mobile-title span,
html[data-theme="dark"] body .mtfx10-mobile-title span,
html body.mt-theme-dark .mt-hero-word-modern,
html[data-mt-theme="dark"] body .mt-hero-word-modern,
html[data-theme="dark"] body .mt-hero-word-modern,
html body.mt-theme-dark .mt-word-modern,
html[data-mt-theme="dark"] body .mt-word-modern,
html[data-theme="dark"] body .mt-word-modern,
html body.mt-theme-dark .mt-title-modern,
html[data-mt-theme="dark"] body .mt-title-modern,
html[data-theme="dark"] body .mt-title-modern {
  color: rgba(245,245,240,.96) !important;
  -webkit-text-fill-color: rgba(245,245,240,.96) !important;
  background: none !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.42) !important;
}

html body.mt-theme-dark .mtfx10-title-gradient,
html[data-mt-theme="dark"] body .mtfx10-title-gradient,
html[data-theme="dark"] body .mtfx10-title-gradient,
html body.mt-theme-dark .mtfx10-mobile-title strong,
html[data-mt-theme="dark"] body .mtfx10-mobile-title strong,
html[data-theme="dark"] body .mtfx10-mobile-title strong,
html body.mt-theme-dark .mt-hero-word-treasures,
html[data-mt-theme="dark"] body .mt-hero-word-treasures,
html[data-theme="dark"] body .mt-hero-word-treasures,
html body.mt-theme-dark .mt-word-treasures,
html[data-mt-theme="dark"] body .mt-word-treasures,
html[data-theme="dark"] body .mt-word-treasures,
html body.mt-theme-dark .mt-title-treasures,
html[data-mt-theme="dark"] body .mt-title-treasures,
html[data-theme="dark"] body .mt-title-treasures {
  color: #e8c45a !important;
  background: linear-gradient(135deg, #e8c45a 0%, #f7e090 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.mt-theme-light .mt-hero-word-treasures,
html[data-mt-theme="light"] body .mt-hero-word-treasures,
html[data-theme="light"] body .mt-hero-word-treasures,
html body.mt-theme-light .mt-word-treasures,
html[data-mt-theme="light"] body .mt-word-treasures,
html[data-theme="light"] body .mt-word-treasures,
html body.mt-theme-light .mt-title-treasures,
html[data-mt-theme="light"] body .mt-title-treasures,
html[data-theme="light"] body .mt-title-treasures {
  color: #181818 !important;
  -webkit-text-fill-color: #181818 !important;
  background: none !important;
}

.mtfx-footer-section .mtfx-footer-newsletter-col,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card__content--newsletter,
.mtfx-footer-section .mtfx-footer-form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.mtfx-footer-section .mtfx-footer-card__content {
  background: transparent !important;
  box-shadow: none !important;
}

.mtfx-footer-section .mtfx-footer-card--logo,
.mtfx-footer-section .mtfx-footer-card--newsletter,
.mtfx-footer-section .mtfx-footer-card--company {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* === MT v11.8.51 — desktop theme headline/gradient repair before live ===
   Alleen desktop sections. Geen mobile-only sections, geen layout, geen layers, geen fades, geen animations aangepast. */
@media (min-width: 768px) {
  .mtfx10-section.mtfx10-theme-dragonball {
    --mtfx10-bg: #160414 !important;
    --mtfx10-accent: #dc3f78 !important;
    --mtfx10-accent-2: #f2a33d !important;
    --mtfx10-title-grad-default-a: #d83f78;
    --mtfx10-title-grad-default-b: #f0a93d;
    --mtfx10-menu-grad-a: #dc3f78 !important;
    --mtfx10-menu-grad-b: #f2a33d !important;
    --cta-grad-a: #dc3f78 !important;
    --cta-grad-b: #f2a33d !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 48% 50%, rgba(255,255,255,.18) 0%, transparent 24%),
      radial-gradient(ellipse at 25% 55%, rgba(220,63,120,.34) 0%, transparent 46%),
      radial-gradient(ellipse at 72% 66%, rgba(242,163,61,.18) 0%, transparent 42%),
      linear-gradient(135deg, #120312 0%, #30071f 46%, #13040d 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-streetfighter {
    --mtfx10-bg: #160704 !important;
    --mtfx10-accent: #ff4b12 !important;
    --mtfx10-accent-2: #c96a35 !important;
    --mtfx10-title-grad-default-a: #ff4b12;
    --mtfx10-title-grad-default-b: #c96a35;
    --mtfx10-menu-grad-a: #ff4b12 !important;
    --mtfx10-menu-grad-b: #c96a35 !important;
    --cta-grad-a: #ff4b12 !important;
    --cta-grad-b: #c96a35 !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 45% 48%, rgba(255,255,255,.20) 0%, transparent 22%),
      radial-gradient(ellipse at 30% 50%, rgba(255,75,18,.28) 0%, transparent 48%),
      radial-gradient(ellipse at 72% 58%, rgba(120,45,20,.22) 0%, transparent 42%),
      linear-gradient(135deg, #100402 0%, #371106 48%, #100402 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-onepiece {
    --mtfx10-bg: #031522 !important;
    --mtfx10-accent: #18d9e8 !important;
    --mtfx10-accent-2: #2388ff !important;
    --mtfx10-title-grad-default-a: #18d9e8;
    --mtfx10-title-grad-default-b: #2388ff;
    --mtfx10-menu-grad-a: #18d9e8 !important;
    --mtfx10-menu-grad-b: #2388ff !important;
    --cta-grad-a: #18d9e8 !important;
    --cta-grad-b: #2388ff !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 50% 48%, rgba(255,255,255,.18) 0%, transparent 25%),
      radial-gradient(ellipse at 30% 70%, rgba(24,217,232,.26) 0%, transparent 42%),
      radial-gradient(ellipse at 72% 56%, rgba(35,136,255,.18) 0%, transparent 44%),
      linear-gradient(135deg, #02101b 0%, #052b3f 48%, #02080f 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-naruto {
    --mtfx10-bg: #150804 !important;
    --mtfx10-accent: #ff6b00 !important;
    --mtfx10-accent-2: #f7c948 !important;
    --mtfx10-title-grad-default-a: #ff6b00;
    --mtfx10-title-grad-default-b: #f7c948;
    --mtfx10-menu-grad-a: #ff6b00 !important;
    --mtfx10-menu-grad-b: #f7c948 !important;
    --cta-grad-a: #ff6b00 !important;
    --cta-grad-b: #f7c948 !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 50% 48%, rgba(255,255,255,.18) 0%, transparent 24%),
      radial-gradient(ellipse at 30% 72%, rgba(255,107,0,.30) 0%, transparent 46%),
      radial-gradient(ellipse at 76% 58%, rgba(247,201,72,.16) 0%, transparent 42%),
      linear-gradient(135deg, #100502 0%, #3a1704 48%, #080302 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-playstation {
    --mtfx10-bg: #061a34 !important;
    --mtfx10-accent: #2d8fff !important;
    --mtfx10-accent-2: #8fc6ff !important;
    --mtfx10-title-grad-default-a: #167fe8;
    --mtfx10-title-grad-default-b: #5ab7ff;
    --mtfx10-menu-grad-a: #2d8fff !important;
    --mtfx10-menu-grad-b: #8fc6ff !important;
    --cta-grad-a: #2d8fff !important;
    --cta-grad-b: #8fc6ff !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 50% 48%, rgba(255,255,255,.20) 0%, transparent 24%),
      radial-gradient(ellipse at 28% 55%, rgba(45,143,255,.34) 0%, transparent 48%),
      radial-gradient(ellipse at 70% 58%, rgba(143,198,255,.18) 0%, transparent 42%),
      linear-gradient(135deg, #051225 0%, #0c3765 48%, #06101f 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-xbox {
    --mtfx10-bg: #031307 !important;
    --mtfx10-accent: #52ff35 !important;
    --mtfx10-accent-2: #1fa53b !important;
    --mtfx10-title-grad-default-a: #52ff35;
    --mtfx10-title-grad-default-b: #1fa53b;
    --mtfx10-menu-grad-a: #52ff35 !important;
    --mtfx10-menu-grad-b: #1fa53b !important;
    --cta-grad-a: #52ff35 !important;
    --cta-grad-b: #1fa53b !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.14) 0%, transparent 24%),
      radial-gradient(ellipse at 34% 62%, rgba(82,255,53,.30) 0%, transparent 46%),
      radial-gradient(ellipse at 72% 54%, rgba(31,165,59,.16) 0%, transparent 42%),
      linear-gradient(135deg, #020b04 0%, #073018 48%, #020703 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-nintendo {
    --mtfx10-bg: #4a0008 !important;
    --mtfx10-accent: #e4000f !important;
    --mtfx10-accent-2: #ff6b6b !important;
    --mtfx10-title-grad-default-a: #e4000f;
    --mtfx10-title-grad-default-b: #ff6b6b;
    --mtfx10-menu-grad-a: #e4000f !important;
    --mtfx10-menu-grad-b: #ff6b6b !important;
    --cta-grad-a: #e4000f !important;
    --cta-grad-b: #ff6b6b !important;
    --mtfx10-gradient:
      radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.16) 0%, transparent 24%),
      radial-gradient(ellipse at 28% 48%, rgba(228,0,15,.56) 0%, transparent 48%),
      radial-gradient(ellipse at 72% 58%, rgba(255,107,107,.22) 0%, transparent 42%),
      linear-gradient(135deg, #300004 0%, #b50010 50%, #320004 100%) !important;
  }

  .mtfx10-section.mtfx10-theme-dragonball .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-streetfighter .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-onepiece .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-naruto .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-playstation .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-xbox .mtfx10-scene,
  .mtfx10-section.mtfx10-theme-nintendo .mtfx10-scene {
    background: var(--mtfx10-gradient) !important;
  }

  .mtfx10-section.mtfx10-theme-dragonball .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-streetfighter .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-onepiece .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-naruto .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-playstation .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-xbox .mtfx10-title-main.mtfx10-title-main--flat,
  .mtfx10-section.mtfx10-theme-nintendo .mtfx10-title-main.mtfx10-title-main--flat {
    color: var(--mtfx10-title-main-color, #111113) !important;
    -webkit-text-fill-color: var(--mtfx10-title-main-color, #111113) !important;
    background: none !important;
    text-shadow:
      0 0 28px rgba(255,255,255,.34),
      0 18px 42px rgba(0,0,0,.52) !important;
  }

  .mtfx10-section.mtfx10-theme-dragonball .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-streetfighter .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-onepiece .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-naruto .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-playstation .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-xbox .mtfx10-title-gradient,
  .mtfx10-section.mtfx10-theme-nintendo .mtfx10-title-gradient {
    background: linear-gradient(135deg, var(--title-grad-a, var(--mtfx10-title-grad-default-a, var(--mtfx10-accent))) 0%, var(--title-grad-b, var(--mtfx10-title-grad-default-b, var(--mtfx10-accent-2))) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 0 24px color-mix(in srgb, var(--title-grad-a, var(--mtfx10-accent)), transparent 72%));
  }

  .mtfx10-section.mtfx10-theme-dragonball .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-streetfighter .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-onepiece .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-naruto .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-playstation .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-xbox .mtfx10-kicker,
  .mtfx10-section.mtfx10-theme-nintendo .mtfx10-kicker {
    color: var(--mtfx10-accent) !important;
    -webkit-text-fill-color: var(--mtfx10-accent) !important;
  }
}

/* === MT v11.8.52 — hero light Modern/Treasures visual repair ===
   Alleen de hero Modern/Treasures woorden. Geen gaming section gradients, layout, spacing, layers of mobile-only sections aangepast. */
html body.mt-theme-light .mt-hero-word-modern,
html[data-mt-theme="light"] body .mt-hero-word-modern,
html[data-theme="light"] body .mt-hero-word-modern,
html body.mt-theme-light .mt-word-modern,
html[data-mt-theme="light"] body .mt-word-modern,
html[data-theme="light"] body .mt-word-modern,
html body.mt-theme-light .mt-title-modern,
html[data-mt-theme="light"] body .mt-title-modern,
html[data-theme="light"] body .mt-title-modern {
  color: transparent !important;
  background: linear-gradient(180deg, #050505 0%, #2a2a2a 42%, #101010 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 0 20px rgba(255,255,255,.48))
    drop-shadow(0 12px 24px rgba(0,0,0,.14)) !important;
  mix-blend-mode: normal !important;
}

html body.mt-theme-light .mt-hero-word-treasures,
html[data-mt-theme="light"] body .mt-hero-word-treasures,
html[data-theme="light"] body .mt-hero-word-treasures,
html body.mt-theme-light .mt-word-treasures,
html[data-mt-theme="light"] body .mt-word-treasures,
html[data-theme="light"] body .mt-word-treasures,
html body.mt-theme-light .mt-title-treasures,
html[data-mt-theme="light"] body .mt-title-treasures,
html[data-theme="light"] body .mt-title-treasures {
  color: transparent !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f0 28%, #cfd2d3 62%, #8d969c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 0 18px rgba(255,255,255,.56))
    drop-shadow(0 10px 22px rgba(0,0,0,.16)) !important;
  mix-blend-mode: normal !important;
}


/* MT footer contact/social/KVK-BTW controls */
.mtfx-footer-section {
  --mt-footer-contact-text-color: var(--mt-footer-text);
  --mt-footer-contact-hover-color: var(--mt-footer-accent-strong);
  --mt-footer-contact-icon-size: 18px;
  --mt-footer-contact-icon-gap: 10px;
  --mt-footer-contact-row-gap: 12px;
  --mt-footer-contact-align: flex-start;
  --mt-footer-id-row-gap: 14px;
}

.mtfx-footer-contact-list {
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--mt-footer-contact-row-gap);
  align-items: var(--mt-footer-contact-align);
}

.mtfx-footer-contact-row,
.mtfx-footer-email-link {
  display: inline-flex;
  align-items: center;
  justify-content: var(--mt-footer-contact-align);
  gap: var(--mt-footer-contact-icon-gap);
  color: var(--mt-footer-contact-text-color);
  text-decoration: none;
  line-height: normal;
  transition: color .22s ease, opacity .22s ease;
}

.mtfx-footer-contact-row:hover,
.mtfx-footer-contact-row:focus-visible,
.mtfx-footer-email-link:hover,
.mtfx-footer-email-link:focus-visible {
  color: var(--mt-footer-contact-hover-color);
}

.mtfx-footer-contact-text,
.mtfx-footer-email-link,
.mtfx-footer-id-label,
.mtfx-footer-id-value {
  font-size: 10px;
  line-height: normal;
  font-weight: 700;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
}

.mtfx-footer-social-icon {
  width: var(--mt-footer-contact-icon-size);
  height: var(--mt-footer-contact-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--mt-footer-contact-icon-size);
}

.mtfx-footer-theme-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none !important;
}

body.mt-theme-dark .mtfx-footer-theme-icon--dark,
html[data-mt-theme="dark"] body .mtfx-footer-theme-icon--dark,
html[data-theme="dark"] body .mtfx-footer-theme-icon--dark,
body[data-theme="dark"] .mtfx-footer-theme-icon--dark {
  display: block !important;
}

body.mt-theme-light .mtfx-footer-theme-icon--light,
html[data-mt-theme="light"] body .mtfx-footer-theme-icon--light,
html[data-theme="light"] body .mtfx-footer-theme-icon--light,
body[data-theme="light"] .mtfx-footer-theme-icon--light,
body:not(.mt-theme-dark) .mtfx-footer-theme-icon--light {
  display: block !important;
}

body.mt-theme-dark .mtfx-footer-theme-icon--light,
html[data-mt-theme="dark"] body .mtfx-footer-theme-icon--light,
html[data-theme="dark"] body .mtfx-footer-theme-icon--light,
body[data-theme="dark"] .mtfx-footer-theme-icon--light {
  display: none !important;
}

.mtfx-footer-id-list {
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--mt-footer-id-row-gap);
}

.mtfx-footer-id-row {
  --mt-footer-current-id-topic-gap: 4px;
  --mt-footer-current-id-align: left;
  --mt-footer-current-id-bottom-gap: 13px;
  margin: 0;
  padding: 0 0 var(--mt-footer-current-id-bottom-gap);
  border-bottom: 1px solid var(--mt-footer-line);
  text-align: var(--mt-footer-current-id-align);
}

.mtfx-footer-id-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.mtfx-footer-id-label {
  display: block;
  margin: 0 0 var(--mt-footer-current-id-topic-gap);
  color: var(--mt-footer-accent-strong);
}

.mtfx-footer-id-value {
  display: block;
  margin: 0;
  color: var(--mt-footer-text);
}




/* === MT v11.8.59 — desktop Titel 1 gradient controls ===
   Alleen desktop section title spans. Geen mobile/footer/kledingsectie wijzigingen. */
@media (min-width: 768px) {
  .mtfx10-section .mtfx10-title-main.mtfx10-title-main--gradient {
    display: block !important;
    width: fit-content;
    background: linear-gradient(var(--mtfx10-title-main-grad-angle, 135deg), var(--mtfx10-title-main-grad-a, var(--title-grad-a, var(--mtfx10-accent))) 0%, var(--mtfx10-title-main-grad-b, var(--title-grad-b, var(--mtfx10-accent-2))) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }

  .mtfx10-copy-center .mtfx10-title-main.mtfx10-title-main--gradient {
    margin-left: auto;
    margin-right: auto;
  }

  .mtfx10-copy-right .mtfx10-title-main.mtfx10-title-main--gradient {
    margin-left: auto;
  }

  .mtfx10-section .mtfx10-title-main.mtfx10-title-main--flat[style*="color"] {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
  }
}


/* === MT v11.8.60 — Titel 1/Titel gradient hardcoded override removal ===
   Alleen desktop section title spans. Hardcoded theme gradients mogen Elementor controls niet overschrijven. */
@media (min-width: 768px) {
  .mtfx10-section .mtfx10-title-main.mtfx10-title-main--gradient {
    background: linear-gradient(var(--mtfx10-title-main-grad-angle, 135deg), var(--mtfx10-title-main-grad-a, var(--mtfx10-title-grad-default-a, var(--mtfx10-accent))) 0%, var(--mtfx10-title-main-grad-b, var(--mtfx10-title-grad-default-b, var(--mtfx10-accent-2))) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }

  .mtfx10-section .mtfx10-title-main.mtfx10-title-main--flat {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: var(--mtfx10-title-main-color, currentColor) !important;
    -webkit-text-fill-color: var(--mtfx10-title-main-color, currentColor) !important;
  }

  .mtfx10-section .mtfx10-title-gradient {
    background: linear-gradient(135deg, var(--title-grad-a, var(--mtfx10-title-grad-default-a, var(--mtfx10-accent))) 0%, var(--title-grad-b, var(--mtfx10-title-grad-default-b, var(--mtfx10-accent-2))) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}