.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3276 .elementor-element.elementor-element-58e699e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3276 .elementor-element.elementor-element-f691ba8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3276 .elementor-element.elementor-element-64c3ca9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3276 .elementor-element.elementor-element-7b8931dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3276 .elementor-element.elementor-element-2991a7bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3276 .elementor-element.elementor-element-51817359{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-58e699e8 *//* ==========================================================================
   Medy Travels - Site Header with Services mega menu and Countries dropdown
   Scoped to .mth. Source sizes are written in reference pixels with a "u"
   suffix (e.g. calc(18.5 * var(--u))). The build converts them to calc(N * var(--u)).
   --u scales with the viewport on desktop so the header keeps the reference
   proportions. Revision 2 (compact): --u is 12% smaller than the reference
   render (1px at a 1900px-wide viewport instead of 1672px). Font sizes get a
   12px floor at build time so small labels stay readable.
   Brand: Deep Navy #09243C, Light Cyan #84E8F6, White #FFFFFF.
   ========================================================================== */

.mth {
  --u: clamp(0.66px, 100vw / 1900, 1.01px);
  --mth-navy: #09243C;
  --mth-navy-80: rgba(9, 36, 60, .80);
  --mth-navy-65: rgba(9, 36, 60, .68);
  --mth-cyan: #84E8F6;
  --mth-cyan-deep: #12A7C2;          /* darker tint of the brand cyan for small icons on light grounds */
  --mth-cyan-30: rgba(132, 232, 246, .30);
  --mth-cyan-22: rgba(132, 232, 246, .24);
  --mth-cyan-15: rgba(132, 232, 246, .16);
  --mth-line: rgba(9, 36, 60, .09);
  --mth-top-bg: #EDF4FA;
  --mth-white: #FFFFFF;
  --mth-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
  position: relative;
  z-index: 9990;
  font-family: var(--mth-font);
  color: var(--mth-navy);
  -webkit-font-smoothing: antialiased;
}
.mth *, .mth *::before, .mth *::after { box-sizing: border-box; }
.mth.e-con, .mth .e-con { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; min-width: 0; overflow: visible; }
.mth .elementor-element.elementor-widget { margin: 0; }
.mth ul, .mth ol { margin: 0; padding: 0; list-style: none; }
.mth li { margin: 0; padding: 0; }
.mth p { margin: 0; }
.mth a { text-decoration: none; transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.mth button { margin: 0; font: inherit; color: inherit; background: none; border: 0; border-radius: 0; box-shadow: none; text-transform: none; letter-spacing: normal; cursor: pointer; line-height: inherit; min-height: 0; }
.mth svg { display: block; flex: none; }
.mth a:focus-visible, .mth button:focus-visible, .mth summary:focus-visible { outline: 3px solid rgba(18, 167, 194, .55); outline-offset: 3px; border-radius: 10px; }
.mth .mth-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- Smart sticky bar (top bar + navigation) ----------
   The root keeps the header's height in the page (set by JS), so nothing jumps.
   With JS active the inner bar is fixed, hides on scroll down and slides back
   in on scroll up. --mth-top follows the WordPress admin bar. */
.mth .mth-bar { width: 100%; }
.mth.mth--sticky .mth-bar {
  position: fixed; top: var(--mth-top, 0px); left: 0; right: 0; width: 100%; z-index: 9990;
  transform: translate3d(0, 0, 0); will-change: transform;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s ease;
}
.mth.mth--sticky.mth--scrolled .mth-bar { box-shadow: 0 8px 24px rgba(9, 36, 60, .08); }
.mth.mth--sticky.mth--hidden .mth-bar { transform: translate3d(0, calc(-100% - 16px), 0); box-shadow: none; }

/* ---------- Top information bar ---------- */
.mth .mth-topbar { width: 100%; background: var(--mth-top-bg); }
.mth .mth-topbar-in { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: calc(52 * var(--u)); padding: 0 calc(69 * var(--u)) 0 calc(80 * var(--u)); max-width: calc(1672 * var(--u)); margin: 0 auto; }
.mth .mth-top-w { width: 100%; }
.mth .mth-top-list { display: flex; align-items: center; justify-content: flex-end; }
.mth .mth-top-list li { display: flex; align-items: center; }
.mth .mth-top-list li + li::before { content: ""; width: 1px; height: calc(24 * var(--u)); margin: 0 calc(21 * var(--u)) 0 calc(15 * var(--u)); background: rgba(9, 36, 60, .16); }
.mth .mth-top-list a, .mth .mth-top-list span.mth-top-item { display: inline-flex; align-items: center; gap: calc(13 * var(--u)); color: var(--mth-navy); font-size: max(12px, calc(16.2 * var(--u))); font-weight: 400; line-height: 1.2; letter-spacing: calc(-.1 * var(--u)); }
.mth .mth-top-list a.mth-top-phone { font-weight: 600; }
.mth .mth-top-list a:hover { color: var(--mth-cyan-deep); }
.mth .mth-top-list svg { width: calc(19 * var(--u)); height: calc(19 * var(--u)); color: var(--mth-cyan-deep); }

/* ---------- Main row ---------- */
.mth .mth-main { position: relative; width: 100%; background: var(--mth-white); }
.mth .mth-row { width: 100%; position: static; display: flex; flex-direction: row; align-items: center; height: calc(100 * var(--u)); max-width: calc(1672 * var(--u)); margin: 0 auto; padding: 0 calc(47 * var(--u)) 0 calc(80 * var(--u)); }
.mth .mth-logo-w { flex: 0 0 auto; width: calc(363 * var(--u)); }
.mth .mth-logo { display: inline-flex; align-items: center; }
.mth .mth-logo img { display: block; width: auto; height: calc(70 * var(--u)); max-width: none; }
.mth .mth-nav-w { flex: 1 1 auto; position: static; }
.mth .mth-cta-w { flex: 0 0 auto; }

/* ---------- Desktop navigation ---------- */
.mth .mth-nav { position: static; }
.mth .mth-menu { display: flex; align-items: center; }
.mth .mth-item { position: static; display: flex; align-items: center; }
.mth .mth-link {
  position: relative; display: inline-flex; align-items: center; gap: calc(7 * var(--u)); height: calc(46 * var(--u)); padding: 0 calc(16 * var(--u)); border-radius: calc(23 * var(--u));
  color: var(--mth-navy); font-size: max(12px, calc(18.6 * var(--u))); font-weight: 500; line-height: 1; letter-spacing: calc(-.25 * var(--u)); white-space: nowrap;
}
.mth .mth-link .mth-chev { width: calc(15 * var(--u)); height: calc(15 * var(--u)); margin-top: calc(2 * var(--u)); transition: transform .2s ease; }
.mth .mth-link:hover { color: #0B6E84; }
.mth .mth-item.is-current > .mth-link { font-weight: 500; }
/* Open / active state: pale cyan pill, cyan underline and notch (as in the reference) */
.mth .mth-item.is-open > .mth-link { background: var(--mth-cyan-30); color: #0B6E84; }
.mth .mth-item.is-open > .mth-link .mth-chev { transform: rotate(180deg); }
.mth .mth-item.has-drop > .mth-link::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: calc(28 * var(--u)); }  /* hover bridge to the panel */
.mth .mth-item .mth-underline { position: absolute; left: 0; right: 0; bottom: calc(-17 * var(--u)); height: calc(3 * var(--u)); border-radius: calc(2 * var(--u)); background: var(--mth-cyan); opacity: 0; transition: opacity .18s ease; pointer-events: none; }
.mth .mth-item .mth-underline::before { content: ""; position: absolute; left: 50%; bottom: calc(5 * var(--u)); width: 0; height: 0; transform: translateX(-50%); border-left: calc(9 * var(--u)) solid transparent; border-right: calc(9 * var(--u)) solid transparent; border-bottom: calc(10 * var(--u)) solid var(--mth-cyan-30); }
.mth .mth-item.is-open .mth-underline { opacity: 1; }

/* ---------- CTA (Elementor button widget) ---------- */
.mth .mth-cta .elementor-button {
  display: inline-flex; align-items: center; justify-content: center; height: calc(56 * var(--u)); min-height: 0; padding: 0 calc(32 * var(--u)) 0 calc(31 * var(--u)); border: 0; border-radius: calc(28 * var(--u));
  background: var(--mth-navy); color: var(--mth-white); box-shadow: 0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(9, 36, 60, .16);
  font-family: var(--mth-font); font-size: max(12px, calc(18.6 * var(--u))); font-weight: 600; line-height: 1; letter-spacing: calc(-.1 * var(--u)); text-decoration: none; white-space: nowrap;
}
.mth .mth-cta .elementor-button:hover { background: #12375C; color: var(--mth-white); transform: translateY(-1px); }
.mth .mth-cta .elementor-button:focus-visible { outline: 3px solid rgba(18, 167, 194, .6); outline-offset: 3px; }
.mth .mth-cta .elementor-button-content-wrapper { display: inline-flex; align-items: center; }
.mth .mth-cta .elementor-button-text::after {
  content: ""; display: inline-block; width: calc(20 * var(--u)); height: calc(20 * var(--u)); margin-left: calc(13 * var(--u)); vertical-align: calc(-4 * var(--u)); background-color: currentColor; transition: transform .18s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 5.5 19.5 12 13 18.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 5.5 19.5 12 13 18.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mth .mth-cta .elementor-button:hover .elementor-button-text::after { transform: translateX(3px); }

/* ---------- Shared dropdown behaviour ---------- */
.mth .mth-drop {
  position: absolute; top: 100%; z-index: 9995; visibility: hidden; opacity: 0;
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.mth .mth-drop.is-visible { visibility: visible; opacity: 1; transition-delay: 0s; }

/* ---------- Services mega menu ---------- */
.mth .mth-mega {
  left: 50%; width: calc(1113 * var(--u)); transform: translate(-50%, calc(8 * var(--u))); margin-top: calc(1 * var(--u));
  display: grid; grid-template-columns: calc(345 * var(--u)) minmax(0, 1fr); background: var(--mth-white);
  border-radius: calc(22 * var(--u)); overflow: hidden; box-shadow: 0 calc(24 * var(--u)) calc(60 * var(--u)) rgba(9, 36, 60, .13), 0 calc(2 * var(--u)) calc(8 * var(--u)) rgba(9, 36, 60, .05);
  border: 1px solid rgba(9, 36, 60, .05);
}
.mth .mth-mega.is-visible { transform: translate(-50%, 0); }
.mth .mth-cats { padding: calc(34 * var(--u)) 0 calc(26 * var(--u)) calc(17 * var(--u)); border-right: 1px solid var(--mth-line); }
.mth .mth-mega-label { display: block; margin: 0 0 0 calc(16 * var(--u)); padding-bottom: calc(12 * var(--u)); position: relative; color: var(--mth-navy); font-size: max(12px, calc(18 * var(--u))); font-weight: 700; line-height: 1.2; letter-spacing: calc(2.4 * var(--u)); text-transform: uppercase; }
.mth .mth-mega-label::after { content: ""; position: absolute; left: 0; bottom: 0; width: calc(78 * var(--u)); height: calc(3 * var(--u)); border-radius: calc(2 * var(--u)); background: var(--mth-cyan); }
.mth .mth-cat-list { margin-top: calc(15 * var(--u)); display: flex; flex-direction: column; gap: calc(2 * var(--u)); }
.mth .mth-cat {
  position: relative; display: grid; grid-template-columns: calc(60 * var(--u)) minmax(0, 1fr) calc(14 * var(--u)); align-items: center; column-gap: calc(17 * var(--u));
  min-height: calc(84 * var(--u)); padding: calc(10 * var(--u)) calc(20 * var(--u)) calc(10 * var(--u)) calc(16 * var(--u)); border-radius: calc(12 * var(--u)) 0 0 calc(12 * var(--u)); color: var(--mth-navy);
  font-size: max(12px, calc(18.2 * var(--u))); font-weight: 400; line-height: 1.38; letter-spacing: calc(-.1 * var(--u));
}
.mth .mth-cat::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: calc(4 * var(--u)); border-radius: calc(4 * var(--u)); background: var(--mth-cyan); opacity: 0; }
.mth .mth-cat:hover { background: var(--mth-cyan-15); }
.mth .mth-cat.is-active { background: var(--mth-cyan-30); }
.mth .mth-cat.is-active::before { opacity: 1; }
.mth .mth-cat-ico { width: calc(60 * var(--u)); height: calc(60 * var(--u)); border-radius: 50%; display: grid; place-items: center; background: var(--mth-cyan-30); color: var(--mth-navy); }
.mth .mth-cat.is-active .mth-cat-ico { background: rgba(132, 232, 246, .55); }
.mth .mth-cat-ico svg { width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
.mth .mth-cat .mth-chev-r { width: calc(16 * var(--u)); height: calc(16 * var(--u)); color: var(--mth-navy); }

.mth .mth-panes { display: flex; flex-direction: column; min-height: calc(480 * var(--u)); }
.mth .mth-pane { flex: 1 1 auto; padding: calc(32 * var(--u)) calc(35 * var(--u)) calc(22 * var(--u)) calc(34 * var(--u)); }
.mth .mth-pane[hidden] { display: none; }
.mth .mth-pane-head { display: grid; grid-template-columns: calc(98 * var(--u)) minmax(0, 1fr); column-gap: calc(24 * var(--u)); align-items: center; margin-bottom: calc(20 * var(--u)); }
.mth .mth-pane-ico { width: calc(98 * var(--u)); height: calc(98 * var(--u)); border-radius: 50%; display: grid; place-items: center; background: rgba(132, 232, 246, .55); color: var(--mth-navy); }
.mth .mth-pane-ico svg { width: calc(52 * var(--u)); height: calc(52 * var(--u)); }
.mth .mth-pane-title { margin: 0; padding: 0; color: var(--mth-navy); font-family: var(--mth-font); font-size: max(12px, calc(27.5 * var(--u))); font-weight: 700; line-height: 1.2; letter-spacing: calc(-.3 * var(--u)); text-transform: none; }
.mth .mth-pane-title a { color: inherit; }
.mth .mth-pane-title a:hover { color: #0B6E84; }
.mth .mth-pane-desc { margin-top: calc(9 * var(--u)); color: var(--mth-navy-65); font-size: max(12px, calc(18 * var(--u))); font-weight: 400; line-height: 1.4; letter-spacing: calc(-.1 * var(--u)); }
.mth .mth-links { display: grid; grid-template-columns: calc(313 * var(--u)) calc(326 * var(--u)); column-gap: calc(53 * var(--u)); padding-left: calc(7 * var(--u)); }
.mth .mth-links li { border-top: 1px solid var(--mth-line); }
.mth .mth-links li:nth-last-child(-n+2) { border-bottom: 1px solid var(--mth-line); }
.mth .mth-links a { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--u)); height: calc(61 * var(--u)); color: var(--mth-navy); font-size: max(12px, calc(18.6 * var(--u))); font-weight: 400; line-height: 1.25; letter-spacing: calc(-.15 * var(--u)); }
.mth .mth-links a .mth-chev-r { width: calc(16 * var(--u)); height: calc(16 * var(--u)); transition: transform .18s ease; }
.mth .mth-links a:hover { color: #0B6E84; }
.mth .mth-links a:hover .mth-chev-r { transform: translateX(3px); }
.mth .mth-strip { display: flex; align-items: center; justify-content: space-between; height: calc(74 * var(--u)); padding: 0 calc(35 * var(--u)) 0 calc(34 * var(--u)); background: var(--mth-cyan-30); }
.mth .mth-strip-link { display: inline-flex; align-items: center; gap: calc(15 * var(--u)); color: var(--mth-navy); font-size: max(12px, calc(19.5 * var(--u))); font-weight: 600; letter-spacing: calc(-.1 * var(--u)); }
.mth .mth-strip-link svg { width: calc(22 * var(--u)); height: calc(22 * var(--u)); color: var(--mth-cyan-deep); transition: transform .18s ease; }
.mth .mth-strip-link:hover svg { transform: translateX(4px); }
.mth .mth-strip-tag { display: flex; align-items: center; height: calc(30 * var(--u)); padding-left: calc(26 * var(--u)); border-left: 1px solid rgba(9, 36, 60, .18); color: var(--mth-navy-80); font-size: max(12px, calc(16.4 * var(--u))); font-style: italic; letter-spacing: calc(-.1 * var(--u)); }

/* ---------- Countries dropdown ---------- */
.mth .mth-item--countries { position: relative; }
.mth .mth-item--countries > .mth-countries { left: 0; top: calc(100% + calc(27 * var(--u))); }
.mth .mth-countries {
  width: calc(330 * var(--u)); padding: calc(14 * var(--u)); transform: translate(0, calc(8 * var(--u))); margin-top: calc(1 * var(--u)); background: var(--mth-white); border-radius: calc(18 * var(--u));
  box-shadow: 0 calc(24 * var(--u)) calc(60 * var(--u)) rgba(9, 36, 60, .13), 0 calc(2 * var(--u)) calc(8 * var(--u)) rgba(9, 36, 60, .05); border: 1px solid rgba(9, 36, 60, .05);
}
.mth .mth-countries.is-visible { transform: translate(0, 0); }
.mth .mth-country { display: grid; grid-template-columns: calc(44 * var(--u)) minmax(0, 1fr) auto; align-items: center; column-gap: calc(14 * var(--u)); min-height: calc(62 * var(--u)); padding: calc(8 * var(--u)) calc(12 * var(--u)); border-radius: calc(12 * var(--u)); color: var(--mth-navy); }
.mth a.mth-country:hover { background: var(--mth-cyan-15); }
.mth .mth-country-flag { width: calc(44 * var(--u)); height: calc(44 * var(--u)); border-radius: 50%; display: grid; place-items: center; background: var(--mth-cyan-30); font-size: max(12px, calc(12.5 * var(--u))); font-weight: 700; letter-spacing: calc(.6 * var(--u)); color: var(--mth-navy); }
.mth .mth-country-name { font-size: max(12px, calc(17.5 * var(--u))); font-weight: 500; line-height: 1.25; }
.mth .mth-country-name small { display: block; margin-top: calc(2 * var(--u)); font-size: max(12px, calc(13.5 * var(--u))); font-weight: 400; color: var(--mth-navy-65); }
.mth .mth-country-tag { font-size: max(12px, calc(12 * var(--u))); font-weight: 600; padding: calc(4 * var(--u)) calc(9 * var(--u)); border-radius: 999px; background: rgba(9, 36, 60, .06); color: var(--mth-navy-65); white-space: nowrap; }
.mth .mth-country.is-soon .mth-country-flag { background: rgba(9, 36, 60, .05); color: var(--mth-navy-65); }
.mth a.mth-country .mth-country-tag { background: var(--mth-cyan-30); color: #0B5F72; }
.mth .mth-countries-foot { display: flex; align-items: center; gap: calc(10 * var(--u)); margin: calc(8 * var(--u)) calc(4 * var(--u)) 0; padding: calc(14 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u)); border-top: 1px solid var(--mth-line); color: var(--mth-navy); font-size: max(12px, calc(15.5 * var(--u))); font-weight: 600; }
.mth .mth-countries-foot svg { width: calc(18 * var(--u)); height: calc(18 * var(--u)); color: var(--mth-cyan-deep); }
.mth .mth-countries-foot:hover { color: #0B6E84; }

/* ---------- Mobile toggle + panel (hidden on desktop) ---------- */
.mth .mth-burger, .mth .mth-mobile { display: none; }

/* ==========================================================================
   Tablet + mobile: compact header, menu toggle, collapsible sections
   ========================================================================== */
@media (max-width: 1100px) {
  .mth { --u: 1px; }
  .mth .mth-topbar-in { height: 36px; padding: 0 20px; }
  .mth .mth-top-list a, .mth .mth-top-list span.mth-top-item { font-size: 13.5px; gap: 8px; }
  .mth .mth-top-list svg { width: 15px; height: 15px; }
  .mth .mth-top-list li + li::before { height: 16px; margin: 0 12px; }
  .mth .mth-row { height: 72px; padding: 0 20px; gap: 14px; }
  .mth .elementor-element.mth-logo-w { width: auto; margin-right: auto; }
  .mth .mth-logo img { height: 50px; }
  .mth .mth-nav-w { flex: 0 0 auto; order: 3; }
  .mth .mth-cta-w { order: 2; }
  .mth .mth-menu, .mth .mth-drop { display: none; }
  .mth .mth-cta .elementor-button { height: 44px; padding: 0 20px; border-radius: 22px; font-size: 15px; }
  .mth .mth-cta .elementor-button-text::after { width: 17px; height: 17px; margin-left: 9px; }
  .mth .mth-burger { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: rgba(132, 232, 246, .30); color: var(--mth-navy); }
  .mth .mth-burger svg { width: 24px; height: 24px; }
  .mth .mth-burger .mth-x { display: none; }
  .mth .mth-burger[aria-expanded="true"] .mth-x { display: block; }
  .mth .mth-burger[aria-expanded="true"] .mth-bars { display: none; }
  .mth .mth-mobile {
    display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 9996; max-height: calc(100vh - 108px); overflow-y: auto; overscroll-behavior: contain;
    padding: 8px 20px 24px; background: var(--mth-white); border-top: 1px solid var(--mth-line); box-shadow: 0 24px 48px rgba(9, 36, 60, .16);
    visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }
  .mth .mth-mobile.is-visible { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
  .mth .mth-m-list > li { border-bottom: 1px solid var(--mth-line); }
  .mth .mth-m-link, .mth .mth-m-sum { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 4px 4px; color: var(--mth-navy); font-size: 17px; font-weight: 500; cursor: pointer; list-style: none; }
  .mth .mth-m-sum::-webkit-details-marker { display: none; }
  .mth .mth-m-sum svg, .mth .mth-m-sub-sum svg { width: 16px; height: 16px; transition: transform .2s ease; }
  .mth details[open] > .mth-m-sum svg, .mth details[open] > .mth-m-sub-sum svg { transform: rotate(180deg); }
  .mth .mth-m-sub { padding: 0 0 12px; }
  .mth .mth-m-sub-sum { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 8px; border-radius: 12px; color: var(--mth-navy); font-size: 16px; font-weight: 500; cursor: pointer; list-style: none; }
  .mth .mth-m-sub-sum::-webkit-details-marker { display: none; }
  .mth .mth-m-sub-sum .mth-cat-ico { width: 40px; height: 40px; flex: 0 0 40px; }
  .mth .mth-m-sub-sum .mth-cat-ico svg { width: 22px; height: 22px; }
  .mth .mth-m-sub-sum > svg { margin-left: auto; }
  .mth details[open] > .mth-m-sub-sum { background: rgba(132, 232, 246, .30); }
  .mth .mth-m-links { padding: 4px 8px 8px 60px; }
  .mth .mth-m-links a { display: block; padding: 10px 0; color: var(--mth-navy-80); font-size: 15px; line-height: 1.35; border-bottom: 1px solid var(--mth-line); }
  .mth .mth-m-links li:last-child a { border-bottom: 0; }
  .mth .mth-m-links a:hover { color: #0B6E84; }
  .mth .mth-m-all { display: inline-flex; align-items: center; gap: 8px; margin: 6px 8px 0; padding: 10px 0; color: var(--mth-navy); font-size: 15.5px; font-weight: 600; }
  .mth .mth-m-all svg { width: 18px; height: 18px; color: var(--mth-cyan-deep); }
  .mth .mth-m-countries .mth-country { min-height: 54px; padding: 6px 8px; grid-template-columns: 38px minmax(0, 1fr) auto; column-gap: 12px; }
  .mth .mth-m-countries .mth-country-flag { width: 38px; height: 38px; font-size: 11.5px; }
  .mth .mth-m-countries .mth-country-name { font-size: 16px; }
  .mth .mth-m-countries .mth-country-name small { font-size: 13px; }
  .mth .mth-m-countries .mth-country-tag { font-size: 11.5px; padding: 3px 8px; }
  .mth .mth-m-cta { display: flex; align-items: center; justify-content: center; gap: 10px; height: 52px; margin-top: 20px; border-radius: 26px; background: var(--mth-navy); color: #FFFFFF; font-size: 16px; font-weight: 600; }
  .mth .mth-m-cta svg { width: 18px; height: 18px; }
  .mth .mth-m-cta:hover { background: #12375C; color: #FFFFFF; }
  .mth .mth-m-phone { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; color: var(--mth-navy); font-size: 15px; font-weight: 500; }
  .mth .mth-m-phone svg { width: 17px; height: 17px; color: var(--mth-cyan-deep); }
}
@media (max-width: 600px) {
  .mth .mth-topbar-in { justify-content: center; padding: 0 16px; }
  .mth .mth-top-list li:first-child { display: none; }
  .mth .mth-top-list li + li::before { display: none; }
  .mth .mth-row { padding: 0 16px; height: 66px; gap: 10px; }
  .mth .mth-logo img { height: 44px; }
  .mth .mth-cta-w { display: none; }
  .mth .mth-mobile { padding: 6px 16px 22px; max-height: calc(100vh - 102px); }
}
@media (prefers-reduced-motion: reduce) {
  .mth *, .mth *::before, .mth *::after { transition: none !important; }
}/* End custom CSS */