/*
Theme Name: MTM Payment
Description: MTM Payment Solution, with pages editable in Elementor.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: mtm-payment
*/

:root {
	--mtm-ink: #102a44;
	--mtm-deep: #0a223a;
	--mtm-teal: #116b70;
	--mtm-mint: #83ded3;
	--mtm-muted: #456078;
	--mtm-line: #cddbe3;
	--mtm-paper: #f1f6f8;
	--mtm-shell: min(100% - 80px, 1220px);
	--mtm-font: "Avenir Next", "Segoe UI", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; color: var(--mtm-ink); font: 500 18px/1.55 var(--mtm-font); background: #fff; }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #248d96; outline-offset: 4px; }
#main { min-height: 62vh; }
.mtm-skip { position: absolute; inset: 8px auto auto 10px; z-index: 10; padding: 8px 14px; background: #fff; transform: translateY(-150%); }
.mtm-skip:focus { transform: none; }
.mtm-shell, .elementor .mtm-shell.e-con { width: var(--mtm-shell); max-width: none; margin-inline: auto; }
.mtm-header { background: #fff; border-bottom: 1px solid #dce6eb; }
.mtm-header-inner { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.mtm-brand { display: block; flex: 0 0 auto; color: var(--mtm-ink); font-weight: 750; text-decoration: none; }
.mtm-logo { display: block; width: 94px; height: auto; max-height: 78px; object-fit: contain; }
.mtm-header ul, .mtm-footer ul { display: flex; list-style: none; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; gap: 12px 27px; }
.mtm-header nav a { display: block; color: var(--mtm-ink); text-decoration: none; font-weight: 650; font-size: 16px; padding-block: 9px; }
.mtm-header nav a:hover, .mtm-header .current-menu-item a { color: var(--mtm-teal); text-decoration: underline; text-underline-offset: 6px; }
.mtm-header-cta { flex: 0 0 auto; padding: 10px 15px; border: 1px solid #9cb9c4; border-radius: 8px; color: var(--mtm-teal); font-size: 16px; font-weight: 750; text-decoration: none; }
.mtm-header-cta span { margin-left: 5px; }
.mtm-header-cta:hover { background: var(--mtm-paper); }

.elementor .e-con[class*="mtm-"] { display: flex; flex-direction: column; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --gap: 0px; --row-gap: 0px; --column-gap: 0px; min-width: 0; }
.elementor .mtm-hero.e-con { padding-block: 62px 56px; background: var(--mtm-deep); color: #fff; }
.elementor .mtm-hero-grid.e-con { display: grid; grid-template-columns: 0.94fr 1.06fr; align-items: center; gap: clamp(24px, 4vw, 62px); }
.elementor .mtm-hero-content.e-con, .elementor .mtm-inquiry-intro.e-con { align-items: flex-start; gap: 20px; }
.elementor .mtm-hero-visual.e-con { gap: 11px; }
.elementor .mtm-hero-visual img { width: 100%; display: block; border-radius: 15px; border: 1px solid #ffffff38; }
.mtm-home-hero .mtm-hero-visual img { aspect-ratio: 1.4; object-fit: cover; object-position: 53% center; }
.mtm-portrait-hero .mtm-hero-visual img { height: clamp(310px, 42vw, 475px); object-fit: contain; background: #b1c3d6; }
.elementor .mtm-hero h1.elementor-heading-title,
.elementor .mtm-inquiry h1.elementor-heading-title {
	color: #fff; font: 750 clamp(42px, 5.2vw, 76px)/1.01 var(--mtm-font); letter-spacing: -0.05em;
	text-wrap: balance;
}
.elementor .mtm-hero-copy, .elementor .mtm-inquiry-intro .elementor-widget-text-editor { color: #d9e8f0; font: 500 clamp(17px, 1.6vw, 21px)/1.55 var(--mtm-font); max-width: 42ch; }
.elementor p { margin: 0; }
.elementor .mtm-actions.e-con { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 10px 19px; margin-top: 6px; }
.elementor .elementor-widget-button .elementor-button { font: 750 17px/1.3 var(--mtm-font); border-radius: 8px; }
.elementor .mtm-primary .elementor-button { color: var(--mtm-deep); background: var(--mtm-mint); padding: 14px 20px; }
.elementor .mtm-primary .elementor-button:hover { background: #b7efe8; }

.elementor .mtm-section.e-con { background: var(--mtm-paper); padding-block: 64px 76px; color: var(--mtm-ink); }
.elementor .mtm-section-inner.e-con { gap: 28px; }
.elementor .mtm-intro.e-con { gap: 10px; max-width: 660px; }
.elementor .mtm-section h2.elementor-heading-title, .elementor .mtm-inquiry h2.elementor-heading-title { font: 750 clamp(34px, 4.3vw, 57px)/1.07 var(--mtm-font); letter-spacing: -0.055em; text-wrap: balance; }
.elementor .mtm-section h2.elementor-heading-title, .elementor .mtm-card h3.elementor-heading-title { color: var(--mtm-ink); }
.elementor .mtm-section .elementor-widget-text-editor { color: var(--mtm-muted); font: 500 18px/1.55 var(--mtm-font); }
.elementor .mtm-card-grid.e-con { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.elementor .mtm-products .mtm-card-grid.e-con { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.elementor .mtm-card.e-con { background: #fff; border: 1px solid var(--mtm-line); border-radius: 13px; padding: 24px; gap: 10px; }
.elementor .mtm-card h3.elementor-heading-title, .elementor .mtm-form-card h3.elementor-heading-title { font: 750 clamp(24px, 2.25vw, 32px)/1.12 var(--mtm-font); letter-spacing: -0.04em; color: var(--mtm-ink); }
.elementor .mtm-card-link { margin-top: auto; }
.elementor .mtm-card-link .elementor-button { color: var(--mtm-teal); background: none; padding: 7px 0; text-decoration: underline; text-underline-offset: 4px; }
.elementor .mtm-product.e-con { display: grid; grid-template-columns: minmax(110px, 0.72fr) 1fr; align-items: center; gap: 18px; }
.mtm-product img { width: 100%; border-radius: 8px; }
.elementor .mtm-product-details.e-con { gap: 10px; }

.elementor .mtm-inquiry.e-con { background: var(--mtm-deep); color: #fff; padding-block: 66px 74px; scroll-margin: 15px; }
.elementor .mtm-inquiry-grid.e-con { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(25px, 6vw, 85px); align-items: start; }
.elementor .mtm-inquiry-intro.e-con { padding-block: 22px; }
.elementor .mtm-inquiry h2.elementor-heading-title { color: #fff; }
.elementor .mtm-form-card.e-con { color: var(--mtm-ink); background: #fff; padding: clamp(20px, 3.5vw, 37px); border-radius: 14px; gap: 18px; }
.mtm-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-bottom: 17px; }
.mtm-fields > p { display: contents; }
.mtm-fields br { display: none; }
.mtm-fields .mtm-field-wide { grid-column: 1 / -1; }
.mtm-fields label { display: block; font: 700 16px/1.4 var(--mtm-font); }
.mtm-fields label > span:not(.wpcf7-form-control-wrap) { color: var(--mtm-muted); font-weight: 500; }
.mtm-fields input, .mtm-fields select, .mtm-fields textarea {
	width: 100%; min-height: 45px; padding: 9px 11px; margin-top: 5px; color: var(--mtm-ink); font: 500 16px/1.4 var(--mtm-font);
	background: #f5f8fa; border: 1px solid #afc1cb; border-radius: 7px;
}
.mtm-fields textarea { height: 90px; min-height: 68px; resize: vertical; }
.mtm-form-card .wpcf7-submit { cursor: pointer; border: 0; padding: 12px 18px; border-radius: 8px; background: var(--mtm-teal); color: #fff; font: 750 17px/1.35 var(--mtm-font); }
.mtm-form-card .wpcf7-submit:hover { background: #0a5058; }
.mtm-form-card .mtm-form-note { color: var(--mtm-muted); margin-top: 12px; font-size: 16px; }
.mtm-form-card .wpcf7-not-valid-tip { margin-top: 4px; font-size: 16px; }
.mtm-form-card .wpcf7 form .wpcf7-response-output { margin: 14px 0 0; padding: 7px 11px; }

.mtm-footer { color: #d7e4ec; background: #071a2d; padding: 38px 0 22px; font-size: 16px; }
.mtm-footer-main, .mtm-footer-base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 30px; }
.mtm-footer-main { padding-bottom: 25px; }
.mtm-footer-name { color: #fff; font-weight: 750; font-size: 21px; text-decoration: none; }
.mtm-footer p { margin: 5px 0 0; }
.mtm-footer nav a { text-underline-offset: 4px; }
.mtm-footer-base { padding-top: 17px; border-top: 1px solid #365267; }

@media (max-width: 950px) {
	:root { --mtm-shell: min(100% - 44px, 1220px); }
	.mtm-header ul { gap: 7px 15px; }
	.elementor .mtm-hero-grid.e-con { gap: 26px; }
	.elementor .mtm-card.e-con { padding: 18px; }
}
@media (max-width: 760px) {
	:root { --mtm-shell: calc(100% - 36px); }
	.mtm-header-inner { display: grid; grid-template-columns: 1fr auto; padding-top: 4px; gap: 0 10px; }
	.mtm-header nav { grid-column: 1 / -1; grid-row: 2; }
	.mtm-header nav ul { gap: 0 16px; padding-bottom: 5px; }
	.mtm-header nav a { font-size: 15px; }
	.mtm-logo { width: 82px; max-height: 66px; }
	.mtm-header-cta { grid-column: 2; grid-row: 1; }
	.elementor .mtm-hero.e-con { padding-block: 37px 29px; }
	.elementor .mtm-section.e-con, .elementor .mtm-inquiry.e-con { padding-block: 42px; }
	.elementor .mtm-hero-grid.e-con, .elementor .mtm-inquiry-grid.e-con, .elementor .mtm-card-grid.e-con, .elementor .mtm-products .mtm-card-grid.e-con { grid-template-columns: minmax(0, 1fr); }
	.elementor .mtm-hero-content.e-con, .elementor .mtm-inquiry-intro.e-con { gap: 14px; }
	.elementor .mtm-inquiry-intro.e-con { padding-block: 0; }
	.mtm-portrait-hero .mtm-hero-visual img { height: min(76vw, 400px); }
}
@media (max-width: 380px) {
	.mtm-fields { grid-template-columns: minmax(0, 1fr); }
}

/* MTM navy and steel-blue design system. */
.mtm-branded {
 --mtm-font: Arial, Helvetica, sans-serif;
 --mtm-ink: #152c3e; --mtm-muted: #506372; --mtm-teal: #245b7a;
 --mtm-line: #dfe8ed; --mtm-shell: min(100% - 80px, 1160px);
 --mtm-gradient: linear-gradient(115deg,#0c3452 0%,#205d80 54%,#3d768b 100%);
 --mtm-gradient-hover: linear-gradient(115deg,#081f35,#164b6b 56%,#2f6e88);
 --mtm-surface: linear-gradient(135deg,#fff 5%,#eff6fa 62%,#dcecf3);
 --mtm-ease: cubic-bezier(.22,.68,.23,1);
 background:#fff;
}
.mtm-branded :is(a,button,input,select,textarea):focus-visible { outline:3px solid #468199; outline-offset:5px; }
.mtm-branded .mtm-header { position:relative; z-index:5; background:linear-gradient(115deg,#fff 30%,#e7f1f6); border-bottom:1px solid #e4edf1; box-shadow:0 5px 25px #153e5806; }
.mtm-branded .mtm-header-inner { min-height:92px; }
.mtm-branded .mtm-header nav a { position:relative; font-weight:400; font-size:15px; text-decoration:none; }
.mtm-branded .mtm-header nav a::after { content:""; position:absolute; bottom:2px; left:0; width:100%; height:2px; border-radius:2px; background:var(--mtm-gradient); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.mtm-branded .mtm-header nav a:is(:hover,:focus-visible)::after,.mtm-branded .mtm-header .current-menu-item a::after { transform:scaleX(1); }
.mtm-branded .mtm-header-cta { padding:12px 18px; font-weight:600; color:#23516d; border:1px solid #cedee6; border-radius:12px; background:linear-gradient(135deg,#fff,#edf5f8); box-shadow:0 4px 12px #20445c0b; }
.mtm-branded .mtm-header-cta span { display:inline-block; transition:transform .25s ease; }
.mtm-branded .elementor :is(.mtm-hero,.mtm-section,.mtm-inquiry).e-con { background:transparent; color:var(--mtm-ink); }
.mtm-branded .elementor .mtm-shell.e-con { width:calc(100% - 80px); max-width:1160px; margin-inline:auto; }
.mtm-branded .elementor :is(h1,h2,h3).elementor-heading-title { font-family:var(--mtm-font); color:var(--mtm-ink); font-weight:600; letter-spacing:-.035em; }
.mtm-branded .elementor .elementor-widget-text-editor { color:var(--mtm-muted); font:400 17px/1.6 var(--mtm-font); }
.mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero).e-con { position:relative; isolation:isolate; padding:82px 0 66px; background:
  radial-gradient(ellipse at 84% 24%,#bad8e9b0,transparent 55%),
  radial-gradient(ellipse at 8% 68%,#d6eaf5b5,transparent 51%),
  linear-gradient(145deg,#fcfdff,#e9f3f8 60%,#fff); }
.mtm-branded :is(.mtm-home-hero,.mtm-feature-hero)::after { content:""; pointer-events:none; position:absolute; inset:0; z-index:-1;
 background:
  linear-gradient(180deg,transparent 58%,#fff),
  linear-gradient(118deg,transparent 27%,#fff9 46%,transparent 65%);
 background-size:100% 100%,200% 100%;
 background-position:0 0,100% 0; }
.mtm-branded .elementor .mtm-hero-grid.e-con { grid-template-columns:1fr 1.05fr; gap:clamp(30px,5vw,64px); }
.mtm-branded .elementor .mtm-hero-content.e-con { gap:26px; }
.mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero) h1.elementor-heading-title { font-size:clamp(38px,4.5vw,62px); line-height:1.06; max-width:17ch; text-wrap:balance; }
.mtm-branded .mtm-title-accent { background:linear-gradient(110deg,#123f62,#377189); background-clip:text; -webkit-background-clip:text; color:transparent; }
.mtm-branded .elementor .mtm-hero-copy { max-width:35ch; font-size:18px; }
.mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual { position:relative; isolation:isolate; padding:8px; background:linear-gradient(140deg,#ffffff,#eef5f8); border:1px solid #fff; border-radius:25px; box-shadow:0 28px 55px -25px #143b5165,0 3px 12px #143b5112; transform:perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual::before { content:""; position:absolute; inset:20px -12px -12px 20px; width:auto; height:auto; z-index:-2; background:linear-gradient(135deg,#e1f0f7,#8db6ce 52%,#507a94);
 background-size:160% 160%;
 background-position:25% 40%;
 border-radius:24px; }
.mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual::after { content:""; pointer-events:none; position:absolute; inset:-18px 22px 22px -18px; border:1px solid #4c77932b; border-radius:30px; z-index:-3; }
.mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual img { display:block; aspect-ratio:3/2; object-fit:contain; border:0; border-radius:18px; box-shadow:none; }

/* Place the original brand artwork on the screen, aligned to the photo at any size. */
.mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual .elementor-widget-image { position:relative; }
.home .mtm-home-hero .elementor-widget-image {
 --mtm-screen-top:18.45%;
 --mtm-screen-left:23.18%;
 --mtm-screen-width:34%;
 --mtm-screen-height:36.62%;
 --mtm-screen-logo-size:68%;
}
.mtm-pos-page .mtm-feature-hero .elementor-widget-image {
 --mtm-screen-top:16.4%;
 --mtm-screen-left:24.6%;
 --mtm-screen-width:38.1%;
 --mtm-screen-height:38.2%;
 --mtm-screen-logo-size:80%;
}
.mtm-safe-page .mtm-feature-hero .elementor-widget-image {
 --mtm-safe-hero-zoom:1.22;
 --mtm-screen-top:calc(50% - 7.75% * var(--mtm-safe-hero-zoom));
 --mtm-screen-left:calc(50% - 8.3% * var(--mtm-safe-hero-zoom));
 --mtm-screen-width:calc(16.2% * var(--mtm-safe-hero-zoom));
 --mtm-screen-height:calc(11.75% * var(--mtm-safe-hero-zoom));
 --mtm-screen-logo-size:60%;
 --mtm-screen-clip:polygon(1.4% 2%,97% 0,100% 98%,3% 100%);
 overflow:hidden;
 border-radius:18px;
}
.mtm-safe-page .mtm-feature-hero .elementor-widget-image img { transform:scale(var(--mtm-safe-hero-zoom)); }
:is(.home .mtm-home-hero,.mtm-pos-page .mtm-feature-hero,.mtm-safe-page .mtm-feature-hero) .mtm-hero-visual .elementor-widget-image::after,
.mtm-safe-page .mtm-safe-detail-image::after {
 content:"";
 position:absolute;
 top:var(--mtm-screen-top);
 left:var(--mtm-screen-left);
 width:var(--mtm-screen-width);
 height:var(--mtm-screen-height);
 clip-path:var(--mtm-screen-clip,polygon(.5% .5%,99.5% 0,100% 99.5%,0 100%));
 background:url("assets/mtm-logo.png") center / var(--mtm-screen-logo-size) auto no-repeat,
            linear-gradient(140deg,#d8e1ee,#f0f4fa 52%,#ccd8e7);
 background-blend-mode:multiply;
 pointer-events:none;
}
.mtm-branded .elementor .elementor-button,.mtm-branded .wpcf7-submit { -webkit-appearance:none; appearance:none; font:600 16px/1.3 var(--mtm-font); border-radius:12px; }
.mtm-branded .elementor .mtm-primary .elementor-button,.mtm-branded .wpcf7-submit { display:inline-flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:#235873 var(--mtm-gradient); background-size:135% 135%; color:#fff; padding:17px 24px; border:1px solid #ffffff25; box-shadow:0 9px 20px #24597633,inset 0 1px 0 #ffffff30; }
.mtm-branded .elementor .mtm-primary .elementor-button::after { content:"↗"; display:inline-block; margin-left:14px; transition:transform .25s ease; }
.mtm-branded .elementor .mtm-primary .elementor-button::before { content:""; position:absolute; inset:0; transform:translateX(-140%) skewX(-20deg); background:linear-gradient(90deg,transparent,#ffffff30,transparent); pointer-events:none; }
.mtm-branded .elementor .mtm-pos-details .elementor-button {
 color:#245b7a;
 background:transparent;
 padding:10px 0;
 font-size:15px;
}
.mtm-branded .elementor .mtm-pos-details .elementor-button:is(:hover,:focus-visible) {
 color:#103f60;
 text-decoration:underline;
 text-underline-offset:4px;
}
.mtm-branded .elementor .mtm-primary .elementor-button:is(:hover,:focus-visible),.mtm-branded .wpcf7-submit:is(:hover,:focus-visible),.mtm-branded .mtm-header-cta:is(:hover,:focus-visible) { background:#123e59 var(--mtm-gradient-hover); background-size:160% 160%; background-position:100% 65%; color:#fff; border-color:#b9d0dc; box-shadow:0 14px 26px #18394d40,0 0 0 3px #b6d5e460; transform:translateY(-3px); }
.mtm-branded .elementor .mtm-section.e-con { padding:40px 0; }
.mtm-branded .elementor .mtm-section-inner.e-con { gap:30px; }
.mtm-branded .elementor .mtm-section h2.elementor-heading-title { font-size:clamp(28px,3.1vw,38px); line-height:1.15; }
.mtm-branded .elementor .mtm-card h3.elementor-heading-title { font-size:21px; line-height:1.25; letter-spacing:-.02em; }
.mtm-branded .elementor .mtm-benefits.e-con { padding:6px 0 46px; }
.home .elementor .mtm-benefits .mtm-intro { display:none; }
.mtm-branded .elementor .mtm-benefits .mtm-card-grid.e-con { gap:0; padding:0; border:1px solid #dfe8ee; border-radius:20px; overflow:hidden; background:var(--mtm-surface); box-shadow:0 16px 38px -24px #1b42594a; }
.mtm-branded .elementor .mtm-benefits .mtm-card.e-con { position:relative; padding:28px 27px; border:0; border-radius:0; background:transparent; gap:9px;
 box-shadow:inset 0 3px 0 transparent; }
.mtm-branded .mtm-benefits .mtm-card+.mtm-card { border-left:1px solid #dfe9ee !important; }
.mtm-branded .elementor .mtm-benefits .elementor-widget-text-editor { font-size:16px; }
.mtm-branded .mtm-benefit-icon { width:42px; height:42px; display:grid; place-items:center; margin-bottom:6px; border-radius:13px; color:#245874; background:linear-gradient(135deg,#f1f7fa,#e3eff4); border:1px solid #d8e7ee; box-shadow:0 4px 10px #284a6009; }
.mtm-branded .mtm-benefit-icon svg { width:22px; height:22px; }
.mtm-branded .mtm-benefits .mtm-card:hover {
 background:linear-gradient(140deg,#f6fbfd,#d5e8f2);
 box-shadow:inset 0 3px 0 #4c839f;
}
.mtm-branded .mtm-benefits .mtm-card:hover .mtm-benefit-icon {
 color:#fff;
 background:#215875 var(--mtm-gradient);
 border-color:#5a8ca5;
}
/* Cash equipment: one shared showcase with two service entry points. */
.mtm-branded .elementor .mtm-additional .mtm-card-grid.e-con {
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;
 overflow:hidden;
 border:1px solid var(--mtm-line);
 border-radius:22px;
 background:linear-gradient(180deg,#d9eaf4,#a7c8da 49%,#e5f0f6);
 box-shadow:0 18px 42px -28px #1a40585c;
}
.mtm-branded .elementor .mtm-additional .mtm-card.e-con {
 position:relative;
 display:grid;
 grid-template-rows:auto auto 1fr auto;
 gap:0;
 padding:0 0 26px;
 border:0;
 border-radius:0;
 background:var(--mtm-surface);
 background-size:165% 165%;
 background-position:0 0;
}
.mtm-branded .mtm-service-image { position:relative; overflow:hidden; background:#d6e2e8; }
.mtm-branded :is(.mtm-service-image,.mtm-pos-detail-image,.mtm-atm-page .mtm-product > .elementor-widget-image,.mtm-atm-page .mtm-hero-visual > .elementor-widget-image)::after,
.mtm-branded .mtm-safe-detail-image::before {
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 pointer-events:none;
 opacity:0;
 background:linear-gradient(130deg,transparent 22%,#d8efff4a 50%,transparent 76%);
 transform:translateX(-65%);
}
.mtm-branded .mtm-service-image img {
 display:block;
 width:100%;
 aspect-ratio:3/2;
 object-fit:cover;
}
.mtm-branded .mtm-additional .mtm-card > :not(.mtm-service-image) {
 width:auto;
 margin-inline:clamp(22px,3vw,36px);
}
.mtm-branded .mtm-additional .mtm-card > .elementor-widget-heading { margin-top:25px; }
.mtm-branded .elementor .mtm-additional h3.elementor-heading-title { font-size:clamp(22px,2.3vw,29px); }
.mtm-branded .elementor .mtm-additional .elementor-widget-text-editor { margin-top:10px; font-size:16px; line-height:1.55; }
.mtm-branded .elementor .mtm-additional .mtm-card-link { margin-top:16px; }
.mtm-branded .elementor .mtm-card-link .elementor-button {
 color:#245b7a;
 background:none;
 padding:7px 0;
 text-decoration:none;
 font-size:16px;
 box-shadow:none;
}
.mtm-branded .elementor .mtm-additional .mtm-card-link,
.mtm-branded .mtm-additional .mtm-card-link .elementor-widget-container,
.mtm-branded .mtm-additional .mtm-card-link a { position:static; }
.mtm-branded .mtm-additional .mtm-card-link a::after { content:""; position:absolute; inset:0; }
.mtm-branded .mtm-additional .mtm-card:is(:hover,:focus-within) .elementor-button { color:#103f60; text-decoration:underline; text-underline-offset:4px; }
.mtm-branded .mtm-additional .mtm-card:is(:hover,:focus-within) { background-position:100% 100%; }
.mtm-branded .mtm-additional .mtm-card-link .elementor-button-text { display:inline-block; }
.mtm-branded .elementor .mtm-inquiry.e-con { padding:52px 0 72px; }
.mtm-branded .elementor .mtm-inquiry-grid.e-con { position:relative; isolation:isolate; grid-template-columns:.72fr 1.28fr; gap:42px; padding:42px; border:1px solid #dbe8ee; border-radius:26px; background:radial-gradient(ellipse at 4% 0%,#d1e7f2,transparent 70%),linear-gradient(135deg,#f7fbfd,#e8f3f8 47%,#fff 90%); box-shadow:0 24px 55px -30px #26485e55,inset 0 1px 0 #fff; }
.mtm-branded .mtm-inquiry-grid::before { content:""; position:absolute; height:3px; width:auto; top:-1px; left:42px; right:42px; background:var(--mtm-gradient); background-size:180% 100%; border-radius:5px; }
.mtm-branded .mtm-inquiry-grid:focus-within { border-color:#a5c6d8; box-shadow:0 24px 55px -24px #24597650; }
.mtm-branded .elementor .mtm-inquiry-intro.e-con { padding:8px 0 0; gap:18px; }
.mtm-branded .elementor .mtm-inquiry h2.elementor-heading-title { font-size:clamp(29px,3vw,38px); line-height:1.12; color:var(--mtm-ink); }
.mtm-branded .elementor .mtm-inquiry-intro .elementor-widget-text-editor { max-width:28ch; font-size:16px; }
.mtm-branded .elementor .mtm-form-card.e-con { padding:0; background:transparent; border-radius:0; gap:0; }
.mtm-branded .mtm-form-card > .elementor-widget-heading { display:none; }
.mtm-branded .mtm-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mtm-branded .mtm-fields .mtm-field-wide { grid-column:1/-1; }
.mtm-branded .mtm-fields label { font-size:14px; font-weight:600; }
.mtm-branded .mtm-fields input,.mtm-branded .mtm-fields select,.mtm-branded .mtm-fields textarea { min-height:48px; background:#ffffffdd; border:1px solid #d3e1e8; border-radius:10px; margin-top:7px; box-shadow:0 2px 4px #183c5204; }
.mtm-branded .mtm-fields label:has(textarea) { grid-column:1/-1; }
.mtm-branded .mtm-fields textarea { height:96px; min-height:96px; }
.mtm-branded .mtm-fields :is(input,select,textarea):hover { border-color:#8cabbc; }
.mtm-branded .mtm-fields :is(input,select,textarea):focus { border-color:#427994; outline:none; background:#fff; box-shadow:0 0 0 4px #49839a20,0 4px 10px #25485c08; }
.mtm-branded .mtm-form-card .mtm-form-note { font-size:13px; color:#5a6b78; }
.mtm-branded .mtm-footer { background:linear-gradient(180deg,#f7fafb,#fff); color:#5a6b78; border-top:1px solid #e1ebef; padding:30px 0 24px; font-size:14px; }
.mtm-branded .mtm-footer-name { font-size:18px; font-weight:600; color:#152c3e; }
.mtm-branded .mtm-footer-main { padding-bottom:22px; }
.mtm-branded .mtm-footer-base { border-color:#e1ebef; }
.mtm-branded .mtm-footer nav a { text-decoration:none; }
.mtm-branded .mtm-footer a:hover { color:#245b7a; }
@media (prefers-reduced-motion:no-preference) {
 .mtm-branded { scroll-behavior:smooth; }
 .mtm-branded :is(.elementor-button,.mtm-header-cta,.wpcf7-submit,.mtm-card,.mtm-benefit-icon,.mtm-hero-visual,.mtm-fields input,.mtm-fields select,.mtm-fields textarea) { transition:transform .3s var(--mtm-ease),box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease; }
 .mtm-branded .elementor .mtm-primary .elementor-button:is(:hover,:focus-visible)::after { transform:translate(3px,-3px); }
 .mtm-branded .elementor .mtm-primary .elementor-button:is(:hover,:focus-visible)::before { transform:translateX(140%) skewX(-20deg); transition:transform .65s ease; }
 .mtm-branded .mtm-header-cta:is(:hover,:focus-visible) span { transform:translate(2px,-2px); }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero)::after { animation:mtm-hero-light 4s ease-out both; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-content,
 .mtm-contact-page .mtm-inquiry-intro { animation:mtm-intro-rise .72s var(--mtm-ease) both; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual .elementor-widget-image { animation:mtm-intro-rise .9s .1s var(--mtm-ease) both; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual::before {
  animation:mtm-frame-light 3.6s ease-out both;
  transition:transform .5s var(--mtm-ease),box-shadow .5s ease;
 }
 .mtm-branded .elementor .mtm-additional .mtm-card.e-con {
  transition:background-position .55s var(--mtm-ease);
 }
 .mtm-branded .mtm-additional .mtm-card-link .elementor-button-text { transition:transform .3s var(--mtm-ease); }
 .mtm-branded .mtm-additional .mtm-card:is(:hover,:focus-within) .elementor-button-text { transform:translateX(6px); }
 .mtm-branded :is(.mtm-inquiry-grid,.mtm-contact-page .mtm-form-card,.mtm-pos-screen img,.mtm-safe-detail-image) { transition:transform .35s var(--mtm-ease),box-shadow .35s ease,border-color .35s ease; }
 .mtm-branded .mtm-inquiry-grid::before { transition:background-position .5s ease; }
 .mtm-branded .mtm-inquiry-grid:focus-within::before { background-position:100% 0; }
 .mtm-branded .mtm-reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s var(--mtm-ease); }
 .mtm-branded .mtm-reveal.mtm-visible { opacity:1; transform:none; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual:hover {
  transform:perspective(1400px) translateY(-6px) rotateX(var(--mtm-tilt-x,0deg)) rotateY(var(--mtm-tilt-y,0deg));
  box-shadow:0 34px 60px -23px #153e5870,0 6px 18px #153e581c;
 }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual:hover::before {
  transform:translate(6px,5px);
  box-shadow:0 10px 30px #5a91ae42;
 }
 .mtm-branded .mtm-benefits .mtm-card:hover .mtm-benefit-icon {
  transform:translateY(-5px) rotate(-8deg);
  box-shadow:0 8px 18px #28597140;
 }
 .mtm-branded :is(.mtm-service-image,.mtm-pos-detail-image,.mtm-atm-models .mtm-product) img { transition:transform .5s var(--mtm-ease),filter .35s ease; }
 .mtm-branded .mtm-additional .mtm-card:is(:hover,:focus-within) .mtm-service-image img { transform:scale(1.065); }
 .mtm-branded :is(.mtm-pos-equipment,.mtm-atm-models,.mtm-safe-flow) .mtm-card:hover { transform:translateY(-5px); }
 .mtm-branded :is(.mtm-pos-equipment,.mtm-atm-models) .mtm-card:hover img { transform:scale(1.045); }
 .mtm-branded .mtm-additional .mtm-card:is(:hover,:focus-within) .mtm-service-image::after,
 .mtm-branded .mtm-pos-equipment .mtm-card:hover .mtm-pos-detail-image::after,
 .mtm-atm-page .mtm-product:hover > .elementor-widget-image::after,
 .mtm-atm-page .mtm-hero-visual:hover > .elementor-widget-image::after,
 .mtm-branded .mtm-safe-detail-image:hover::before {
  animation:mtm-image-shine .85s var(--mtm-ease);
 }
}
@keyframes mtm-hero-light {
 from { background-position:0 0,0% 0; }
 to { background-position:0 0,100% 0; }
}
@keyframes mtm-frame-light {
 from { background-position:100% 100%; }
 to { background-position:25% 40%; }
}
@keyframes mtm-intro-rise {
 from { opacity:0; transform:translateY(14px); }
 to { opacity:1; transform:none; }
}
@keyframes mtm-image-shine {
 0% { opacity:0; transform:translateX(-65%); }
 36% { opacity:1; }
 100% { opacity:0; transform:translateX(65%); }
}
@media (prefers-reduced-motion:reduce) {
 .mtm-branded *, .mtm-branded *::before,.mtm-branded *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 .mtm-branded .mtm-hero-visual,.mtm-branded .mtm-card,.mtm-branded .elementor-button,.mtm-branded .mtm-header-cta,.mtm-branded .wpcf7-submit { transform:none !important; }
}
@media (max-width:1000px) {
 .mtm-branded .elementor .mtm-inquiry-grid.e-con { grid-template-columns:1fr; gap:26px; padding:32px; }
 .mtm-branded .elementor .mtm-inquiry-intro .elementor-widget-text-editor { max-width:60ch; }
}
@media (max-width:760px) {
 .mtm-branded { --mtm-shell:calc(100% - 36px); }
 .mtm-branded .mtm-header-inner { min-height:84px; }
 .mtm-branded .mtm-header nav a { font-size:14px; }
 .mtm-branded .elementor .mtm-shell.e-con { width:calc(100% - 36px); }
 .mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero).e-con { padding:42px 0 40px; }
 .mtm-branded .elementor .mtm-hero-grid.e-con { grid-template-columns:1fr; gap:30px; }
 .mtm-branded .elementor .mtm-additional .mtm-card-grid.e-con { grid-template-columns:1fr; }
 .mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero) h1.elementor-heading-title { max-width:17ch; font-size:clamp(36px,8.5vw,52px); }
 .mtm-branded .elementor .mtm-hero-content.e-con { gap:20px; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual { transform:none; margin:8px 8px 8px 0; padding:6px; border-radius:20px; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual::before { inset:15px -8px -8px 15px; border-radius:20px; }
 .mtm-branded :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual::after { display:none; }
 .mtm-branded .elementor :is(.mtm-home-hero,.mtm-feature-hero) .mtm-hero-visual img { border-radius:14px; }
 .mtm-branded .elementor .mtm-benefits .mtm-card.e-con { padding:22px 24px; }
 .mtm-branded .mtm-benefits .mtm-card+.mtm-card { border-left:0 !important; border-top:1px solid #dfe9ee !important; }
 .mtm-branded .elementor .mtm-section.e-con { padding:26px 0; }
 .mtm-branded .elementor .mtm-inquiry.e-con { padding:30px 0 44px; }
 .mtm-branded .elementor .mtm-inquiry-grid.e-con { padding:26px 22px; border-radius:20px; }
 .mtm-branded .mtm-inquiry-grid::before { left:22px; right:22px; }
}
@media (max-width:420px) {
 .mtm-branded .mtm-fields { grid-template-columns:1fr; }
 .mtm-branded .mtm-header-cta { font-size:14px; padding:10px 13px; }
}

/* Liquor Store POS */
.mtm-pos-page .elementor .mtm-feature-hero .mtm-hero-grid.e-con {
 grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
}
.mtm-pos-page .mtm-feature-hero .mtm-hero-visual { grid-column:1; grid-row:1; }
.mtm-pos-page .mtm-feature-hero .mtm-hero-content { grid-column:2; grid-row:1; }
.mtm-pos-page .elementor .mtm-feature-hero h1.elementor-heading-title { max-width:15ch; }
.mtm-pos-page .elementor .mtm-feature-hero .mtm-hero-copy { max-width:38ch; }
.mtm-pos-page .elementor .mtm-feature-hero .mtm-primary .elementor-button {
 min-height:60px;
 padding:18px 27px;
 font-size:18px;
 box-shadow:0 13px 26px -7px #153e586b,inset 0 1px 0 #ffffff40;
}
.mtm-pos-page .elementor .mtm-feature-hero .mtm-primary .elementor-button:is(:hover,:focus-visible) {
 box-shadow:0 18px 30px -7px #153e5895,0 0 0 3px #b6d5e488;
}
.mtm-pos-page .elementor .mtm-pos-software.e-con { padding-bottom:12px; scroll-margin-top:24px; }
.mtm-pos-page .elementor .mtm-pos-software .mtm-intro.e-con { max-width:720px; }
.mtm-pos-page .elementor .mtm-pos-screens.e-con {
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,.43fr);
 align-items:start;
 gap:clamp(18px,3vw,36px);
 padding:clamp(22px,4vw,44px);
 border:1px solid #d7e6ee;
 border-radius:24px;
 background:radial-gradient(ellipse at top right,#c3dce9,transparent 75%),var(--mtm-surface);
 box-shadow:0 20px 44px -28px #153e5860;
}
.mtm-pos-page .elementor .mtm-pos-screen.e-con { gap:13px; }
.mtm-pos-page .elementor .mtm-pos-screen h3.elementor-heading-title { font-size:21px; line-height:1.2; }
.mtm-pos-page .mtm-pos-screen img {
 display:block;
 width:100%;
 border:1px solid #7296ad;
 border-radius:12px;
 box-shadow:0 14px 24px -16px #143b518c;
}
.mtm-pos-page .mtm-pos-screen:hover img { border-color:#3d748f; box-shadow:0 19px 32px -17px #143b519e; }
.mtm-pos-page .elementor .mtm-pos-preview-note { font-size:15px; }
.mtm-pos-page .elementor .mtm-pos-equipment.e-con { scroll-margin-top:24px; }
.mtm-pos-page .elementor .mtm-pos-equipment .mtm-card-grid.e-con {
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;
}
.mtm-pos-page .elementor .mtm-pos-equipment .mtm-card.e-con {
 gap:12px;
 overflow:hidden;
 padding:0 0 28px;
 border:1px solid #d7e6ee;
 border-radius:20px;
 background:var(--mtm-surface);
 box-shadow:0 16px 32px -22px #1b425956;
}
.mtm-pos-page .mtm-pos-detail-image { position:relative; overflow:hidden; background:#a2b9cd; }
.mtm-pos-page .mtm-pos-detail-image img {
 display:block;
 width:100%;
 aspect-ratio:3/2;
 object-fit:cover;
}
.mtm-pos-page .mtm-pos-equipment .mtm-card > :not(.mtm-pos-detail-image) {
 width:auto;
 margin-inline:clamp(22px,3vw,34px);
}
.mtm-pos-page .mtm-pos-equipment .mtm-card > .elementor-widget-heading { margin-top:13px; }
.mtm-pos-page .elementor .mtm-pos-equipment .mtm-card h3.elementor-heading-title { font-size:clamp(21px,2.4vw,28px); }
.mtm-pos-page .elementor .mtm-pos-mobile-action.e-con { display:none; }
.mtm-pos-page .elementor .mtm-pos-tools.e-con { padding-top:20px; }
@media (min-width:761px) {
 .mtm-pos-tools .mtm-card:nth-child(n+4) { border-top:1px solid var(--mtm-line) !important; }
 .mtm-pos-tools .mtm-card:nth-child(3n+1) { border-left:0 !important; }
}
.mtm-pos-page .elementor .mtm-pos-workflow .mtm-card-grid.e-con {
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px;
}
.mtm-pos-page .elementor .mtm-pos-workflow .mtm-card.e-con {
 padding:26px;
 border:1px solid var(--mtm-line);
 border-radius:18px;
 background:var(--mtm-surface);
 box-shadow:0 14px 32px -24px #173e5a68;
}
.mtm-pos-page .elementor .mtm-pos-workflow .mtm-card:hover {
 border-color:#a9c7d8;
 box-shadow:0 20px 36px -24px #173e5a7a;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .mtm-pos-page .elementor .mtm-pos-workflow .mtm-card:hover { transform:translateY(-4px); }
}
@media (max-width:760px) {
 .mtm-pos-page .elementor .mtm-pos-mobile-action.e-con { display:flex; padding-bottom:16px; }
 .mtm-pos-page .elementor .mtm-pos-mobile-action .elementor-button { width:100%; min-height:54px; }
 .mtm-pos-page .elementor .mtm-pos-screens.e-con { grid-template-columns:1fr; padding:18px; gap:24px; }
 .mtm-pos-page .elementor .mtm-pos-screen:last-child img { max-width:300px; margin-inline:auto; }
 .mtm-pos-page .elementor .mtm-feature-hero .mtm-hero-grid.e-con,
 .mtm-pos-page .elementor .mtm-pos-equipment .mtm-card-grid.e-con { grid-template-columns:1fr; }
 .mtm-pos-page .mtm-feature-hero .mtm-hero-content,
 .mtm-pos-page .mtm-feature-hero .mtm-hero-visual { grid-area:auto; }
 .mtm-pos-page .elementor .mtm-pos-workflow .mtm-card-grid.e-con { grid-template-columns:1fr; }
}

/* ATMs & Repair */
.mtm-atm-page .mtm-hero-visual .elementor-widget-image {
 overflow:hidden;
 border-radius:18px;
}
.mtm-atm-page .mtm-hero-visual:hover img { filter:brightness(1.07); }
.mtm-atm-page .elementor .mtm-primary .elementor-button[href="#atm-models"]::after { content:"↓"; }
.mtm-atm-page .elementor .mtm-feature-hero .mtm-atm-repair-button .elementor-button {
 color:#163d55;
 border-color:#9fbfcf;
 background:linear-gradient(135deg,#fff,#e3eff5);
 box-shadow:0 9px 20px -11px #153e5860;
}
.mtm-atm-page .elementor .mtm-feature-hero .mtm-atm-repair-button .elementor-button:is(:hover,:focus-visible) {
 color:#fff;
 background:#123e59 var(--mtm-gradient-hover);
}
.mtm-atm-page .elementor .mtm-atm-models.e-con { scroll-margin-top:24px; padding-bottom:24px; }
.mtm-atm-page .elementor .mtm-atm-models .mtm-card-grid.e-con {
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px;
}
.mtm-atm-page .elementor .mtm-atm-models .mtm-product.e-con {
 display:flex;
 align-items:stretch;
 gap:0;
 padding:0;
 overflow:hidden;
 border:1px solid #d7e6ee;
 border-radius:18px;
 background:var(--mtm-surface);
 box-shadow:0 18px 36px -26px #173e5a68;
}
.mtm-atm-page .mtm-product > .elementor-widget-image {
 position:relative;
 overflow:hidden;
 background:#a5bbcf;
}
.mtm-atm-page .mtm-product img {
 display:block;
 width:100%;
 aspect-ratio:4/5;
 object-fit:cover;
 border-radius:0;
}
.mtm-atm-page .elementor .mtm-product-details.e-con {
 gap:8px;
 padding:clamp(13px,2vw,22px);
}
.mtm-atm-page .elementor .mtm-product-details h3.elementor-heading-title {
 font-size:clamp(18px,2.1vw,23px);
}
.mtm-atm-page .elementor .mtm-product-details .elementor-widget-text-editor { font-size:16px; line-height:1.5; }
.mtm-atm-page .elementor .mtm-atm-model-action.e-con { align-items:start; padding-bottom:12px; }
.mtm-atm-page .elementor .mtm-atm-service-panel.e-con {
 display:grid;
 grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);
 align-items:center;
 gap:clamp(24px,4vw,46px);
 padding:clamp(24px,4vw,44px);
 border:1px solid #d7e6ee;
 border-radius:24px;
 background:radial-gradient(ellipse at 0 0,#d6e9f3,transparent 70%),var(--mtm-surface);
 box-shadow:0 18px 40px -28px #153e5860;
}
.mtm-atm-page .elementor .mtm-atm-service-intro.e-con { gap:16px; align-items:start; }
.mtm-atm-page .elementor .mtm-atm-symptoms.e-con {
 gap:12px;
 padding:22px 24px;
 border:1px solid #d7e6ee;
 border-radius:16px;
 background:#ffffffd4;
}
.mtm-atm-page .mtm-atm-symptoms h3.elementor-heading-title { font-size:21px; line-height:1.2; }
.mtm-atm-page .mtm-atm-symptoms ul {
 margin:0;
 padding-left:20px;
 color:var(--mtm-muted);
 font-size:16px;
 line-height:1.5;
}
.mtm-atm-page .mtm-atm-symptoms li + li { margin-top:8px; }
.mtm-branded .elementor :is(.mtm-pos-equipment,.mtm-atm-models,.mtm-safe-flow) .mtm-card:hover {
 border-color:#9bbfd4;
 box-shadow:0 22px 40px -21px #153e5890;
}
.mtm-atm-page .elementor .mtm-atm-models .mtm-product:hover { background:linear-gradient(135deg,#f5fafd,#d6e8f2); }
.mtm-atm-page .elementor .mtm-atm-service-panel:is(:hover,:focus-within) {
 border-color:#a8c7d8;
 box-shadow:0 22px 45px -23px #153e5868;
}
.mtm-atm-page .elementor .mtm-atm-symptoms:hover { border-color:#a8c7d8; background:#fff; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .mtm-atm-page .mtm-hero-visual img { transition:transform .45s var(--mtm-ease),filter .35s ease; }
 .mtm-atm-page .mtm-hero-visual:hover img { transform:scale(1.025); }
 .mtm-atm-page .mtm-product:hover img { filter:brightness(1.06); }
 .mtm-atm-page .mtm-atm-service-panel,
 .mtm-atm-page .mtm-atm-symptoms { transition:box-shadow .3s ease,border-color .3s ease,background-color .3s ease,transform .3s var(--mtm-ease); }
 .mtm-atm-page .mtm-atm-symptoms:hover { transform:translateY(-3px); }
}
@media (prefers-reduced-motion:no-preference) {
 .mtm-atm-page.mtm-branded .elementor .mtm-primary .elementor-button[href="#atm-models"]:is(:hover,:focus-visible)::after { transform:translateY(3px); }
}
@media (max-width:850px) {
 .mtm-atm-page .elementor .mtm-atm-models .mtm-card-grid.e-con { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
 .mtm-atm-page .mtm-hero-visual .elementor-widget-image { border-radius:14px; }
 .mtm-atm-page .elementor .mtm-atm-service-panel.e-con { grid-template-columns:1fr; }
 .mtm-atm-page .elementor .mtm-atm-models .mtm-card-grid.e-con { gap:12px; }
 .mtm-atm-page .elementor .mtm-atm-model-action .elementor-button { width:100%; }
}

/* Smart Safes */
.mtm-safe-page .elementor .mtm-safe-flow.e-con { padding-top:20px; }
.mtm-safe-page .elementor .mtm-safe-flow .mtm-card-grid.e-con {
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:16px;
}
.mtm-safe-page .elementor .mtm-safe-flow .mtm-card.e-con {
 gap:10px;
 padding:0 18px 22px;
 border:1px solid #d6e5ee;
 border-radius:18px;
 background:linear-gradient(150deg,#fff 28%,#eaf4f8);
 box-shadow:0 15px 30px -24px #153e5870;
}
.mtm-safe-page .elementor .mtm-safe-flow .mtm-card > .mtm-safe-step-image {
 width:calc(100% + 36px);
 max-width:none;
 margin:0 -18px 5px;
 border-radius:17px 17px 0 0;
 background:radial-gradient(ellipse at 50% 55%,#eaf6fa,#d7e9f3);
}
.mtm-safe-page .mtm-safe-step-image img {
 display:block;
 width:100%;
 height:auto;
}
.mtm-safe-page .elementor .mtm-safe-flow .mtm-card h3.elementor-heading-title { font-size:clamp(19px,2.2vw,23px); }
.mtm-safe-page .elementor .mtm-safe-flow .mtm-card .elementor-widget-text-editor { font-size:16px; line-height:1.5; }
.mtm-safe-page .elementor .mtm-safe-flow .mtm-safe-step-credit.e-con {
 border-color:#9bbcd0;
 background:linear-gradient(145deg,#f5fbfe,#dceef7);
 box-shadow:0 16px 32px -23px #2358739a;
}
.mtm-safe-page .elementor .mtm-safe-flow .mtm-safe-step-credit > .mtm-safe-step-image {
 background:radial-gradient(ellipse at 50% 55%,#deeff8,#b6d6e7);
}
.mtm-safe-page .elementor .mtm-safe-step-credit h3.elementor-heading-title { color:#154d6f; }
.mtm-safe-page .elementor .mtm-safe-credit-note {
 border-left:3px solid #6792aa;
 padding:12px 18px;
 background:#edf5f9;
 border-radius:0 10px 10px 0;
 font-size:16px;
}
.mtm-safe-page .elementor .mtm-safe-product-grid.e-con {
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
 align-items:center;
 gap:clamp(24px,5vw,64px);
}
.mtm-safe-page .mtm-safe-detail-image {
 --mtm-screen-top:66.35%;
 --mtm-screen-left:33.7%;
 --mtm-screen-width:33.2%;
 --mtm-screen-height:24.35%;
 --mtm-screen-logo-size:60%;
 --mtm-screen-clip:polygon(0 0,94.5% 0,100% 100%,.5% 100%);
 position:relative;
 overflow:hidden;
 border:1px solid #b8cddb;
 border-radius:20px;
 box-shadow:0 18px 34px -20px #153e5880;
}
.mtm-safe-page .mtm-safe-detail-image img { display:block; width:100%; }
.mtm-safe-page .elementor .mtm-safe-product-copy.e-con { gap:16px; }
.mtm-safe-page .mtm-safe-product-copy ul {
 margin:0;
 padding-left:22px;
 color:var(--mtm-muted);
 font-size:16px;
 line-height:1.55;
}
.mtm-safe-page .mtm-safe-product-copy li + li { margin-top:9px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .mtm-safe-page .mtm-safe-detail-image:hover { transform:translateY(-5px); box-shadow:0 22px 40px -21px #153e5890; }
 .mtm-safe-page .mtm-safe-step-image img { transition:transform .35s var(--mtm-ease); }
 .mtm-safe-page .mtm-safe-flow .mtm-card:hover img { transform:translateY(-4px); }
}
@media (width > 850px) {
 .mtm-safe-page .elementor .mtm-safe-flow .mtm-card.e-con {
  display:grid;
  grid-row:span 3;
  grid-template-rows:subgrid;
 }
}
@media (max-width:850px) {
 .mtm-safe-page .elementor .mtm-safe-flow .mtm-card-grid.e-con { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
 .mtm-safe-page .mtm-feature-hero .elementor-widget-image { border-radius:14px; }
 .mtm-safe-page .elementor .mtm-safe-product-grid.e-con { grid-template-columns:1fr; }
 .mtm-safe-page .mtm-safe-product-copy { grid-row:1; }
}
@media (max-width:520px) {
 .mtm-safe-page .elementor .mtm-safe-flow .mtm-card-grid.e-con { grid-template-columns:1fr; gap:12px; }
 .mtm-safe-page .elementor .mtm-safe-flow .mtm-card.e-con {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:7px 12px;
  align-items:center;
  padding:16px 14px 16px 0;
 }
 .mtm-safe-page .elementor .mtm-safe-flow .mtm-card > .mtm-safe-step-image {
  grid-column:1;
  grid-row:1/3;
  width:100%;
  margin:0;
  border-radius:0 10px 10px 0;
 }
}

/* Contact */
.mtm-contact-page.mtm-branded .elementor .mtm-inquiry.e-con {
 padding:clamp(38px,6vw,84px) 0;
 background:radial-gradient(ellipse at 16% 14%,#d7e9f3,transparent 66%),linear-gradient(155deg,#f6fafc,#fff 80%);
}
.mtm-contact-page.mtm-branded .elementor .mtm-inquiry-grid.e-con {
 grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 gap:clamp(24px,5vw,68px);
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
}
.mtm-contact-page .mtm-inquiry-grid::before { content:none; }
.mtm-contact-page.mtm-branded .elementor .mtm-inquiry-intro.e-con { gap:18px; padding:clamp(8px,2vw,24px) 0 0; }
.mtm-contact-page.mtm-branded .elementor .mtm-inquiry h1.elementor-heading-title { font-size:clamp(42px,6.2vw,72px); }
.mtm-contact-page.mtm-branded .elementor .mtm-inquiry-intro > .elementor-widget-text-editor { max-width:32ch; font-size:18px; }
.mtm-contact-page .elementor .mtm-contact-details.e-con {
 gap:0;
 width:100%;
 max-width:400px;
 margin-top:8px;
 border:1px solid #cbdfe9;
 border-radius:18px;
 background:linear-gradient(145deg,#ffffffdb,#e6f1f7);
 box-shadow:0 16px 36px -27px #254f6970;
}
.mtm-contact-page .elementor .mtm-contact-details .elementor-widget-text-editor {
 max-width:none;
 padding:15px 18px;
 overflow-wrap:anywhere;
}
.mtm-contact-page .mtm-contact-details .elementor-widget-text-editor + .elementor-widget-text-editor { border-top:1px solid #d6e5ed; }
.mtm-contact-page .mtm-contact-details strong { display:block; margin-bottom:3px; color:var(--mtm-ink); }
.mtm-contact-page .mtm-contact-details a { color:#205675; text-decoration:underline; text-decoration-color:#8baebe; text-underline-offset:3px; }
.mtm-contact-page .mtm-contact-details a:is(:hover,:focus-visible) { color:#0c3452; text-decoration-color:currentColor; }
.mtm-contact-page.mtm-branded .elementor .mtm-form-card.e-con {
 gap:20px;
 padding:clamp(22px,3.5vw,40px);
 border:1px solid #d6e4ec;
 border-radius:22px;
 background:linear-gradient(155deg,#fff 45%,#f2f8fb);
 box-shadow:0 22px 44px -24px #254f6960;
}
.mtm-contact-page.mtm-branded .mtm-form-card > .elementor-widget-heading { display:block; }
.mtm-contact-page.mtm-branded .elementor .mtm-form-card h2.elementor-heading-title { font-size:clamp(26px,3.1vw,34px); }
.mtm-contact-page.mtm-branded .elementor .mtm-form-card.e-con:focus-within { border-color:#a5c6d8; box-shadow:0 24px 55px -24px #24597670; }
@media (max-width:760px) {
 .mtm-contact-page.mtm-branded .elementor .mtm-inquiry-grid.e-con { grid-template-columns:minmax(0,1fr); }
 .mtm-contact-page.mtm-branded .elementor .mtm-inquiry-intro.e-con { padding-top:0; gap:12px; }
 .mtm-contact-page .elementor .mtm-contact-details.e-con { max-width:none; }
}
