.mtdf {
  --mtdf-max-width: 1860px;
  --mtdf-light-bg: #f4f4f2;
  --mtdf-light-text: #343638;
  --mtdf-light-muted: #73777a;
  --mtdf-light-accent: #969fa5;
  --mtdf-light-line: rgba(90, 96, 100, .18);
  --mtdf-dark-bg: #080b0f;
  --mtdf-dark-text: #f5f5f0;
  --mtdf-dark-muted: #b6bbc0;
  --mtdf-dark-accent: #e8c45a;
  --mtdf-dark-line: rgba(232, 196, 90, .22);
  --mtdf-bg: var(--mtdf-dark-bg);
  --mtdf-text: var(--mtdf-dark-text);
  --mtdf-muted: var(--mtdf-dark-muted);
  --mtdf-accent: var(--mtdf-dark-accent);
  --mtdf-line: var(--mtdf-dark-line);
  width: 100%;
  max-width: var(--mtdf-max-width);
  margin: 0 auto;
  color: var(--mtdf-text);
  font-family: Rajdhani, Arial, sans-serif;
}

body.mt-theme-dark .mtdf,
body.dark .mtdf,
[data-theme="dark"] .mtdf,
.mtdf.mtdf--dark {
  --mtdf-bg: var(--mtdf-dark-bg);
  --mtdf-text: var(--mtdf-dark-text);
  --mtdf-muted: var(--mtdf-dark-muted);
  --mtdf-accent: var(--mtdf-dark-accent);
  --mtdf-line: var(--mtdf-dark-line);
}

.mtdf * { box-sizing: border-box; }
.mtdf__panel {
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(232,196,90,.08), transparent 30%),
    linear-gradient(135deg, #111820 0%, var(--mtdf-bg) 48%, #111820 100%);
  border: 1px solid var(--mtdf-line);
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
}

.mtdf__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 34px;
  border-bottom: 1px solid var(--mtdf-line);
}
.mtdf__pay-block,
.mtdf__ship-block { min-width: 0; }
.mtdf__ship-block { justify-self: end; text-align: left; }
.mtdf__heading {
  margin: 0 0 18px;
  color: var(--mtdf-text);
  font-family: Rajdhani, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.2;
}
body.mt-theme-dark .mtdf__heading,
body.dark .mtdf__heading,
[data-theme="dark"] .mtdf__heading,
.mtdf.mtdf--dark .mtdf__heading { color: var(--mtdf-accent); }
.mtdf__top .mtdf__heading { color: var(--mtdf-text); margin-bottom: 14px; }
body.mt-theme-dark .mtdf__top .mtdf__heading,
body.dark .mtdf__top .mtdf__heading,
[data-theme="dark"] .mtdf__top .mtdf__heading,
.mtdf.mtdf--dark .mtdf__top .mtdf__heading { color: var(--mtdf-text); }

.mtdf__payments {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 24px;
}
.mtdf__payment-strip {
  display: block;
  width: auto;
  max-width: 430px;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}
.mtdf__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 7px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  color: #f5f5f0;
  background: #111;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.mtdf__badge--ideal_wero { background: #fff38d; color: #161616; }
.mtdf__badge--pink { background: #f5a6c3; color: #121212; }
.mtdf__badge--blue { background: #25358f; color: #fff; font-style: italic; }
.mtdf__badge--dark, .mtdf__badge--custom { background: #101010; color: #fff; }
.mtdf__badge--mastercard { background: #111; min-width: 98px; }
.mtdf__ideal { display:inline-flex; align-items:center; justify-content:center; width: 42px; height: 30px; border-radius: 5px; border:1px solid #555; font-size: 10px; background:#fff; color:#d50057; }
.mtdf__pipe { width: 1px; height: 26px; background: rgba(0,0,0,.45); }
.mtdf__wero { font-size: 22px; font-weight: 900; }
.mtdf__mc { position: relative; width: 54px; height: 28px; display: inline-block; }
.mtdf__mc i, .mtdf__mc b { position:absolute; top:0; width:28px; height:28px; border-radius:50%; display:block; }
.mtdf__mc i { left:4px; background:#eb001b; }
.mtdf__mc b { right:4px; background:#f79e1b; mix-blend-mode:screen; }

.mtdf__shipping-logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
}
.mtdf__dhl-img {
  display: block;
  width: 176px;
  height: auto;
  object-fit: contain;
}
.mtdf__postnl-img {
  display: block;
  width: 82px;
  height: auto;
  object-fit: contain;
}
.mtdf__heading--ship { text-align: left; }
.mtdf__dhl {
  font-family: Arial Black, Impact, sans-serif;
  font-size: 42px;
  font-style: italic;
  letter-spacing: .03em;
  line-height: 1;
  color: var(--mtdf-accent);
  background: linear-gradient(135deg, #73777a, #d7dadd 52%, #73777a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mtdf__postnl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 62px;
  border: 3px solid var(--mtdf-accent);
  border-radius: 56% 42% 54% 44%;
  color: var(--mtdf-accent);
  font-weight: 800;
  font-size: 17px;
  line-height: 1;
  text-transform: lowercase;
}
body.mt-theme-dark .mtdf__dhl,
body.dark .mtdf__dhl,
[data-theme="dark"] .mtdf__dhl,
.mtdf.mtdf--dark .mtdf__dhl {
  background: linear-gradient(135deg, #b98d22, #f7e090 52%, #e8c45a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mtdf__ship-divider { width: 1px; height: 58px; background: var(--mtdf-line); display: inline-block; }

.mtdf__main { border-bottom: 1px solid var(--mtdf-line); }
.mtdf__columns {
  display: grid;
  grid-template-columns: 1.05fr 1fr .9fr 1.1fr 1.45fr;
}
.mtdf__col {
  min-width: 0;
  padding-right: 34px;
  border-right: 1px solid var(--mtdf-line);
}
.mtdf__col:last-child { border-right: 0; padding-right: 0; }
.mtdf__link,
.mtdf__social,
.mtdf__info {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 32px;
  margin: 0 0 12px;
  color: var(--mtdf-text);
  text-decoration: none;
  font-size: 16px;
  line-height: 1.35;
}
.mtdf__link:hover,
.mtdf__social:hover,
.mtdf__info:hover { color: var(--mtdf-accent); }
.mtdf__social-icon,
.mtdf__info-icon {
  flex: 0 0 28px;
  width: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--mtdf-accent);
  font-weight: 900;
  font-size: 25px;
  background: linear-gradient(135deg, #73777a, #d7dadd 52%, #73777a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.mt-theme-dark .mtdf__social-icon,
body.dark .mtdf__social-icon,
[data-theme="dark"] .mtdf__social-icon,
.mtdf.mtdf--dark .mtdf__social-icon,
body.mt-theme-dark .mtdf__info-icon,
body.dark .mtdf__info-icon,
[data-theme="dark"] .mtdf__info-icon,
.mtdf.mtdf--dark .mtdf__info-icon {
  background: linear-gradient(135deg, #b98d22, #f7e090 52%, #e8c45a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mtdf__signup p { margin: 0 0 24px; color: var(--mtdf-text); font-size: 16px; line-height: 1.7; max-width: 360px; }
.mtdf__form { display: grid; grid-template-columns: 1fr 68px; height: 56px; max-width: 360px; border: 1px solid var(--mtdf-line); border-radius: 5px; overflow: hidden; }
.mtdf__form input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--mtdf-text); padding: 0 18px; font-size: 16px; }
.mtdf__form button { border: 0; cursor: pointer; font-size: 34px; line-height: 1; color: #fff; background: #101010; }
body.mt-theme-dark .mtdf__form button,
body.dark .mtdf__form button,
[data-theme="dark"] .mtdf__form button,
.mtdf.mtdf--dark .mtdf__form button { background: linear-gradient(135deg, #b98d22, #f7e090); color: #111; }
.mtdf__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  padding: 24px 40px;
  color: var(--mtdf-muted);
  font-size: 15px;
  line-height: 1.4;
}
.mtdf__legal { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.mtdf__legal a,
.mtdf__legal span { color: var(--mtdf-muted); text-decoration: none; }
.mtdf__legal a:hover { color: var(--mtdf-accent); }
.mtdf__legal i { color: var(--mtdf-accent); font-style: normal; }

@media (max-width: 1024px) {
  .mtdf__top { grid-template-columns: 1fr; }
  .mtdf__ship-block { justify-self: start; }
  .mtdf__columns { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* MT footer 1.0.2 — corrected sharp logo assets */
.mtdf__payment-strip { display: none !important; }
.mtdf__pay-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 44px;
  text-decoration: none;
  line-height: 0;
}
.mtdf__payment-img {
  display: block;
  width: auto;
  height: 44px;
  max-width: none;
  object-fit: contain;
}
.mtdf__pay-logo--ideal_wero .mtdf__payment-img { height: 44px; }
.mtdf__pay-logo--mastercard .mtdf__payment-img { height: 44px; }

.mtdf__dhl-img,
.mtdf__postnl-img,
.mtdf__social-img {
  display: block;
  object-fit: contain;
  height: auto;
  max-width: none;
}

.mtdf__dhl-img { width: 168px; }
.mtdf__postnl-img { width: 70px; }

.mtdf__dhl-img--light,
.mtdf__postnl-img--light,
.mtdf__social-img--light { display: block; }

.mtdf__dhl-img--dark,
.mtdf__postnl-img--dark,
.mtdf__social-img--dark { display: none; }

body.mt-theme-dark .mtdf__dhl-img--light,
body.dark .mtdf__dhl-img--light,
[data-theme="dark"] .mtdf__dhl-img--light,
.mtdf.mtdf--dark .mtdf__dhl-img--light,
body.mt-theme-dark .mtdf__postnl-img--light,
body.dark .mtdf__postnl-img--light,
[data-theme="dark"] .mtdf__postnl-img--light,
.mtdf.mtdf--dark .mtdf__postnl-img--light,
body.mt-theme-dark .mtdf__social-img--light,
body.dark .mtdf__social-img--light,
[data-theme="dark"] .mtdf__social-img--light,
.mtdf.mtdf--dark .mtdf__social-img--light {
  display: none;
}

body.mt-theme-dark .mtdf__dhl-img--dark,
body.dark .mtdf__dhl-img--dark,
[data-theme="dark"] .mtdf__dhl-img--dark,
.mtdf.mtdf--dark .mtdf__dhl-img--dark,
body.mt-theme-dark .mtdf__postnl-img--dark,
body.dark .mtdf__postnl-img--dark,
[data-theme="dark"] .mtdf__postnl-img--dark,
.mtdf.mtdf--dark .mtdf__postnl-img--dark,
body.mt-theme-dark .mtdf__social-img--dark,
body.dark .mtdf__social-img--dark,
[data-theme="dark"] .mtdf__social-img--dark,
.mtdf.mtdf--dark .mtdf__social-img--dark {
  display: block;
}

.mtdf__social-img-wrap {
  flex: 0 0 28px;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mtdf__social-img {
  width: 24px;
  max-height: 24px;
}
.mtdf__ship-divider { height: 50px; }
.mtdf__shipping-logos { gap: 24px; }

/* MT footer 1.0.3 — full page width + desktop content sync */
.mtdf {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.mtdf__panel {
  width: 100% !important;
}


/* MT desktop footer 1.0.4 — uploaded payment strip + smaller text + approved social icons */
.mtdf__payment-strip {
  display: block !important;
  width: auto !important;
  max-width: 560px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
}

.mtdf__heading {
  font-size: 12px;
  letter-spacing: .14em;
  margin-bottom: 14px;
}

.mtdf__link,
.mtdf__social,
.mtdf__info {
  font-size: 13px;
  min-height: 28px;
  margin-bottom: 9px;
  gap: 10px;
  letter-spacing: .16em;
}

.mtdf__signup p {
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.mtdf__form {
  height: 50px;
  max-width: 340px;
}

.mtdf__form input {
  font-size: 13px;
}

.mtdf__form button {
  font-size: 28px;
}

.mtdf__bottom {
  font-size: 12px;
  padding: 18px 40px;
  gap: 24px;
}

.mtdf__legal {
  gap: 18px;
}

.mtdf__social-img-wrap {
  flex: 0 0 18px;
  width: 18px;
}

.mtdf__social-img {
  width: 16px;
  max-height: 16px;
}
