:root{
  --mk-bg:#05111b;
  --mk-bg-2:#081926;
  --mk-panel:#081c2a;
  --mk-panel-2:#0b2435;
  --mk-line:#12384f;
  --mk-line-2:#1d608e;
  --mk-text:#f5fbff;
  --mk-muted:#9fbed2;
  --mk-accent:#14baff;
  --mk-accent-2:#0a83ff;
  --mk-red:#ff2641;
  --mk-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#030b12 0%,#06131d 100%)}
img{display:block;max-width:100%}
a{text-decoration:none}
.mk-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--mk-text);background:
radial-gradient(circle at 18% 9%,rgba(18,186,255,.08),transparent 19%),
radial-gradient(circle at 82% 12%,rgba(18,186,255,.06),transparent 17%),
linear-gradient(180deg,#030b12 0%,#05111b 34%,#06131d 100%)}
.mk-container{width:min(var(--mk-max),calc(100% - 56px));margin:0 auto}
.mk-header{position:sticky;top:0;z-index:999;background:rgba(2,10,16,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(140,210,255,.12)}
.mk-head-inner{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:18px;min-height:86px}
.mk-brand{display:flex;flex-direction:column;gap:4px;line-height:1}
.mk-logo{font-style:italic;font-weight:800;letter-spacing:-1px;color:var(--mk-red);font-size:32px}
.mk-brand small{font-size:10px;color:#d8eaf6;font-weight:700;letter-spacing:1px}
.mk-main-nav{display:flex;justify-content:center;gap:42px}
.mk-main-nav a{color:#e8f4fb;font-size:15px;font-weight:800}
.mk-main-nav a:hover{color:#fff}
.mk-head-actions{display:flex;align-items:center;gap:16px}
.mk-phone{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:900}
.mk-phone-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(20,186,255,.12);color:var(--mk-accent)}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,var(--mk-accent),var(--mk-accent-2));box-shadow:0 12px 30px rgba(0,132,255,.20);color:#fff!important;font-size:16px;font-weight:900;transition:.2s ease}
.mk-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.mk-btn-small{min-height:54px;padding:0 24px;border-radius:14px}
.mk-btn-outline{background:rgba(255,255,255,.02);border-color:#bde7ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}

.mk-hero{padding:22px 0 0;overflow:hidden}
.mk-hero-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:28px;min-height:575px}
.mk-kicker{font-size:16px;color:#bfe8ff;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.mk-hero h1{margin:14px 0 14px;font-size:78px;line-height:.94;letter-spacing:-2.6px;font-weight:800;text-transform:uppercase}
.mk-hero h1 span,.mk-hero h1 em{display:block}
.mk-hero h1 span{color:#fff}
.mk-hero h1 i{font-style:normal;color:var(--mk-accent)}
.mk-hero h1 em{font-style:normal;color:#27c0ff}
.mk-hero-sub{max-width:510px;margin:0;color:#edf7fe;font-size:22px;line-height:1.35}
.mk-hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;margin:26px 0 26px;max-width:520px}
.mk-hero-features div{display:flex;align-items:center;gap:10px;color:#e7f4fb;font-size:18px;font-weight:800}
.mk-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.mk-hero-stage{position:relative;min-height:450px;border-radius:26px;overflow:hidden;background-position:center;background-size:cover;border:1px solid rgba(77,155,210,.22);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.mk-hero-stage-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,22,.25),rgba(7,20,30,.35) 58%,rgba(7,20,30,.48) 100%)}
.mk-hero-product{position:absolute;right:92px;bottom:18px;z-index:2;max-width:320px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.42))}
.mk-price-badge{position:absolute;left:34px;bottom:62px;z-index:3;min-width:248px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#2797ff,#3fdfff);transform:rotate(-6deg);box-shadow:0 14px 28px rgba(10,132,255,.32)}
.mk-price-badge small{display:block;font-size:18px;color:#eafaff}
.mk-price-badge strong{display:block;font-size:38px;line-height:1.1;font-weight:800;color:#fff}
.mk-side-note{position:absolute;right:24px;top:46px;z-index:3;font-size:30px;line-height:.98;font-weight:800;color:#f4fbff;text-align:right;transform:rotate(-9deg);text-shadow:0 4px 12px rgba(0,0,0,.25)}
.mk-right-tags{position:absolute;right:16px;bottom:54px;z-index:3;display:grid;gap:10px}
.mk-right-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--mk-line-2);background:rgba(3,11,18,.62);backdrop-filter:blur(5px);color:#f0fbff;font-size:15px;font-weight:900}

.mk-trust{margin-top:0;border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);background:rgba(7,23,34,.95)}
.mk-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.mk-trust-grid>div{padding:16px 18px;border-right:1px solid var(--mk-line)}
.mk-trust-grid>div:last-child{border-right:0}
.mk-trust-grid b{display:block;font-size:21px;margin-bottom:4px}
.mk-trust-grid small{display:block;font-size:14px;color:var(--mk-muted)}

.mk-section{padding:24px 0 0}
.mk-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.mk-section-head h2{margin:0;font-size:52px;line-height:1;letter-spacing:-1.5px;font-weight:800}
.mk-section-head p{margin:0;color:#86d7ff;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.mk-section-head p strong{font-style:italic;color:#28c2ff}
.mk-section-head.mini h2{font-size:46px}
.mk-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mk-product-card{background:linear-gradient(180deg,#0a2031 0%,#071520 100%);border:1px solid #155173;border-radius:14px;overflow:hidden;box-shadow:0 14px 26px rgba(0,0,0,.16)}
.mk-card-image{display:grid;place-items:center;min-height:212px;padding:14px;background:radial-gradient(circle at 50% 12%,rgba(20,186,255,.12),transparent 30%),linear-gradient(180deg,#0c2436 0%,#08141e 100%)}
.mk-card-image img{max-height:190px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))}
.mk-card-body{padding:14px 14px 12px;display:flex;flex-direction:column;min-height:286px}
.mk-model{font-size:19px;font-weight:800;line-height:1.1;color:#fff}
.mk-name{font-size:17px;color:#44d0ff;font-weight:800;margin-top:6px}
.mk-feature-list{list-style:none;padding:0;margin:12px 0 14px}
.mk-feature-list li{position:relative;padding-left:18px;margin:6px 0;color:#dcecf7;font-size:14px;line-height:1.45}
.mk-feature-list li:before{content:'✓';position:absolute;left:0;top:0;color:#20c0ff;font-weight:800}
.mk-card-bottom{margin-top:auto}
.mk-price-wrap small{display:block;font-size:14px;color:#bdd5e5}
.mk-price-wrap strong{display:block;font-size:20px;color:#32ccff;line-height:1.15;font-weight:800}
.mk-buy-btn{margin-top:10px;width:100%;min-height:44px;padding:0 12px;border-radius:10px;font-size:14px}

.mk-needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mk-need-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:16px;border-radius:14px;border:1px solid #155173;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%)}
.mk-need-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(20,186,255,.10);color:#29c4ff;font-size:20px}
.mk-need-card b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.mk-need-card span{display:block;color:#c7dcec;font-size:14px;line-height:1.4}

.mk-two-col{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}
.mk-panel{min-width:0}
.mk-panel h2{margin:0;font-size:48px;line-height:1;letter-spacing:-1.4px;font-weight:800}
.mk-panel-sub{margin:6px 0 10px;color:#d5e7f2;font-size:16px}
.mk-kit-showcase,.mk-app-grid,.mk-table-box,.mk-form-box,.mk-support-box{background:linear-gradient(180deg,#091f2f 0%,#07141e 100%);border:1px solid #155173;border-radius:14px;box-shadow:0 14px 26px rgba(0,0,0,.15)}
.mk-kit-showcase{padding:12px 12px 10px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.mk-kit-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,24,.35),rgba(5,16,24,.64))}
.mk-kit-row,.mk-kit-icons{position:relative;z-index:2}
.mk-kit-row{display:grid;grid-template-columns:1fr 1.1fr .62fr;gap:12px;align-items:end}
.mk-kit-row img,.mk-manual-card{height:210px;border-radius:12px;background:linear-gradient(135deg,#c7efe7,#a8ceff)}
.mk-kit-row img{padding:8px;object-fit:contain}
.mk-manual-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#07131d;font-size:24px;font-weight:800;padding:10px}
.mk-manual-card span{display:block;margin-top:8px;font-size:12px;line-height:1.35;font-weight:800}
.mk-kit-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.mk-kit-icons span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px;text-align:center;font-size:13px;font-weight:800;color:#e8f7ff;background:rgba(6,17,27,.70);border:1px solid rgba(104,187,241,.18);border-radius:10px}
.mk-app-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-app-tile{position:relative;min-height:145px;border-radius:10px;overflow:hidden;background-size:cover;background-position:center}
.mk-app-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,15,23,.18),rgba(6,15,23,.55))}
.mk-app-tile span{position:absolute;left:12px;bottom:10px;z-index:2;color:#fff;font-size:16px;font-weight:900}

.mk-table-box{overflow:auto}
.mk-table-box table{width:100%;min-width:740px;border-collapse:collapse}
.mk-table-box th,.mk-table-box td{padding:13px 15px;border-bottom:1px solid var(--mk-line);text-align:left}
.mk-table-box th{background:#0b283c;color:#f8fcff;font-size:15px}
.mk-table-box td{color:#dbeaf5;font-size:14px}
.mk-table-box tr:last-child td{border-bottom:0}
.mk-price-col{font-weight:800;color:#36d1ff}

.mk-form-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}
.mk-form-box,.mk-support-box{padding:16px}
.mk-form-box h2{margin:0;font-size:52px;line-height:1;letter-spacing:-1.5px;font-weight:800}
.mk-order-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{width:100%;min-height:50px;border-radius:10px;border:1px solid #c5dcea;background:#f5fbff;color:#07131d;font:inherit;padding:0 14px}
.mk-order-form textarea{padding:12px 14px;min-height:88px;resize:vertical;grid-column:1/-1}
.mk-order-form select,.mk-order-form button,.mk-success,.mk-error{grid-column:1/-1}
.mk-success,.mk-error{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:800}
.mk-success{background:rgba(0,160,97,.16);border:1px solid rgba(96,255,190,.22);color:#d8fff1}
.mk-error{background:rgba(255,82,102,.14);border:1px solid rgba(255,150,165,.22);color:#ffe4ea}
.mk-support-box{position:relative;overflow:hidden;background-size:cover;background-position:center}
.mk-support-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,24,.42),rgba(5,16,24,.78))}
.mk-support-content{position:relative;z-index:2;max-width:55%}
.mk-support-brand{font-style:italic;font-size:26px;font-weight:800;color:var(--mk-red)}
.mk-support-box h3{margin:10px 0 14px;font-size:44px;line-height:.96;font-weight:800;letter-spacing:-1px}
.mk-support-box ul{list-style:none;padding:0;margin:0}
.mk-support-box li{position:relative;padding-left:18px;margin:8px 0;color:#d8e8f4;font-size:15px;font-weight:700}
.mk-support-box li:before{content:'✓';position:absolute;left:0;top:0;color:#20c0ff;font-weight:800}
.mk-support-product{position:absolute;right:0;bottom:0;z-index:2;max-width:255px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.36))}

.mk-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:16px}
.mk-faq-grid details{padding:14px 16px;border-radius:12px;border:1px solid #155173;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%)}
.mk-faq-grid summary{cursor:pointer;color:#fff;font-size:16px;font-weight:800}
.mk-faq-grid p{margin:10px 0 0;color:#bdd6e5;font-size:14px;line-height:1.5}


.mk-footer{margin-top:12px;background:#040a10}
.mk-footer-top{display:grid;grid-template-columns:1.05fr 1.15fr 1.2fr;gap:36px;padding:48px 0 28px}
.mk-footer-col h3,.mk-footer-col h4{margin:0 0 18px;color:#fff;font-weight:800}
.mk-footer-col h3{font-size:24px;line-height:1.2}
.mk-footer-col h4{font-size:18px;letter-spacing:.2px}
.mk-footer-brandline{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.mk-footer-brandline small{color:#c9deeb;font-size:15px;line-height:1.35;max-width:220px}
.mk-company-col p{margin:0;color:#aebfca;font-size:16px;line-height:1.7;max-width:470px}
.mk-footer-list,.mk-footer-safe{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.mk-footer-list li,.mk-footer-safe li{display:flex;gap:14px;color:#eef7fc;font-size:16px;line-height:1.5}
.mk-footer-list li span,.mk-footer-safe li>span{flex:0 0 34px;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,208,0,.06);border:1px solid rgba(255,208,0,.22);color:#ffcf20;font-weight:800}
.mk-footer-safe li>div b{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.mk-footer-safe li>div small{display:block;color:#98aebc;font-size:14px;line-height:1.45}
.mk-footer-cta-bar{background:#e40000;border-top:1px solid rgba(255,255,255,.06);padding:18px 0}
.mk-footer-cta-inner{display:grid;grid-template-columns:1fr 430px 1fr;align-items:center;gap:26px}
.mk-footer-hotline,.mk-footer-note{display:flex;align-items:center;gap:16px;color:#fff}
.mk-circle-icon{flex:0 0 56px;width:56px;height:56px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);font-size:24px;color:#fff}
.mk-footer-hotline small,.mk-footer-note small{display:block;font-size:14px;line-height:1.2;font-weight:900}
.mk-footer-hotline strong,.mk-footer-note strong{display:block;font-size:19px;line-height:1.2;font-weight:800}
.mk-footer-order-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:74px;border-radius:14px;background:#ffd12e;color:#8d1300!important;font-size:24px;font-weight:800;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08)}
.mk-footer-order-btn small{display:block;font-size:14px;font-weight:900;margin-top:2px}
.mk-back-top{position:fixed;right:24px;bottom:126px;width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.38);background:rgba(3,10,16,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:800;z-index:998;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.mk-mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:999;background:rgba(3,10,16,.96);backdrop-filter:blur(8px);padding:8px;border-top:1px solid rgba(104,187,241,.18);gap:8px}
.mk-mobile-bar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;color:#fff;background:#0f2636;font-size:15px;font-weight:900}
.mk-mobile-bar a:last-child{background:linear-gradient(135deg,var(--mk-accent),var(--mk-accent-2))}
.mk-generic{padding:70px 0;background:#fff}
.mk-generic .mk-container{max-width:960px;color:#08131a}

@media (max-width:1180px){
  .mk-head-inner{grid-template-columns:220px 1fr auto}
  .mk-main-nav{gap:26px}
  .mk-hero h1{font-size:64px}
  .mk-products-grid{grid-template-columns:repeat(2,1fr)}
  .mk-card-body{min-height:unset}
  .mk-needs-grid{grid-template-columns:repeat(2,1fr)}
  .mk-two-col,.mk-form-grid{grid-template-columns:1fr}
}
@media (max-width:920px){
  .mk-head-inner{grid-template-columns:1fr auto;min-height:76px}
  .mk-main-nav{display:none}
  .mk-phone{display:none}
  .mk-hero-grid{grid-template-columns:1fr;min-height:auto}
  .mk-hero{padding-top:18px}
  .mk-hero h1{font-size:58px}
  .mk-hero-sub{font-size:20px}
  .mk-hero-stage{min-height:430px}
  .mk-hero-product{right:80px;max-width:280px}
  .mk-trust-grid,.mk-faq-grid{grid-template-columns:repeat(2,1fr)}
  .mk-footer-top{grid-template-columns:1fr;gap:26px;padding:38px 0 24px}
  .mk-footer-cta-inner{grid-template-columns:1fr;gap:14px}
  .mk-footer-order-btn{max-width:none}
}
@media (max-width:640px){
  .mk-container{width:min(var(--mk-max),calc(100% - 24px))}
  .mk-logo{font-size:28px}
  .mk-head-actions .mk-btn-small{min-height:46px;padding:0 14px;font-size:14px}
  .mk-kicker{font-size:13px}
  .mk-hero h1{font-size:48px;letter-spacing:-1.3px}
  .mk-hero-sub{font-size:18px}
  .mk-hero-features{grid-template-columns:1fr;max-width:none}
  .mk-hero-features div{font-size:16px}
  .mk-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .mk-hero-stage{min-height:350px}
  .mk-hero-product{right:50%;transform:translateX(50%);bottom:20px;max-width:220px}
  .mk-price-badge{left:14px;bottom:26px;min-width:185px;padding:10px 14px}
  .mk-price-badge small{font-size:14px}.mk-price-badge strong{font-size:28px}
  .mk-side-note{top:16px;right:14px;font-size:20px}
  .mk-right-tags{display:none}
  .mk-trust-grid,.mk-products-grid,.mk-needs-grid,.mk-kit-icons,.mk-faq-grid,.mk-footer-top,.mk-footer-cta-inner{grid-template-columns:1fr}
  .mk-section{padding-top:18px}
  .mk-section-head,.mk-section-head.mini{display:block}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2{font-size:34px}
  .mk-section-head p,.mk-panel-sub{margin-top:6px;font-size:14px}
  .mk-kit-row{grid-template-columns:1fr 1fr}
  .mk-manual-card{grid-column:1/-1;height:110px;font-size:20px}
  .mk-kit-row img{height:140px}
  .mk-app-grid{grid-template-columns:1fr}
  .mk-order-form{grid-template-columns:1fr}
  .mk-order-form input,.mk-order-form select,.mk-order-form textarea,.mk-order-form button,.mk-success,.mk-error{grid-column:auto}
  .mk-support-content{max-width:100%}
  .mk-support-product{max-width:160px;opacity:.85}
  .mk-support-box h3{font-size:34px}
  .mk-footer-top{gap:24px;padding:34px 0 22px}
  .mk-footer-order-btn{font-size:20px;min-height:66px}
  .mk-footer{padding-bottom:82px}
  .mk-back-top{right:14px;bottom:78px;width:48px;height:48px;font-size:22px}
  .mk-mobile-bar{display:flex}
}

/* v1.4 sales + contact + conversion helpers */
.mk-sales-hook{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border:1px solid rgba(58,203,255,.28);border-radius:999px;background:rgba(17,164,221,.08);color:#bdeeff;font-size:14px;font-weight:800}
.mk-hero-zalo{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:12px;background:#0877ff;color:#fff!important;font-size:15px;font-weight:800;border:1px solid rgba(255,255,255,.14)}
.mk-trust-hook{border-bottom:1px solid var(--mk-line);background:#06131e;color:#8fdcff;text-align:center;font-size:13px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;padding:9px 0}
.mk-card-image{position:relative}
.mk-product-badge{position:absolute;right:10px;top:10px;z-index:3;padding:6px 8px;border-radius:7px;background:linear-gradient(135deg,#14baff,#0a83ff);color:#fff;font-size:11px;font-weight:800;box-shadow:0 6px 14px rgba(0,132,255,.2)}
.mk-form-full{grid-column:1/-1!important}
.mk-footer-hotline strong a{color:#fff!important}
.mk-contact-float{position:fixed;right:18px;bottom:198px;z-index:997;display:grid;gap:10px}
.mk-contact-float a{display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 12px 7px 7px;border-radius:999px;color:#fff!important;box-shadow:0 12px 26px rgba(0,0,0,.22);font-size:13px;font-weight:900;transition:.2s ease}
.mk-contact-float a:hover{transform:translateY(-2px)}
.mk-contact-float span{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.16);font-size:17px;font-weight:800}
.mk-float-phone{background:#16a34a}
.mk-float-zalo{background:#0877ff}
.mk-mobile-zalo{background:#0877ff!important}

@media(max-width:640px){
  .mk-contact-float{display:none}
  .mk-sales-hook{border-radius:12px;font-size:12px;line-height:1.4}
  .mk-hero-zalo{width:100%}
  .mk-form-full{grid-column:auto!important}
}

/* v1.5 SEO + specs + warranty */
.mk-hero h1{max-width:650px;font-size:66px;line-height:1.02;letter-spacing:-2px;text-transform:none}
.mk-price-wrap del{display:block;margin-top:3px;color:#71899a;font-size:13px}
.mk-seo-copy{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}
.mk-seo-copy-main,.mk-seo-benefits{border:1px solid #155173;border-radius:14px;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%);padding:20px}
.mk-seo-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(20,186,255,.10);border:1px solid rgba(20,186,255,.24);color:#54d2ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.mk-seo-copy-main h2,.mk-warranty-copy h2{margin:10px 0 10px;font-size:38px;line-height:1.08;letter-spacing:-1px}
.mk-seo-copy-main p,.mk-warranty-copy p{margin:0;color:#bdd5e4;font-size:16px;line-height:1.7}
.mk-seo-benefits{display:grid;gap:10px}
.mk-seo-benefits div{padding:12px;border-radius:10px;background:#081824;border:1px solid rgba(104,187,241,.14)}
.mk-seo-benefits b,.mk-seo-benefits span{display:block}
.mk-seo-benefits b{margin-bottom:4px;color:#fff;font-size:16px}
.mk-seo-benefits span{color:#adc7d8;font-size:14px;line-height:1.5}
.mk-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mk-spec-card{display:flex;flex-direction:column;padding:16px;border-radius:14px;border:1px solid #155173;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%)}
.mk-spec-head{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;margin-bottom:14px}
.mk-spec-head img{width:110px;height:92px;object-fit:contain;border-radius:10px;background:linear-gradient(135deg,#c7efe7,#a8ceff);padding:7px}
.mk-spec-head span{color:#42ccff;font-size:13px;font-weight:800}
.mk-spec-head h3{margin:4px 0 0;color:#fff;font-size:21px;line-height:1.15}
.mk-spec-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-spec-columns>div{padding:12px;border-radius:10px;background:#081824;border:1px solid rgba(104,187,241,.14)}
.mk-spec-columns b{display:block;margin-bottom:8px;color:#fff}
.mk-spec-columns ul{list-style:none;padding:0;margin:0}
.mk-spec-columns li{position:relative;padding-left:15px;margin:5px 0;color:#bcd4e3;font-size:13px;line-height:1.45}
.mk-spec-columns li:before{content:'•';position:absolute;left:0;color:#25c6ff}
.mk-spec-warranty{margin:12px 0;padding:10px 12px;border-radius:10px;background:rgba(20,186,255,.07);color:#d9edf8;font-size:13px;line-height:1.5}
.mk-spec-card>.mk-btn{margin-top:auto;align-self:flex-start;min-height:42px;font-size:13px}
.mk-data-note{margin-top:12px;padding:12px 14px;border-left:3px solid #f0b52c;border-radius:8px;background:rgba(240,181,44,.07);color:#cbdde8;font-size:13px;line-height:1.55}
.mk-warranty-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;align-items:stretch}
.mk-warranty-copy,.mk-warranty-cards{padding:20px;border:1px solid #155173;border-radius:14px;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%)}
.mk-warranty-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.mk-warranty-actions .mk-btn{min-height:44px;font-size:14px}
.mk-warranty-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-warranty-cards div{padding:14px;border-radius:10px;background:#081824;border:1px solid rgba(104,187,241,.14)}
.mk-warranty-cards b,.mk-warranty-cards span{display:block}
.mk-warranty-cards b{color:#3bceff;font-size:20px;margin-bottom:5px}
.mk-warranty-cards span{color:#b8d0de;font-size:13px;line-height:1.5}
.mk-warranty-footnote{padding-top:8px;color:#809aaa;font-size:12px}

@media(max-width:920px){
  .mk-hero h1{font-size:54px}
  .mk-seo-copy,.mk-warranty-grid{grid-template-columns:1fr}
  .mk-specs-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .mk-hero h1{font-size:40px;letter-spacing:-1px}
  .mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:30px}
  .mk-spec-columns,.mk-warranty-cards{grid-template-columns:1fr}
  .mk-spec-head{grid-template-columns:88px 1fr}
  .mk-spec-head img{width:88px;height:78px}
}

/* v1.5.1 - Full custom hero banner */
.mk-hero-media{min-width:0}
.mk-hero-stage.mk-hero-stage--custom{
  position:relative;
  width:100%;
  aspect-ratio:3/2;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#07131d;
  border-radius:26px;
  border:1px solid rgba(77,155,210,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.mk-hero-stage--custom .mk-hero-banner{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  border:0;
  margin:0;
  padding:0;
  filter:none;
}
@media(max-width:920px){
  .mk-hero-stage.mk-hero-stage--custom{min-height:0;aspect-ratio:3/2}
}
@media(max-width:640px){
  .mk-hero-stage.mk-hero-stage--custom{min-height:0;aspect-ratio:3/2;border-radius:18px}
  .mk-hero-stage--custom .mk-hero-banner{object-position:center center}
}

/* v1.6.0 - Multi-model cart + real social proof */
.mk-cart-open{overflow:hidden}
.mk-cart-fab{position:fixed;right:18px;bottom:318px;z-index:997;display:flex;align-items:center;gap:8px;min-height:48px;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0c2b3f;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.28);cursor:pointer;font:inherit;font-weight:900}.mk-cart-fab span{font-size:18px}.mk-cart-fab em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff3049;color:#fff;font-size:12px;font-style:normal}
.mk-cart-backdrop{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;transition:.22s ease}.mk-cart-backdrop.is-open{opacity:1;visibility:visible}
.mk-cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1002;width:min(440px,94vw);display:flex;flex-direction:column;background:#06131d;color:#fff;border-left:1px solid #175172;box-shadow:-24px 0 60px rgba(0,0,0,.38);transform:translateX(102%);transition:.24s ease}.mk-cart-drawer.is-open{transform:translateX(0)}
.mk-cart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #17394d}.mk-cart-head>div{display:grid;gap:2px}.mk-cart-head span{font-size:23px;font-weight:800}.mk-cart-head strong{font-size:12px;color:#8fb8cd;font-weight:700}.mk-cart-head button{width:38px;height:38px;border-radius:10px;border:1px solid #28536b;background:#0b2230;color:#fff;font-size:24px;cursor:pointer}
.mk-cart-items{flex:1;overflow:auto;padding:12px}.mk-cart-empty{padding:18px;border:1px dashed #28536b;border-radius:12px;background:#071824;color:#9fc2d5;text-align:center;font-size:14px}
.mk-cart-line{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #173e55;border-radius:12px;background:#081a27;margin-bottom:10px}.mk-cart-line img{width:70px;height:70px;object-fit:contain;border-radius:9px;background:linear-gradient(135deg,#caefe7,#aacdff);padding:5px}.mk-cart-line-info{display:grid;gap:2px;min-width:0}.mk-cart-line-info strong{font-size:14px}.mk-cart-line-info span{font-size:12px;color:#9fc2d5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-cart-line-info b{font-size:13px;color:#40d0ff}.mk-cart-line-actions{display:grid;gap:5px;justify-items:end}.mk-qty{display:flex;align-items:center;border:1px solid #28536b;border-radius:8px;overflow:hidden}.mk-qty button{width:28px;height:28px;border:0;background:#0d2a3b;color:#fff;cursor:pointer;font-size:17px}.mk-qty span{min-width:28px;text-align:center;font-size:13px}.mk-cart-line-actions small{color:#fff;font-weight:900}.mk-remove{border:0;background:transparent;color:#ff8292;font-size:11px;cursor:pointer}
.mk-cart-footer{padding:14px 16px 18px;border-top:1px solid #17394d;background:#071620}.mk-cart-footer>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mk-cart-footer span{color:#9fc2d5}.mk-cart-footer strong{font-size:22px;color:#42d2ff}.mk-cart-footer .mk-btn{width:100%}
.mk-checkout-cart{grid-column:1/-1;display:grid;gap:8px;margin:10px 0 12px}.mk-checkout-cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#082235;border:1px solid #1b526f}.mk-checkout-cart-head strong{font-size:15px}.mk-checkout-cart-head span{font-size:13px;color:#55d5ff;font-weight:900}.mk-checkout-cart .mk-cart-line{grid-template-columns:58px minmax(0,1fr) auto;margin:0}.mk-checkout-cart .mk-cart-line img{width:58px;height:58px}.mk-submit-order{grid-column:1/-1}
.mk-proof-toast{position:fixed;left:24px;bottom:24px;z-index:996;display:grid;grid-template-columns:42px minmax(0,290px) 28px;gap:10px;align-items:center;max-width:390px;padding:12px 12px 12px 14px;border-radius:14px;background:#fff;color:#0b1720;border-left:5px solid #0ea5e9;box-shadow:0 18px 45px rgba(0,0,0,.24);opacity:0;transform:translateY(18px);visibility:hidden;transition:.24s ease}.mk-proof-toast.is-visible{opacity:1;transform:translateY(0);visibility:visible}.mk-proof-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#e9f8ff;color:#0284c7;font-weight:800;font-size:20px}.mk-proof-toast>div:nth-child(2){display:grid;gap:2px}.mk-proof-toast strong{font-size:14px}.mk-proof-toast span{font-size:12px;color:#536774;line-height:1.4}.mk-proof-toast button{border:0;background:transparent;color:#81919a;font-size:20px;cursor:pointer}
@media(max-width:640px){.mk-cart-fab{right:12px;bottom:134px}.mk-cart-fab b{display:none}.mk-cart-drawer{width:100%}.mk-cart-line{grid-template-columns:58px minmax(0,1fr) auto}.mk-cart-line img{width:58px;height:58px}.mk-proof-toast{left:12px;right:12px;bottom:72px;max-width:none}.mk-checkout-cart-head{align-items:flex-start;flex-direction:column}.mk-checkout-cart .mk-cart-line{grid-template-columns:52px minmax(0,1fr)}.mk-checkout-cart .mk-cart-line-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}}


/* v1.7.1 - support section layout fix */
.mk-support-box{min-height:540px;padding:0;display:block;position:relative}
.mk-support-layout{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;min-height:540px;height:100%}
.mk-support-content{max-width:none;padding:26px 24px 24px;display:flex;flex-direction:column;justify-content:flex-start}
.mk-support-brand{font-style:italic;font-size:34px;font-weight:800;color:var(--mk-red)}
.mk-support-box h3{margin:12px 0 18px;font-size:72px;line-height:.92;font-weight:800;letter-spacing:-1.8px;max-width:420px}
.mk-support-box ul{margin-top:8px;display:grid;gap:10px}
.mk-support-box li{font-size:18px;line-height:1.45}
.mk-support-visual{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px 18px 0 0;min-width:0}
.mk-support-stage{position:relative;width:100%;height:100%;min-height:500px;border-radius:0 14px 14px 0;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}
.mk-support-stage-glow{position:absolute;inset:auto 0 -10% 10%;height:70%;background:radial-gradient(circle at 65% 60%,rgba(34,194,255,.22),transparent 34%),radial-gradient(circle at 78% 72%,rgba(255,50,80,.10),transparent 18%);pointer-events:none}
.mk-support-product{position:relative;right:auto;bottom:auto;z-index:2;max-width:min(100%,420px);width:86%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(0,0,0,.36))}

@media(max-width:1180px){
  .mk-support-layout{grid-template-columns:1fr;min-height:unset}
  .mk-support-box{min-height:unset}
  .mk-support-content{padding-bottom:10px}
  .mk-support-box h3{font-size:58px;max-width:520px}
  .mk-support-visual{padding:0 14px 0 14px;justify-content:center}
  .mk-support-stage{min-height:280px;border-radius:0 0 14px 14px;justify-content:center}
  .mk-support-product{width:58%;max-width:320px}
}
@media(max-width:640px){
  .mk-support-brand{font-size:28px}
  .mk-support-box h3{font-size:42px;letter-spacing:-1px}
  .mk-support-content{padding:18px 16px 8px}
  .mk-support-box li{font-size:16px}
  .mk-support-stage{min-height:240px}
  .mk-support-product{width:72%;max-width:260px}
}

/* v1.8.0 - stable full-background support banner */
.mk-support-box.mk-support-banner{
  position:relative;
  min-height:100%;
  height:100%;
  overflow:hidden;
  padding:0;
  display:flex;
  align-items:stretch;
  background-size:cover;
  background-position:center;
  border:1px solid #155173;
  border-radius:14px;
}
.mk-support-banner .mk-support-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(4,15,23,.96) 0%,rgba(5,18,28,.90) 42%,rgba(5,18,28,.56) 68%,rgba(5,18,28,.34) 100%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34));
}
.mk-support-content--banner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:470px;
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mk-support-content--banner .mk-support-brand{
  font-size:30px;
  margin-bottom:10px;
}
.mk-support-content--banner h3{
  margin:0 0 20px;
  max-width:none;
  font-size:54px;
  line-height:.96;
  letter-spacing:-1.6px;
  text-transform:none;
}
.mk-support-content--banner ul{
  display:grid;
  gap:10px;
  margin:0 0 22px;
}
.mk-support-content--banner li{
  font-size:17px;
  line-height:1.45;
}
.mk-support-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}
.mk-support-actions .mk-btn{
  min-height:44px;
  padding:0 16px;
  font-size:14px;
}
@media(max-width:1180px){
  .mk-support-box.mk-support-banner{min-height:460px}
  .mk-support-content--banner{max-width:520px;padding:24px 22px}
  .mk-support-content--banner h3{font-size:48px}
}
@media(max-width:640px){
  .mk-support-box.mk-support-banner{min-height:420px;background-position:62% center}
  .mk-support-banner .mk-support-overlay{background:linear-gradient(90deg,rgba(4,15,23,.97) 0%,rgba(5,18,28,.90) 60%,rgba(5,18,28,.48) 100%)}
  .mk-support-content--banner{max-width:86%;padding:22px 18px}
  .mk-support-content--banner h3{font-size:39px;letter-spacing:-1px}
  .mk-support-content--banner li{font-size:15px}
}

/* v1.9.0 - Thank-you page + responsive audit */
html,body{max-width:100%;overflow-x:hidden}
.mk-page,.mk-page *,.mk-thanks-page,.mk-thanks-page *{min-width:0}
.mk-page img,.mk-thanks-page img{max-width:100%;height:auto}

/* Thank-you page */
.mk-thanks-page{position:relative;min-height:100vh;overflow:hidden;background:
radial-gradient(circle at 16% 18%,rgba(20,186,255,.13),transparent 24%),
radial-gradient(circle at 88% 12%,rgba(0,119,255,.10),transparent 20%),
linear-gradient(180deg,#020a11 0%,#06131d 48%,#071823 100%);color:#f5fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:28px 0 44px}
.mk-thanks-orb{position:absolute;border-radius:999px;filter:blur(70px);opacity:.32;pointer-events:none}
.mk-thanks-orb-a{width:340px;height:340px;left:-120px;top:120px;background:#00a8ff}
.mk-thanks-orb-b{width:300px;height:300px;right:-100px;bottom:80px;background:#146eff}
.mk-thanks-shell{position:relative;z-index:2;max-width:1120px}
.mk-thanks-brand{display:inline-flex;flex-direction:column;gap:5px;margin-bottom:26px}.mk-thanks-brand .mk-logo{font-size:34px}.mk-thanks-brand small{color:#d7e9f4;font-size:10px;font-weight:800;letter-spacing:1px}
.mk-thanks-hero{display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center;padding:30px;border:1px solid #185374;border-radius:22px;background:linear-gradient(135deg,rgba(10,36,54,.96),rgba(6,19,29,.96));box-shadow:0 26px 60px rgba(0,0,0,.22)}
.mk-thanks-check{width:92px;height:92px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#18cfff,#0a79ff);box-shadow:0 0 0 10px rgba(18,190,255,.09),0 18px 30px rgba(0,116,255,.25);font-size:44px;font-weight:800}
.mk-thanks-kicker{display:block;margin-bottom:7px;color:#55d2ff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.mk-thanks-hero h1{margin:0 0 10px;font-size:44px;line-height:1.02;letter-spacing:-1.2px}.mk-thanks-hero p{max-width:780px;margin:0;color:#bdd4e3;font-size:17px;line-height:1.65}
.mk-thanks-code{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;border-radius:999px;background:#071923;border:1px solid #1a4b67;color:#a6c5d7;font-size:13px}.mk-thanks-code strong{color:#fff;font-size:15px}
.mk-thanks-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}
.mk-thanks-card{padding:20px;border:1px solid #174d6b;border-radius:18px;background:linear-gradient(180deg,#0a2030 0%,#07141e 100%);box-shadow:0 18px 36px rgba(0,0,0,.14)}
.mk-thanks-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.mk-thanks-card-head span,.mk-thanks-customer-card>span{color:#6fd7ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.mk-thanks-card h2{margin:4px 0 0;font-size:24px}.mk-thanks-card-head>strong{color:#45d3ff;font-size:24px}
.mk-thanks-items{display:grid;gap:10px}.mk-thanks-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#071824;border:1px solid rgba(87,174,225,.16)}.mk-thanks-item img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:linear-gradient(135deg,#c8eee5,#adcfff);padding:5px}.mk-thanks-item>div{display:grid;gap:2px}.mk-thanks-item b{font-size:15px}.mk-thanks-item span{color:#b9d2e2;font-size:13px}.mk-thanks-item small{color:#7fa3b9;font-size:12px}.mk-thanks-item>strong{color:#fff;font-size:15px;white-space:nowrap}
.mk-thanks-customer-card dl{display:grid;gap:12px;margin:18px 0 0}.mk-thanks-customer-card dl>div{padding:11px 0;border-bottom:1px solid rgba(93,175,220,.13)}.mk-thanks-customer-card dl>div:last-child{border-bottom:0}.mk-thanks-customer-card dt{color:#789bae;font-size:12px;margin-bottom:4px}.mk-thanks-customer-card dd{margin:0;color:#edf8ff;font-size:14px;line-height:1.5;word-break:break-word}
.mk-thanks-next{margin-top:16px;padding:22px;border:1px solid #174d6b;border-radius:18px;background:linear-gradient(180deg,#091d2b,#07131d)}.mk-thanks-next-head span{color:#55d2ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.mk-thanks-next-head h2{margin:5px 0 18px;font-size:25px}
.mk-thanks-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mk-thanks-steps>div{position:relative;padding:16px;border-radius:12px;background:#071923;border:1px solid rgba(86,172,222,.17)}.mk-thanks-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#0e2e43;color:#7fdcff;font-style:normal;font-weight:800;margin-bottom:10px}.mk-thanks-steps .is-active i{background:linear-gradient(135deg,#16c7ff,#0b80ff);color:#fff}.mk-thanks-steps b,.mk-thanks-steps span{display:block}.mk-thanks-steps b{font-size:15px;margin-bottom:5px}.mk-thanks-steps span{color:#9ebccc;font-size:13px;line-height:1.5}
.mk-thanks-actions-card{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-top:16px;padding:22px;border-radius:18px;border:1px solid #1b5c7f;background:linear-gradient(120deg,#0b2940,#081824)}.mk-thanks-actions-card>div:first-child>span{color:#67d7ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.mk-thanks-actions-card h2{margin:4px 0 5px;font-size:26px}.mk-thanks-actions-card p{margin:0;color:#a9c5d5;font-size:14px;line-height:1.55}
.mk-thanks-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.mk-thanks-actions .mk-btn{min-height:46px;padding:0 16px;font-size:14px}.mk-thanks-back{color:#bdeaff;font-size:13px;font-weight:800;padding:10px}
.mk-thanks-footer{display:flex;justify-content:space-between;gap:18px;margin-top:22px;padding:16px 4px 0;color:#7598aa;font-size:12px;border-top:1px solid rgba(87,171,216,.12)}
.mk-thanks-invalid{margin-top:70px}.mk-thanks-invalid .mk-thanks-check{background:linear-gradient(135deg,#ffb525,#ff7b15)}

/* Desktop large >= 1440 */
@media(min-width:1440px){
  .mk-container{width:min(var(--mk-max),calc(100% - 72px))}
  .mk-hero-grid{gap:34px}
  .mk-products-grid{gap:18px}
  .mk-form-grid{gap:18px}
}

/* Laptop 1024–1439 */
@media(min-width:1024px) and (max-width:1439px){
  :root{--mk-max:1160px}
  .mk-container{width:min(var(--mk-max),calc(100% - 36px))}
  .mk-head-inner{grid-template-columns:220px 1fr auto;gap:14px;min-height:76px}
  .mk-logo{font-size:29px}.mk-main-nav{gap:24px}.mk-main-nav a{font-size:14px}.mk-phone{font-size:14px}.mk-btn-small{min-height:48px;padding:0 18px;font-size:14px}
  .mk-hero-grid{grid-template-columns:.94fr 1.06fr;gap:22px;min-height:510px}.mk-hero h1{font-size:56px}.mk-hero-sub{font-size:18px}.mk-hero-features div{font-size:15px}.mk-hero-stage{min-height:400px}
  .mk-section-head h2{font-size:42px}.mk-panel h2,.mk-form-box h2{font-size:40px}
  .mk-card-image{min-height:190px}.mk-card-image img{max-height:170px}.mk-card-body{padding:12px;min-height:265px}.mk-model{font-size:17px}.mk-name{font-size:15px}.mk-feature-list li{font-size:13px}
  .mk-form-grid{grid-template-columns:1.08fr .92fr}.mk-support-content--banner h3{font-size:42px}.mk-support-content--banner{padding:22px 20px}.mk-support-box.mk-support-banner{min-height:100%}
  .mk-footer-top{gap:24px}
}

/* Tablet 768–1023 */
@media(min-width:768px) and (max-width:1023px){
  .mk-container{width:min(100% - 32px,920px)}
  .mk-head-inner{grid-template-columns:1fr auto;min-height:74px}.mk-main-nav{display:none}.mk-phone{display:none}
  .mk-hero-grid{grid-template-columns:1fr;gap:18px;min-height:0}.mk-hero-copy{max-width:760px}.mk-hero h1{font-size:54px}.mk-hero-stage{max-width:760px;margin:0 auto;width:100%}
  .mk-trust-grid{grid-template-columns:repeat(2,1fr)}
  .mk-products-grid{grid-template-columns:repeat(2,1fr)}.mk-needs-grid{grid-template-columns:repeat(2,1fr)}
  .mk-two-col,.mk-form-grid,.mk-seo-copy,.mk-warranty-grid{grid-template-columns:1fr}
  .mk-kit-icons{grid-template-columns:repeat(3,1fr)}
  .mk-specs-grid{grid-template-columns:1fr}
  .mk-support-box.mk-support-banner{min-height:420px;background-position:62% center}
  .mk-support-content--banner{max-width:60%;padding:24px 22px}.mk-support-content--banner h3{font-size:42px}
  .mk-footer-top{grid-template-columns:1fr 1fr}.mk-footer-cta-inner{grid-template-columns:1fr}.mk-footer-order-btn{width:100%}
  .mk-thanks-grid{grid-template-columns:1fr}.mk-thanks-actions-card{grid-template-columns:1fr}.mk-thanks-actions{justify-content:flex-start}
}

/* Mobile <= 767 */
@media(max-width:767px){
  .mk-container{width:calc(100% - 24px)}
  .mk-header{position:sticky}.mk-head-inner{grid-template-columns:1fr auto;gap:10px;min-height:68px}.mk-brand small{display:none}.mk-logo{font-size:26px}.mk-main-nav,.mk-phone{display:none}.mk-btn-small{min-height:42px;padding:0 12px;font-size:12px;border-radius:10px}
  .mk-hero{padding-top:14px}.mk-hero-grid{grid-template-columns:1fr;gap:16px;min-height:0}.mk-kicker{font-size:11px}.mk-hero h1{font-size:42px;line-height:1.02;letter-spacing:-1px}.mk-hero-sub{font-size:16px;line-height:1.5}.mk-hero-features{grid-template-columns:1fr 1fr;gap:10px 12px;margin:20px 0}.mk-hero-features div{font-size:13px}.mk-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.mk-hero-actions .mk-btn{width:100%}
  .mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{width:100%;aspect-ratio:3/2;min-height:0;border-radius:16px}.mk-hero-stage--custom .mk-hero-banner{object-fit:cover}
  .mk-trust-grid{grid-template-columns:1fr 1fr}.mk-trust-grid>div{padding:12px}.mk-trust-grid b{font-size:14px}.mk-trust-grid small{font-size:11px}
  .mk-section{padding-top:18px}.mk-section-head,.mk-section-head.mini{display:block}.mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2{font-size:30px;letter-spacing:-.6px}.mk-section-head p,.mk-panel-sub{font-size:13px;margin-top:6px}
  .mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid{grid-template-columns:1fr}.mk-product-card{border-radius:12px}.mk-card-image{min-height:220px}.mk-card-image img{max-height:205px}.mk-card-body{min-height:0}.mk-buy-btn{min-height:46px}
  .mk-two-col,.mk-form-grid,.mk-seo-copy,.mk-warranty-grid{grid-template-columns:1fr}.mk-kit-row{grid-template-columns:1fr 1fr}.mk-manual-card{grid-column:1/-1}.mk-kit-icons{grid-template-columns:repeat(2,1fr)}.mk-app-grid{grid-template-columns:1fr 1fr}.mk-app-tile{min-height:120px}
  .mk-spec-columns,.mk-warranty-cards{grid-template-columns:1fr}.mk-spec-head{grid-template-columns:78px 1fr}.mk-spec-head img{width:78px;height:70px}
  .mk-order-form{grid-template-columns:1fr}.mk-order-form input,.mk-order-form select,.mk-order-form textarea,.mk-order-form button,.mk-success,.mk-error,.mk-form-full{grid-column:1/-1!important}.mk-checkout-cart .mk-cart-line{grid-template-columns:52px minmax(0,1fr)}
  .mk-support-box.mk-support-banner{min-height:390px;background-position:65% center}.mk-support-content--banner{max-width:88%;padding:20px 16px}.mk-support-content--banner h3{font-size:34px;line-height:1}.mk-support-content--banner li{font-size:14px}.mk-support-actions{display:grid;grid-template-columns:1fr 1fr}.mk-support-actions .mk-btn{width:100%;padding:0 10px}
  .mk-table-box{overflow-x:auto;-webkit-overflow-scrolling:touch}.mk-table-box table{min-width:660px}
  .mk-footer-top,.mk-footer-cta-inner{grid-template-columns:1fr}.mk-footer-top{gap:22px;padding:30px 0 20px}.mk-footer-order-btn{font-size:19px}.mk-footer-cta-bar{padding:12px 0}.mk-footer-hotline,.mk-footer-note{justify-content:center}.mk-footer-note{text-align:left}
  .mk-cart-fab{right:12px;bottom:132px}.mk-proof-toast{left:10px;right:10px;bottom:70px}.mk-back-top{right:12px;bottom:76px}
  .mk-mobile-bar{display:flex}
  .mk-thanks-page{padding:18px 0 28px}.mk-thanks-brand{margin-bottom:18px}.mk-thanks-brand .mk-logo{font-size:29px}.mk-thanks-hero{grid-template-columns:1fr;gap:14px;padding:20px}.mk-thanks-check{width:68px;height:68px;font-size:32px}.mk-thanks-hero h1{font-size:30px}.mk-thanks-hero p{font-size:15px}.mk-thanks-grid{grid-template-columns:1fr}.mk-thanks-card{padding:15px}.mk-thanks-card-head{align-items:flex-start;flex-direction:column}.mk-thanks-item{grid-template-columns:58px 1fr}.mk-thanks-item img{width:58px;height:58px}.mk-thanks-item>strong{grid-column:2;text-align:left}.mk-thanks-steps{grid-template-columns:1fr}.mk-thanks-actions-card{grid-template-columns:1fr;padding:18px}.mk-thanks-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.mk-thanks-actions .mk-btn,.mk-thanks-back{width:100%;text-align:center}.mk-thanks-footer{flex-direction:column;gap:6px}
}

/* Small mobile <= 420 */
@media(max-width:420px){
  .mk-container{width:calc(100% - 18px)}
  .mk-logo{font-size:23px}.mk-head-actions .mk-btn-small{padding:0 9px;font-size:11px}
  .mk-hero h1{font-size:35px}.mk-hero-features{grid-template-columns:1fr}.mk-trust-grid{grid-template-columns:1fr}
  .mk-app-grid{grid-template-columns:1fr}.mk-kit-icons{grid-template-columns:1fr 1fr}
  .mk-support-content--banner{max-width:94%}.mk-support-content--banner h3{font-size:30px}.mk-support-actions{grid-template-columns:1fr}
  .mk-cart-drawer{width:100vw}.mk-cart-line{grid-template-columns:52px minmax(0,1fr)}.mk-cart-line-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;width:100%}
  .mk-thanks-hero h1{font-size:27px}.mk-thanks-item{grid-template-columns:50px 1fr}.mk-thanks-item img{width:50px;height:50px}
}

/* v1.9.1 - Vietnamese typography + SEO content polish */
.mk-page,
.mk-thanks-page{
  font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.mk-page h1,.mk-page h2,.mk-page h3,.mk-page h4,
.mk-thanks-page h1,.mk-thanks-page h2,.mk-thanks-page h3{
  font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
  font-weight:800;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.mk-logo,.mk-model,.mk-btn,.mk-price-wrap strong,.mk-price-col,
.mk-section-head p,.mk-seo-label,.mk-spec-head span{
  font-weight:800;
}
.mk-page p,.mk-page li,.mk-page span,.mk-page small,.mk-page input,.mk-page textarea,.mk-page select,.mk-page button{
  font-family:inherit;
}
.mk-kicker{font-weight:700;letter-spacing:.04em;text-transform:none}
.mk-hero h1{font-weight:800;line-height:1.06;letter-spacing:-.035em}
.mk-hero-sub{font-weight:400;line-height:1.55}
.mk-sales-hook,.mk-trust-hook{font-weight:600}
.mk-section-head h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-weight:800;line-height:1.12}
.mk-section-head p{font-weight:600;text-transform:none;letter-spacing:0;color:#84d9ff}
.mk-seo-copy-main p{font-size:16px;line-height:1.75;color:#c4d9e7}
.mk-seo-extra{margin-top:12px!important;color:#a9c5d6!important}
.mk-feature-list li,.mk-spec-columns li,.mk-faq-grid p{line-height:1.6}
.mk-data-note{display:none!important}
@media(max-width:767px){
  .mk-hero h1{font-size:38px;line-height:1.08}
  .mk-kicker{font-size:12px;line-height:1.4}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2{font-size:29px;line-height:1.14}
}
@media(max-width:420px){
  .mk-hero h1{font-size:33px}
}

/* v1.9.2 - Reliable tablet/mobile contact actions */
@media (max-width:1023px){
  .mk-contact-float{display:none!important}
  .mk-mobile-bar{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1100!important;
    gap:8px!important;
    padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    background:rgba(3,10,16,.97)!important;
    border-top:1px solid rgba(104,187,241,.24)!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .mk-mobile-bar a{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:11px!important;
    padding:0 10px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .mk-mobile-bar a:first-child{background:#16a34a!important}
  .mk-mobile-bar .mk-mobile-zalo{background:#0877ff!important}
  .mk-mobile-bar a:last-child{background:linear-gradient(135deg,var(--mk-accent),var(--mk-accent-2))!important}
  .mk-cart-fab{
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    z-index:1090!important;
  }
  .mk-back-top{
    right:12px!important;
    bottom:calc(136px + env(safe-area-inset-bottom))!important;
    z-index:1085!important;
  }
  .mk-proof-toast{
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  .mk-footer{padding-bottom:84px!important}
}

@media (max-width:480px){
  .mk-mobile-bar{gap:6px!important;padding-left:6px!important;padding-right:6px!important}
  .mk-mobile-bar a{min-height:48px!important;padding:0 6px!important;font-size:12px!important}
  .mk-cart-fab{bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .mk-back-top{bottom:calc(128px + env(safe-area-inset-bottom))!important}
}


/* v1.10.1 - Warm tech premium palette */
:root{
  --mk-bg:#EEF3F7;
  --mk-bg-2:#E5EDF3;
  --mk-panel:#FAFCFE;
  --mk-panel-2:#F5F9FC;
  --mk-line:#D5E0E8;
  --mk-line-2:#9FC9DC;
  --mk-text:#163042;
  --mk-muted:#5F7384;
  --mk-accent:#1DA1F2;
  --mk-accent-2:#0E8DE0;
  --mk-red:#E62B36;
}
body{background:#EEF3F7;color:#163042}
.mk-page{
  color:var(--mk-text);
  background:
    radial-gradient(circle at 14% 5%,rgba(29,161,242,.07),transparent 18%),
    radial-gradient(circle at 86% 10%,rgba(126,214,247,.10),transparent 16%),
    linear-gradient(180deg,#F4F8FB 0%,#EEF3F7 44%,#E8EFF4 100%);
}

/* Keep navigation strong and premium */
.mk-header{background:rgba(15,43,58,.97);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 10px 28px rgba(15,43,58,.14)}
.mk-brand small{color:#D8E7F0}
.mk-main-nav a{color:#EAF4FA}.mk-main-nav a:hover{color:#fff}
.mk-phone{color:#fff}.mk-phone-ico{background:rgba(29,161,242,.15);color:#92E0FA}

/* Hero copy becomes softer and more premium */
.mk-hero{background:linear-gradient(180deg,#F4F8FB 0%,#EEF3F7 100%)}
.mk-kicker{color:#1B7897}
.mk-hero h1,.mk-hero h1 span{color:#163042}
.mk-hero h1 i,.mk-hero h1 em{color:#1498D7}
.mk-hero-sub{color:#496071}
.mk-hero-features div{color:#253847}
.mk-sales-hook{background:#E6F4FB;border-color:#C8E4F0;color:#176C87}
.mk-btn{box-shadow:0 14px 28px rgba(29,161,242,.18)}
.mk-btn-outline{background:#FAFCFE;border-color:#B5D6E6;color:#0F5874!important;box-shadow:0 8px 20px rgba(20,77,105,.07)}
.mk-btn-outline:hover{background:#F1F8FB}
.mk-hero-zalo{background:#1B7FFF;border-color:rgba(15,43,58,.08)}

/* Trust strip */
.mk-trust{background:#F8FBFD;border-color:#D8E3EC;box-shadow:0 8px 24px rgba(23,52,70,.04)}
.mk-trust-grid>div{border-color:#E1EAF1}
.mk-trust-grid b{color:#163448}
.mk-trust-grid small{color:#63798A}
.mk-trust-hook{background:#EAF5FA;border-color:#D5E7EF;color:#1A708E}

/* Section rhythm */
.mk-section-head h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{color:#163042}
.mk-section-head p{color:#1B7A99}
.mk-panel-sub{color:#63798A}
.mk-seo-copy-section,.mk-kit-apps,.mk-warranty-section,.mk-form-section{
  margin-top:24px;
  padding-top:26px;
  padding-bottom:26px;
  background:linear-gradient(180deg,#EAF1F5 0%,#E5EDF3 100%);
  border-top:1px solid #DCE6ED;
  border-bottom:1px solid #DCE6ED;
}

/* Product and need cards */
.mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-form-box{
  background:#FAFCFE;
  border-color:#D5E0E8;
  box-shadow:0 12px 28px rgba(25,61,82,.06);
}
.mk-product-card:hover,.mk-need-card:hover,.mk-spec-card:hover{border-color:#A9CCDC;box-shadow:0 16px 34px rgba(25,61,82,.09)}
.mk-card-image{background:linear-gradient(180deg,#F1F7FB 0%,#E8F0F5 100%)}
.mk-model{color:#16354B}.mk-name{color:#177FA5}
.mk-feature-list li{color:#526979}.mk-feature-list li:before{color:#15A7D8}
.mk-price-wrap small{color:#6D8291}.mk-price-wrap strong,.mk-price-col{color:#177FA5}
.mk-price-wrap del{color:#8799A6}
.mk-need-icon{background:#E5F4FB;color:#1499C7}
.mk-need-card b{color:#163448}.mk-need-card span{color:#5E7182}

/* SEO information cards */
.mk-seo-label{background:#E8F5FB;border-color:#CAE5F0;color:#177797}
.mk-seo-copy-main p,.mk-warranty-copy p,.mk-seo-extra{color:#586F80!important}
.mk-seo-benefits div,.mk-spec-columns>div,.mk-warranty-cards div{
  background:#F3F7FA;
  border-color:#E0E9F0;
}
.mk-seo-benefits b,.mk-spec-columns b{color:#163448}
.mk-seo-benefits span,.mk-spec-columns li,.mk-warranty-cards span{color:#607687}
.mk-spec-head h3{color:#17394E}.mk-spec-head span{color:#1787AF}
.mk-spec-warranty{background:#EDF7FB;color:#476779;border:1px solid #D6EAF2}
.mk-warranty-cards b{color:#177FA5}.mk-warranty-footnote{color:#758A99}

/* Kit/applications */
.mk-app-grid{background:#FAFCFE;border-color:#D5E0E8;box-shadow:0 12px 28px rgba(25,61,82,.06)}
.mk-kit-showcase{border-color:#BCD4E0;box-shadow:0 12px 28px rgba(25,61,82,.08)}
.mk-kit-icons span{background:rgba(10,35,50,.78);border-color:rgba(255,255,255,.12);color:#F4FAFD}

/* Comparison table */
.mk-table-box{background:#FAFCFE;border-color:#D5E0E8;box-shadow:0 12px 28px rgba(25,61,82,.06)}
.mk-table-box th,.mk-table-box td{border-color:#E2EAF0}
.mk-table-box th{background:#0F2B3A;color:#F7FBFD}
.mk-table-box td{background:#FAFCFE;color:#425B6B}
.mk-table-box tbody tr:nth-child(even) td{background:#F3F7FA}

/* Order form */
.mk-form-box{padding:20px}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{background:#F7FAFC;border-color:#CFDDE7;color:#17212B;box-shadow:inset 0 1px 0 rgba(11,42,61,.02)}
.mk-order-form input:focus,.mk-order-form select:focus,.mk-order-form textarea:focus{outline:none;border-color:#56BBDD;box-shadow:0 0 0 3px rgba(29,161,242,.10);background:#fff}
.mk-success{background:#EAF8F1;border-color:#BFE8D1;color:#17653C}
.mk-error{background:#FFF0F2;border-color:#F3C6CD;color:#A12B3B}

/* FAQ */
.mk-faq-grid summary{color:#17394E}
.mk-faq-grid p{color:#5E7182}
.mk-faq-grid details[open]{border-color:#A9CCDC;background:#FCFEFF}

/* Support banner stays dark for contrast */
.mk-support-box.mk-support-banner{border-color:#AFC9D7;box-shadow:0 16px 34px rgba(11,42,61,.12)}

/* Footer remains dark but softer */
.mk-footer{background:#0B2230}
.mk-footer-cta-bar{background:#D9232E}

/* Back-to-top */
.mk-back-top{background:rgba(15,43,58,.92);border-color:rgba(255,255,255,.35)}

/* Thank-you page follows the same light system */
.mk-thanks-page{
  background:
    radial-gradient(circle at 16% 18%,rgba(29,161,242,.09),transparent 24%),
    radial-gradient(circle at 88% 12%,rgba(126,214,247,.08),transparent 20%),
    linear-gradient(180deg,#F4F8FB 0%,#EAF1F5 100%);
  color:#17212B;
}
.mk-thanks-brand small{color:#63798A}
.mk-thanks-hero,.mk-thanks-card,.mk-thanks-next,.mk-thanks-actions-card{
  background:#FAFCFE;
  border-color:#D5E0E8;
  box-shadow:0 18px 42px rgba(25,61,82,.07);
}
.mk-thanks-kicker,.mk-thanks-card-head span,.mk-thanks-customer-card>span,.mk-thanks-next-head span,.mk-thanks-actions-card>div:first-child>span{color:#177EA2}
.mk-thanks-hero h1,.mk-thanks-card h2,.mk-thanks-next-head h2,.mk-thanks-actions-card h2{color:#163042}
.mk-thanks-hero p,.mk-thanks-actions-card p{color:#607687}
.mk-thanks-code{background:#F1F7FA;border-color:#D5E4EC;color:#63798A}.mk-thanks-code strong{color:#17394E}
.mk-thanks-item,.mk-thanks-steps>div{background:#F5F9FC;border-color:#E0E9F0}
.mk-thanks-item b,.mk-thanks-item>strong,.mk-thanks-steps b{color:#17394E}
.mk-thanks-item span,.mk-thanks-steps span{color:#607687}.mk-thanks-item small{color:#8193A0}
.mk-thanks-customer-card dl>div{border-color:#E1E9EF}.mk-thanks-customer-card dt{color:#758A99}.mk-thanks-customer-card dd{color:#263E4D}
.mk-thanks-steps i{background:#E6F5FA;color:#177EA2}
.mk-thanks-back{color:#177EA2}
.mk-thanks-footer{color:#78909F;border-color:#DCE6EC}

/* Tablet/mobile bar remains high contrast */
@media(max-width:1023px){
  .mk-mobile-bar{background:rgba(15,43,58,.98)!important;border-top-color:rgba(255,255,255,.12)!important}
}

@media(max-width:767px){
  .mk-seo-copy-section,.mk-kit-apps,.mk-warranty-section,.mk-form-section{margin-top:18px;padding-top:20px;padding-bottom:20px}
  .mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-form-box{box-shadow:0 8px 22px rgba(25,61,82,.05)}
  .mk-trust-grid>div:nth-child(odd){border-left:0}
}

/* v1.10.1 - light checkout refinements */
.mk-support-content--banner h3{color:#fff}
.mk-checkout-cart-head{background:#ECF5FA;border-color:#CFE1EA}
.mk-checkout-cart-head strong{color:#17394E}.mk-checkout-cart-head span{color:#177EA2}
.mk-checkout-cart .mk-cart-empty{background:#F5F9FC;border-color:#C9DCE7;color:#607687}
.mk-checkout-cart .mk-cart-line{background:#F7FAFC;border-color:#DCE7EE;color:#17212B}
.mk-checkout-cart .mk-cart-line-info strong,.mk-checkout-cart .mk-cart-line-actions small{color:#17394E}
.mk-checkout-cart .mk-cart-line-info span{color:#607687}
.mk-checkout-cart .mk-cart-line-info b{color:#177EA2}
.mk-checkout-cart .mk-qty{border-color:#C7D9E4;background:#fff}
.mk-checkout-cart .mk-qty button{background:#EAF4F9;color:#17394E}
.mk-checkout-cart .mk-remove{color:#C73D50}



/* v1.10.2 - normalize product image sizing */
.mk-products-grid .mk-product-card{display:flex;flex-direction:column}
.mk-products-grid .mk-card-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  aspect-ratio: 4 / 3;
  padding:12px;
  overflow:hidden;
}
.mk-products-grid .mk-card-image img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.22));
}
@media (max-width: 1199px){
  .mk-products-grid .mk-card-image{aspect-ratio: 4 / 3;padding:10px}
}
@media (max-width: 767px){
  .mk-products-grid .mk-card-image{aspect-ratio: 1 / 1;padding:10px}
}


/* v1.10.3 - Inovance-inspired blue palette */
:root{
  --mk-bg:#F2F8FB;
  --mk-bg-2:#E6F3F8;
  --mk-panel:#FCFEFF;
  --mk-panel-2:#F5FAFD;
  --mk-line:#CFE7F1;
  --mk-line-2:#8AC9DE;
  --mk-text:#163245;
  --mk-muted:#5E7483;
  --mk-accent:#2F9CCE;
  --mk-accent-2:#0D5CAF;
  --mk-cyan:#53D0E0;
  --mk-cyan-2:#45B6D6;
  --mk-red:#E62B36;
}
body{background:#F2F8FB;color:#163245}
.mk-page{
  color:var(--mk-text);
  background:
    radial-gradient(circle at 12% 6%,rgba(83,208,224,.12),transparent 22%),
    radial-gradient(circle at 86% 10%,rgba(47,156,206,.10),transparent 18%),
    linear-gradient(180deg,#F7FBFD 0%,#F2F8FB 42%,#ECF5F9 100%);
}
.mk-header{background:linear-gradient(90deg,rgba(13,92,175,.98) 0%,rgba(47,156,206,.98) 100%);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 10px 28px rgba(13,92,175,.18)}
.mk-brand small{color:#E8F7FB}.mk-main-nav a{color:#F3FBFE}.mk-main-nav a:hover{color:#fff}.mk-phone{color:#fff}.mk-phone-ico{background:rgba(255,255,255,.14);color:#fff}
.mk-btn{background:linear-gradient(135deg,#2F9CCE 0%,#0D5CAF 100%);box-shadow:0 14px 28px rgba(13,92,175,.20)}
.mk-btn:hover{filter:brightness(1.04)}
.mk-btn-outline{background:#FCFEFF;border-color:#8AC9DE;color:#0D5CAF!important;box-shadow:0 8px 20px rgba(13,92,175,.08)}
.mk-btn-outline:hover{background:#EDF8FC}.mk-hero-zalo{background:#0D5CAF;border-color:rgba(255,255,255,.14)}
.mk-hero{background:linear-gradient(180deg,#F7FBFD 0%,#F1F8FB 100%)}
.mk-kicker{color:#0D5CAF}.mk-hero h1,.mk-hero h1 span{color:#163245}.mk-hero h1 i,.mk-hero h1 em{color:#2F9CCE}.mk-hero-sub{color:#526A7A}.mk-hero-features div{color:#284456}
.mk-sales-hook{background:#E8F7FB;border-color:#BEE8F1;color:#176D8E}.mk-price-badge{background:linear-gradient(135deg,#2F9CCE,#53D0E0);box-shadow:0 14px 28px rgba(13,92,175,.24)}
.mk-trust{background:#FCFEFF;border-color:#CFE7F1;box-shadow:0 8px 24px rgba(13,92,175,.05)}
.mk-trust-grid>div{border-color:#DCECF3}.mk-trust-grid b{color:#17415A}.mk-trust-grid small{color:#647B8A}.mk-trust-hook{background:#EAF7FB;border-color:#D0EBF3;color:#0D5CAF}
.mk-section-head h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{color:#163245}.mk-section-head p{color:#0D5CAF}.mk-section-head p strong{color:#2F9CCE}.mk-panel-sub{color:#647B8A}
.mk-seo-copy-section,.mk-kit-apps,.mk-warranty-section,.mk-form-section{background:linear-gradient(180deg,#EAF6FA 0%,#E3F1F6 100%);border-top:1px solid #D6EAF2;border-bottom:1px solid #D6EAF2}
.mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-form-box{background:#FCFEFF;border-color:#CFE7F1;box-shadow:0 12px 28px rgba(13,92,175,.06)}
.mk-product-card:hover,.mk-need-card:hover,.mk-spec-card:hover{border-color:#8AC9DE;box-shadow:0 16px 34px rgba(13,92,175,.10)}
.mk-card-image{background:linear-gradient(135deg,#EDF9F7 0%,#DCEFFB 100%)}
.mk-model{color:#173F59}.mk-name{color:#0D5CAF}.mk-feature-list li{color:#526A7A}.mk-feature-list li:before{color:#2F9CCE}.mk-price-wrap strong,.mk-price-col{color:#0D5CAF}.mk-need-icon{background:#E8F8FB;color:#2F9CCE}.mk-need-card b{color:#173F59}.mk-need-card span{color:#5E7483}
.mk-product-badge{background:linear-gradient(135deg,#2F9CCE,#0D5CAF);box-shadow:0 6px 14px rgba(13,92,175,.18)}
.mk-seo-label{background:#EAF8FB;border-color:#C9EBF2;color:#0D5CAF}.mk-seo-benefits div,.mk-spec-columns>div,.mk-warranty-cards div{background:#F3FAFC;border-color:#DCECF3}.mk-seo-benefits b,.mk-spec-columns b{color:#173F59}.mk-seo-benefits span,.mk-spec-columns li,.mk-warranty-cards span{color:#617989}.mk-spec-head h3{color:#173F59}.mk-spec-head span{color:#0D5CAF}.mk-spec-warranty{background:#EDF8FB;color:#4A6B7D;border-color:#D5ECF3}.mk-warranty-cards b{color:#2F9CCE}
.mk-app-grid{background:#FCFEFF;border-color:#CFE7F1;box-shadow:0 12px 28px rgba(13,92,175,.06)}.mk-kit-showcase{border-color:#A8D7E7;box-shadow:0 12px 28px rgba(13,92,175,.09)}.mk-kit-icons span{background:rgba(13,92,175,.78);border-color:rgba(255,255,255,.18);color:#F6FCFE}
.mk-table-box{background:#FCFEFF;border-color:#CFE7F1;box-shadow:0 12px 28px rgba(13,92,175,.06)}.mk-table-box th{background:linear-gradient(90deg,#0D5CAF,#2F9CCE);color:#fff}.mk-table-box td{background:#FCFEFF;color:#425F70}.mk-table-box tbody tr:nth-child(even) td{background:#F3F9FC}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{background:#F8FCFE;border-color:#C9E1EC;color:#173245}.mk-order-form input:focus,.mk-order-form select:focus,.mk-order-form textarea:focus{border-color:#53D0E0;box-shadow:0 0 0 3px rgba(83,208,224,.14);background:#fff}
.mk-faq-grid summary{color:#173F59}.mk-faq-grid p{color:#5E7483}.mk-faq-grid details[open]{border-color:#8AC9DE;background:#FBFEFF}
.mk-footer{background:#083D6B}.mk-footer-cta-bar{background:#D9232E}.mk-back-top{background:rgba(13,92,175,.94)}
.mk-cart-fab{background:#0D5CAF}.mk-float-phone{background:#2FAF62}.mk-float-zalo{background:#0D5CAF}
.mk-thanks-page{background:radial-gradient(circle at 16% 18%,rgba(83,208,224,.10),transparent 24%),radial-gradient(circle at 88% 12%,rgba(47,156,206,.08),transparent 20%),linear-gradient(180deg,#F7FBFD 0%,#EDF7FA 100%)}
.mk-thanks-hero,.mk-thanks-card,.mk-thanks-next,.mk-thanks-actions-card{background:#FCFEFF;border-color:#CFE7F1;box-shadow:0 18px 42px rgba(13,92,175,.07)}
.mk-thanks-kicker,.mk-thanks-card-head span,.mk-thanks-customer-card>span,.mk-thanks-next-head span,.mk-thanks-actions-card>div:first-child>span{color:#0D5CAF}.mk-thanks-hero h1,.mk-thanks-card h2,.mk-thanks-next-head h2,.mk-thanks-actions-card h2{color:#163245}.mk-thanks-steps i{background:#E6F6FA;color:#0D5CAF}.mk-thanks-back{color:#0D5CAF}
.mk-checkout-cart-head{background:#EAF7FB;border-color:#CDEAF2}.mk-checkout-cart-head strong{color:#173F59}.mk-checkout-cart-head span{color:#0D5CAF}.mk-checkout-cart .mk-cart-empty{background:#F6FBFD;border-color:#CBE3ED;color:#607687}.mk-checkout-cart .mk-cart-line{background:#F8FCFE;border-color:#DCEAF1;color:#173245}.mk-checkout-cart .mk-cart-line-info b{color:#0D5CAF}.mk-checkout-cart .mk-qty button{background:#EAF6FA;color:#173F59}
@media(max-width:1023px){.mk-mobile-bar{background:linear-gradient(90deg,#0D5CAF,#2F9CCE)!important;border-top-color:rgba(255,255,255,.14)!important}}


/* v1.10.4 - embed generated application/support images */
.mk-app-tile{background-size:cover;background-position:center center;overflow:hidden}
.mk-support-box.mk-support-full-image{padding:0;background:#0B2235;border-color:#B8D6E6;box-shadow:0 16px 34px rgba(11,42,61,.12);min-height:unset;display:block}
.mk-support-fullimg{display:block;width:100%;height:auto;border-radius:14px}
@media (min-width:1024px){.mk-support-box.mk-support-full-image{align-self:stretch}.mk-support-fullimg{height:100%;object-fit:cover;min-height:520px}}
@media (max-width:767px){.mk-support-fullimg{min-height:280px;object-fit:cover}}


/* v1.11.0 - premium typography, brand logo and micro-interactions */
.mk-page{font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1}
.mk-page h1,.mk-page h2,.mk-page h3,.mk-page strong,.mk-page b{letter-spacing:-.018em}
.mk-main-nav a,.mk-btn,.mk-product-badge,.mk-kicker{letter-spacing:-.006em}
.mk-brand-image{display:flex;align-items:center;min-width:210px}
.mk-site-logo{display:block;width:auto;height:var(--mk-logo-h,48px);max-width:270px;object-fit:contain}
.mk-footer-logo-img{display:block;width:auto;height:54px;max-width:290px;object-fit:contain;margin-bottom:8px;filter:none}
.mk-hero-stage--custom{box-shadow:0 28px 68px rgba(13,92,175,.18),0 8px 22px rgba(17,58,88,.12);border-color:rgba(47,156,206,.25)}
.mk-hero-stage--custom:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.mk-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.mk-btn:before{content:"";position:absolute;inset:-2px auto -2px -42%;width:34%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:left .55s ease;z-index:-1}
.mk-effects-on .mk-btn:hover:before{left:115%}
.mk-effects-on .mk-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(13,92,175,.20)}
.mk-product-card,.mk-need-card,.mk-spec-card,.mk-faq-grid details{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mk-effects-on .mk-product-card:hover,.mk-effects-on .mk-need-card:hover,.mk-effects-on .mk-spec-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,74,106,.12)}
.mk-card-image img{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.mk-effects-on .mk-product-card:hover .mk-card-image img{transform:scale(1.035);filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}
.mk-reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease var(--mk-delay,0ms),transform .52s cubic-bezier(.2,.7,.2,1) var(--mk-delay,0ms)}
.mk-reveal.is-visible{opacity:1;transform:none}
.mk-section-head h2{background:linear-gradient(90deg,#163042 0%,#0D5CAF 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-kicker{font-weight:800}.mk-hero-sub{line-height:1.62}
.mk-product-card,.mk-spec-card,.mk-form-box,.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{backdrop-filter:saturate(115%)}
@media(max-width:1023px){.mk-brand-image{min-width:0}.mk-site-logo{height:min(var(--mk-logo-h,48px),44px);max-width:220px}}
@media(max-width:640px){.mk-site-logo{height:min(var(--mk-logo-h,48px),38px);max-width:190px}.mk-footer-logo-img{height:46px}.mk-effects-on .mk-product-card:hover,.mk-effects-on .mk-need-card:hover,.mk-effects-on .mk-spec-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.mk-reveal{opacity:1!important;transform:none!important;transition:none!important}.mk-btn,.mk-product-card,.mk-card-image img{transition:none!important}}


/* v1.11.1 - header contrast + application image cards */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.mk-header{background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(233,245,251,.98) 55%,rgba(223,239,248,.98) 100%)!important;border-bottom:1px solid rgba(112,158,186,.28)!important;box-shadow:0 10px 28px rgba(18,52,76,.10)!important}
.mk-main-nav a{color:#163042!important;text-shadow:none}
.mk-main-nav a:hover{color:#0D5CAF!important}
.mk-phone{color:#163042!important;font-weight:800}
.mk-phone-ico{background:rgba(13,92,175,.10)!important;color:#0D5CAF!important}
.mk-brand-image{padding:4px 0}
.mk-site-logo{filter:drop-shadow(0 3px 10px rgba(13,92,175,.10))}
.mk-head-actions .mk-btn-small{box-shadow:0 12px 22px rgba(13,92,175,.18)}

.mk-panel{overflow:hidden}
.mk-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mk-app-tile{position:relative;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #CFE0EC;border-radius:16px;overflow:hidden;box-shadow:0 14px 28px rgba(20,56,83,.08);transform:translateZ(0)}
.mk-app-tile:before{display:none!important}
.mk-app-tile img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center center;background:#dcecf6}
.mk-app-tile span{position:static!important;left:auto!important;bottom:auto!important;z-index:auto!important;display:block;padding:14px 16px;background:linear-gradient(90deg,#0D5CAF 0%,#2F9CCE 100%);color:#fff;font-size:18px;font-weight:900;line-height:1.2;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.mk-effects-on .mk-app-tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(20,56,83,.12)}

@media(max-width:1023px){
  .mk-header{background:linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(232,245,252,.99) 100%)!important}
  .mk-app-grid{gap:14px}
}
@media(max-width:767px){
  .mk-app-grid{grid-template-columns:1fr}
  .mk-app-tile img{aspect-ratio:16 / 10}
  .mk-app-tile span{font-size:17px;padding:12px 14px}
}


/* v1.11.2 - balanced columns + cleaner app cards */
.mk-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:18px}
.mk-kit-showcase{display:flex;flex-direction:column;justify-content:space-between;min-height:610px;padding:14px 14px 12px}
.mk-kit-row{grid-template-columns:1fr 1.05fr .74fr;gap:14px;align-items:stretch;flex:1}
.mk-kit-row img,.mk-manual-card{height:250px}
.mk-kit-row img{width:100%;display:block}
.mk-manual-card{font-size:28px}
.mk-manual-card span{font-size:14px;line-height:1.4}
.mk-kit-icons{margin-top:12px;gap:10px}
.mk-kit-icons span{min-height:52px;padding:8px 10px;font-size:15px;border-radius:12px}
.mk-app-grid{gap:14px;padding:12px;align-content:start}
.mk-app-tile img{aspect-ratio:4 / 3;border-bottom:1px solid #D7E7F0}
.mk-app-tile span{font-size:17px}

@media(max-width:1279px){
  .mk-panel h2{font-size:44px}
  .mk-kit-showcase{min-height:580px}
  .mk-kit-row img,.mk-manual-card{height:228px}
}
@media(max-width:1023px){
  .mk-two-col{grid-template-columns:1fr;gap:16px}
  .mk-kit-showcase{min-height:0}
}
@media(max-width:767px){
  .mk-kit-row img{height:168px}
  .mk-manual-card{height:120px;font-size:22px}
  .mk-kit-icons span{min-height:46px;font-size:14px}
  .mk-app-grid{gap:12px;padding:10px}
}


/* v1.11.3 - cleaner application images + balanced two-column layout */
.mk-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.mk-two-col > .mk-panel{display:flex;flex-direction:column;min-width:0}
.mk-two-col > .mk-panel > .mk-kit-showcase,
.mk-two-col > .mk-panel > .mk-app-grid{flex:1}

.mk-kit-showcase,.mk-app-grid{min-height:640px}
.mk-kit-showcase{padding:16px 16px 14px;border-radius:18px}
.mk-kit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(160px,.72fr);gap:14px;align-items:stretch}
.mk-kit-row img,.mk-manual-card{height:248px;border-radius:14px}
.mk-kit-row img{padding:10px;background:linear-gradient(135deg,#C9ECE5 0%,#B6D9FB 100%)}
.mk-manual-card{padding:16px 12px;font-size:30px;line-height:1.08}
.mk-manual-card span{margin-top:10px;font-size:14px;line-height:1.35}
.mk-kit-icons{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.mk-kit-icons span{min-height:56px;padding:10px 8px;font-size:15px;border-radius:12px}

.mk-app-grid{padding:12px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;border-radius:18px}
.mk-app-tile{height:100%;display:flex;flex-direction:column;border-radius:14px;overflow:hidden}
.mk-app-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center center}
.mk-app-tile span{display:block;margin-top:auto;font-size:18px;padding:15px 16px;line-height:1.2}

@media(max-width:1279px){
  .mk-kit-showcase,.mk-app-grid{min-height:600px}
  .mk-kit-row img,.mk-manual-card{height:226px}
  .mk-kit-icons span{min-height:52px;font-size:14px}
}
@media(max-width:1023px){
  .mk-two-col{grid-template-columns:1fr;gap:18px}
  .mk-kit-showcase,.mk-app-grid{min-height:0}
}
@media(max-width:767px){
  .mk-kit-row{grid-template-columns:1fr 1fr}
  .mk-manual-card{grid-column:1/-1;height:120px;font-size:24px}
  .mk-kit-row img{height:170px}
  .mk-kit-icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-app-grid{grid-template-columns:1fr;gap:12px;padding:10px}
  .mk-app-tile span{font-size:17px;padding:13px 14px}
}


/* v1.11.4 - rebalance kit/app columns and remove empty gaps */
.mk-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.mk-two-col > .mk-panel{display:block;min-width:0}

.mk-kit-showcase,.mk-app-grid{min-height:auto !important;height:auto !important}
.mk-kit-showcase{display:block !important;padding:16px !important;border-radius:18px;overflow:hidden}
.mk-kit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch !important}
.mk-kit-row img,.mk-manual-card{height:238px !important;border-radius:16px}
.mk-kit-row img{width:100%;padding:0 !important;object-fit:contain;background:linear-gradient(135deg,#CFEFE6 0%,#B7DBFB 100%)}
.mk-manual-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;line-height:1.08}
.mk-kit-icons{margin-top:14px !important;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}
.mk-kit-icons span{min-height:54px !important}

.mk-app-grid{padding:14px !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px !important;align-items:start;grid-auto-rows:auto !important;border-radius:18px}
.mk-app-tile{display:flex !important;flex-direction:column;height:auto !important;min-height:0 !important;align-self:start;background:#fff;border-radius:16px;overflow:hidden}
.mk-app-tile img{display:block;width:100%;height:245px !important;aspect-ratio:auto !important;object-fit:cover;object-position:center center;flex:0 0 auto;background:#dfeef7}
.mk-app-tile span{display:block;margin:0 !important;padding:14px 16px !important;line-height:1.2;font-size:17px !important;position:static !important}

@media(max-width:1279px){
  .mk-kit-row img,.mk-manual-card{height:220px !important}
  .mk-app-tile img{height:220px !important}
}
@media(max-width:1023px){
  .mk-two-col{grid-template-columns:1fr;gap:18px}
}
@media(max-width:767px){
  .mk-kit-row{grid-template-columns:1fr 1fr}
  .mk-manual-card{grid-column:1/-1;height:120px !important}
  .mk-kit-row img{height:170px !important}
  .mk-kit-icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-app-grid{grid-template-columns:1fr;padding:10px !important}
  .mk-app-tile img{height:auto !important;aspect-ratio:16/10 !important}
}


/* v1.11.5 - final rebalance for kit + applications section */
.mk-kit-apps .mk-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.mk-kit-apps .mk-panel{display:block!important;min-width:0}

/* Left column: light card, no forced empty space */
.mk-kit-apps .mk-kit-showcase{
  min-height:0!important;height:auto!important;display:block!important;
  padding:14px!important;border-radius:18px!important;
  background:#FCFEFF!important;border:1px solid #CFE7F1!important;
  box-shadow:0 12px 28px rgba(13,92,175,.07)!important;
}
.mk-kit-apps .mk-kit-showcase:before{display:none!important}
.mk-kit-apps .mk-kit-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch!important;
}
.mk-kit-apps .mk-kit-row img{
  width:100%!important;height:205px!important;padding:8px!important;
  object-fit:contain!important;border-radius:14px!important;
  background:linear-gradient(135deg,#D8F2EC 0%,#C8E4FA 100%)!important;
  box-sizing:border-box;
}
.mk-kit-apps .mk-manual-card{
  grid-column:1/-1!important;height:88px!important;
  display:flex!important;flex-direction:row!important;gap:14px;
  justify-content:center!important;align-items:center!important;
  padding:14px 18px!important;border-radius:14px!important;
  font-size:26px!important;line-height:1!important;
  background:linear-gradient(135deg,#EAF7FB 0%,#D6ECFA 100%)!important;
  color:#153B55!important;border:1px solid #C7E0EC;
}
.mk-kit-apps .mk-manual-card span{margin:0!important;font-size:14px!important;line-height:1.25!important}
.mk-kit-apps .mk-kit-icons{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;margin-top:12px!important;
}
.mk-kit-apps .mk-kit-icons span{
  min-height:50px!important;padding:8px 10px!important;
  font-size:14px!important;border-radius:11px!important;
  background:linear-gradient(135deg,#0D5CAF 0%,#2F9CCE 100%)!important;
  border:0!important;color:#fff!important;
}

/* Right column: remove white band between image and label */
.mk-kit-apps .mk-app-grid{
  min-height:0!important;height:auto!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;align-items:start!important;align-content:start!important;
  gap:12px!important;padding:12px!important;border-radius:18px!important;
}
.mk-kit-apps .mk-app-tile{
  display:grid!important;grid-template-rows:auto auto!important;gap:0!important;
  height:auto!important;min-height:0!important;align-self:start!important;
  margin:0!important;padding:0!important;background:#fff!important;
  border-radius:14px!important;overflow:hidden!important;line-height:0!important;
}
.mk-kit-apps .mk-app-tile img{
  display:block!important;width:100%!important;height:205px!important;
  aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;
  margin:0!important;padding:0!important;border:0!important;vertical-align:top!important;
}
.mk-kit-apps .mk-app-tile span{
  position:static!important;display:block!important;margin:0!important;
  padding:13px 15px!important;line-height:1.2!important;font-size:17px!important;
  background:linear-gradient(90deg,#0D5CAF 0%,#2F9CCE 100%)!important;
  color:#fff!important;
}

@media(max-width:1279px){
  .mk-kit-apps .mk-kit-row img,.mk-kit-apps .mk-app-tile img{height:190px!important}
  .mk-kit-apps .mk-manual-card{height:82px!important;font-size:24px!important}
}
@media(max-width:1023px){
  .mk-kit-apps .mk-two-col{grid-template-columns:1fr!important;gap:18px!important}
}
@media(max-width:767px){
  .mk-kit-apps .mk-kit-row{grid-template-columns:1fr 1fr!important}
  .mk-kit-apps .mk-kit-row img{height:160px!important}
  .mk-kit-apps .mk-manual-card{height:96px!important;flex-direction:column!important;gap:6px!important;font-size:22px!important}
  .mk-kit-apps .mk-kit-icons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mk-kit-apps .mk-app-grid{grid-template-columns:1fr!important;padding:10px!important}
  .mk-kit-apps .mk-app-tile img{height:auto!important;aspect-ratio:16/10!important}
}


/* v1.12.0 - 9:16 video section */
.mk-video-section{padding:42px 0 12px}.mk-video-section-head{display:block;max-width:820px;margin-bottom:22px}.mk-video-section-head .mk-seo-label{margin-bottom:8px}.mk-video-section-head h2{margin:0 0 8px;font-size:48px;line-height:1.04;letter-spacing:-1.4px;background:linear-gradient(90deg,#163042 0%,#0D5CAF 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.mk-video-section-head p{margin:0;color:#617989;font-size:16px;line-height:1.6;text-transform:none;letter-spacing:0;font-weight:500}.mk-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:980px;margin:0 auto}.mk-video-card{overflow:hidden;border:1px solid #CFE3EC;border-radius:20px;background:#FCFEFF;box-shadow:0 18px 40px rgba(13,92,175,.09);transition:transform .25s ease,box-shadow .25s ease}.mk-effects-on .mk-video-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(13,92,175,.14)}.mk-video-frame{position:relative;aspect-ratio:9/16;background:linear-gradient(160deg,#082A47,#0D5CAF);overflow:hidden}.mk-video-frame iframe,.mk-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#07131d}.mk-video-card-body{padding:15px 16px 17px}.mk-video-card-body>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#E8F6FB;color:#0D5CAF;font-size:11px;font-weight:900}.mk-video-card-body h3{margin:8px 0 9px;color:#163245;font-size:20px;line-height:1.2}.mk-video-link{color:#0D5CAF;font-size:14px;font-weight:900;text-decoration:none}.mk-video-link:hover{text-decoration:underline}@media(max-width:1023px){.mk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}.mk-video-section-head h2{font-size:40px}}@media(max-width:767px){.mk-video-section{padding-top:28px}.mk-video-section-head h2{font-size:32px}.mk-video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -12px;padding:0 12px 10px;max-width:none}.mk-video-card{flex:0 0 min(78vw,310px);scroll-snap-align:start}.mk-video-grid::-webkit-scrollbar{height:4px}.mk-video-grid::-webkit-scrollbar-thumb{background:#B8DCE9;border-radius:99px}}

/* v1.13.0 - final premium polish pass */
:root{
  --mk-max:1220px;
  --mk-radius-sm:14px;
  --mk-radius-md:18px;
  --mk-radius-lg:24px;
  --mk-shadow-soft:0 12px 28px rgba(13,92,175,.06);
  --mk-shadow-card:0 18px 42px rgba(13,92,175,.10);
  --mk-shadow-hover:0 22px 46px rgba(13,92,175,.13);
}
body{
  line-height:1.6;
}
.mk-page,
.mk-thanks-page{
  font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
}
.mk-container{
  width:min(var(--mk-max),calc(100% - 48px));
}
.mk-section{
  padding:38px 0 0;
}
.mk-section-head,
.mk-section-head.mini{
  margin-bottom:22px;
}
.mk-section-head h2,
.mk-panel h2,
.mk-form-box h2,
.mk-seo-copy-main h2,
.mk-warranty-copy h2{
  letter-spacing:-.04em;
}
.mk-section-head p,
.mk-panel-sub,
.mk-seo-copy-main p,
.mk-warranty-copy p,
.mk-faq-grid p,
.mk-feature-list li,
.mk-order-form input,
.mk-order-form select,
.mk-order-form textarea{
  color:#5f7384;
}

.mk-header{
  background:linear-gradient(90deg,rgba(11,70,135,.96) 0%,rgba(38,145,197,.96) 52%,rgba(89,205,223,.94) 100%);
  box-shadow:0 12px 34px rgba(13,92,175,.16);
}
.mk-head-inner{
  min-height:82px;
}
.mk-brand-image,
.mk-brand{
  min-width:0;
}
.mk-site-logo{
  filter:drop-shadow(0 4px 14px rgba(6,41,80,.10));
}
.mk-main-nav a,
.mk-phone,
.mk-head-actions .mk-btn-small{
  letter-spacing:.01em;
}
.mk-main-nav a{
  position:relative;
  opacity:.96;
}
.mk-main-nav a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-9px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.mk-main-nav a:hover:after{
  transform:scaleX(.9);
}
.mk-phone{
  gap:12px;
}
.mk-phone-ico{
  width:34px;
  height:34px;
}
.mk-btn{
  border-radius:14px;
  box-shadow:0 14px 32px rgba(13,92,175,.18);
}
.mk-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(13,92,175,.22);
}
.mk-btn-outline{
  border-width:1px;
}

.mk-hero{
  padding:30px 0 8px;
}
.mk-hero-grid{
  gap:34px;
  min-height:0;
}
.mk-hero-copy{
  max-width:560px;
}
.mk-kicker{
  font-weight:800;
}
.mk-hero h1{
  margin:12px 0 14px;
  max-width:590px;
  font-size:68px;
  line-height:1.02;
}
.mk-hero-sub{
  max-width:530px;
  font-size:21px;
}
.mk-sales-hook{
  margin-top:16px;
  padding:9px 14px;
  border-radius:999px;
}
.mk-hero-features{
  gap:14px 26px;
  margin:28px 0;
}
.mk-hero-stage,
.mk-hero-stage.mk-hero-stage--custom{
  border-radius:26px;
  box-shadow:0 24px 56px rgba(13,92,175,.14);
}
.mk-hero-stage--custom .mk-hero-banner{
  object-position:center center;
}

.mk-trust,
.mk-products-grid .mk-product-card,
.mk-need-card,
.mk-seo-copy-main,
.mk-seo-benefits,
.mk-spec-card,
.mk-warranty-copy,
.mk-warranty-cards,
.mk-faq-grid details,
.mk-form-box,
.mk-kit-showcase,
.mk-app-grid,
.mk-table-box,
.mk-video-card,
.mk-support-box.mk-support-full-image{
  box-shadow:var(--mk-shadow-soft);
}
.mk-product-card,
.mk-need-card,
.mk-seo-copy-main,
.mk-seo-benefits,
.mk-spec-card,
.mk-warranty-copy,
.mk-warranty-cards,
.mk-faq-grid details,
.mk-form-box,
.mk-table-box,
.mk-video-card,
.mk-kit-showcase,
.mk-app-grid,
.mk-support-box.mk-support-full-image{
  border-radius:var(--mk-radius-md);
}
.mk-products-grid,
.mk-needs-grid,
.mk-specs-grid,
.mk-faq-grid,
.mk-video-grid,
.mk-form-grid,
.mk-two-col,
.mk-seo-copy,
.mk-warranty-grid{
  gap:20px;
}
.mk-product-card,
.mk-need-card,
.mk-spec-card,
.mk-video-card,
.mk-faq-grid details{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.mk-effects-on .mk-product-card:hover,
.mk-effects-on .mk-need-card:hover,
.mk-effects-on .mk-spec-card:hover,
.mk-effects-on .mk-video-card:hover,
.mk-effects-on .mk-faq-grid details:hover{
  transform:translateY(-3px);
  box-shadow:var(--mk-shadow-hover);
}

.mk-products-grid .mk-card-image{
  padding:16px;
  background:linear-gradient(180deg,#f4fbfa 0%,#e4f0fb 100%);
}
.mk-products-grid .mk-card-body{
  padding:16px 16px 14px;
}
.mk-model{
  font-size:20px;
}
.mk-name{
  font-size:18px;
  line-height:1.35;
}
.mk-feature-list{
  margin:14px 0 16px;
}
.mk-feature-list li{
  margin:7px 0;
}
.mk-buy-btn{
  min-height:46px;
  border-radius:12px;
}

.mk-seo-copy-section,
.mk-kit-apps,
.mk-warranty-section,
.mk-form-section{
  margin-top:32px;
  padding-top:34px;
  padding-bottom:34px;
}
.mk-seo-copy-main,
.mk-seo-benefits,
.mk-warranty-copy,
.mk-warranty-cards,
.mk-form-box{
  padding:24px;
}
.mk-seo-copy-main p,
.mk-warranty-copy p{
  line-height:1.78;
}
.mk-seo-benefits div,
.mk-spec-columns>div,
.mk-warranty-cards div{
  padding:14px;
  border-radius:14px;
}
.mk-spec-card{
  padding:18px;
}
.mk-spec-head{
  margin-bottom:16px;
}
.mk-spec-columns{
  gap:14px;
}

.mk-kit-showcase{
  padding:16px;
  overflow:hidden;
}
.mk-kit-row{
  gap:16px;
  align-items:stretch;
}
.mk-kit-row img,
.mk-manual-card{
  height:200px;
  border-radius:16px;
  box-shadow:0 12px 24px rgba(9,31,47,.08);
}
.mk-manual-card{
  font-size:22px;
}
.mk-kit-icons{
  margin-top:14px;
  gap:10px;
}
.mk-kit-icons span{
  min-height:50px;
  border-radius:12px;
  padding:8px 10px;
  line-height:1.25;
}
.mk-app-grid{
  padding:14px;
}
.mk-app-tile{
  min-height:180px;
  border-radius:16px;
  background-position:center;
  box-shadow:0 10px 24px rgba(9,31,47,.08);
}
.mk-app-tile:before{
  background:linear-gradient(180deg,rgba(8,26,40,.08) 0%,rgba(8,26,40,.36) 58%,rgba(8,26,40,.72) 100%);
}
.mk-app-tile span{
  left:14px;
  right:14px;
  bottom:12px;
  font-size:18px;
  line-height:1.2;
  text-shadow:0 2px 10px rgba(0,0,0,.18);
}

.mk-video-section{
  padding:48px 0 16px;
}
.mk-video-section-head{
  margin-bottom:24px;
}
.mk-video-card{
  border-radius:22px;
}
.mk-video-frame{
  border-bottom:1px solid rgba(207,231,241,.8);
}
.mk-video-card-body{
  padding:16px 18px 18px;
}
.mk-video-card-body h3{
  margin:10px 0 10px;
}

.mk-form-grid{
  align-items:stretch;
}
.mk-form-box,
.mk-support-box.mk-support-full-image{
  height:100%;
}
.mk-form-box{
  padding:26px;
}
.mk-order-form{
  gap:14px;
  margin-top:16px;
}
.mk-order-form input,
.mk-order-form select,
.mk-order-form textarea{
  min-height:54px;
  border-radius:12px;
}
.mk-order-form textarea{
  min-height:104px;
}
.mk-submit-order{
  min-height:54px;
}
.mk-support-box.mk-support-full-image{
  overflow:hidden;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:linear-gradient(180deg,#f5fafe 0%,#eaf4fa 100%);
}
.mk-support-fullimg{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.mk-faq-grid details{
  padding:16px 18px;
}
.mk-faq-grid summary{
  line-height:1.4;
}

.mk-footer{
  margin-top:18px;
}
.mk-footer-top{
  gap:28px;
}
.mk-footer-col h3,
.mk-footer-col h4{
  letter-spacing:-.02em;
}

@media (min-width:1024px) and (max-width:1439px){
  .mk-container{width:min(var(--mk-max),calc(100% - 36px))}
  .mk-hero-grid{gap:28px}
  .mk-hero h1{font-size:60px}
  .mk-hero-sub{font-size:19px}
  .mk-products-grid,.mk-needs-grid,.mk-form-grid,.mk-video-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:18px}
  .mk-section-head h2,.mk-panel h2,.mk-form-box h2{font-size:42px}
  .mk-app-tile{min-height:165px}
}
@media (min-width:768px) and (max-width:1023px){
  .mk-container{width:min(100% - 32px,930px)}
  .mk-head-inner{min-height:74px}
  .mk-hero{padding-top:22px}
  .mk-hero-grid{gap:22px}
  .mk-hero-copy{max-width:none}
  .mk-hero h1{font-size:56px;max-width:none}
  .mk-hero-sub{max-width:none;font-size:19px}
  .mk-section{padding-top:30px}
  .mk-products-grid,.mk-needs-grid,.mk-form-grid,.mk-video-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:18px}
  .mk-kit-row img,.mk-manual-card{height:180px}
  .mk-app-tile{min-height:190px}
  .mk-support-fullimg{min-height:460px}
}
@media (max-width:767px){
  .mk-container{width:calc(100% - 22px)}
  .mk-head-inner{min-height:68px}
  .mk-hero{padding-top:18px}
  .mk-hero-grid{gap:18px}
  .mk-hero h1{font-size:42px;max-width:none}
  .mk-hero-sub{font-size:17px;max-width:none}
  .mk-sales-hook{border-radius:14px;padding:10px 12px;line-height:1.45}
  .mk-section{padding-top:22px}
  .mk-section-head,.mk-section-head.mini{margin-bottom:16px}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:31px;line-height:1.12}
  .mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,.mk-form-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:16px}
  .mk-product-card,.mk-need-card,.mk-spec-card,.mk-form-box,.mk-video-card,.mk-kit-showcase,.mk-app-grid,.mk-support-box.mk-support-full-image{border-radius:16px}
  .mk-products-grid .mk-card-image{padding:14px}
  .mk-products-grid .mk-card-body{padding:14px}
  .mk-kit-showcase,.mk-app-grid,.mk-form-box,.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{padding:16px}
  .mk-kit-row{gap:12px}
  .mk-kit-row img{height:138px}
  .mk-manual-card{height:120px;font-size:18px}
  .mk-kit-icons{gap:8px}
  .mk-kit-icons span{min-height:44px;font-size:12px}
  .mk-app-grid{grid-template-columns:1fr 1fr;gap:12px}
  .mk-app-tile{min-height:150px;border-radius:14px}
  .mk-app-tile span{font-size:16px;left:12px;right:12px;bottom:10px}
  .mk-video-section{padding-top:32px}
  .mk-video-card{flex:0 0 min(80vw,320px)}
  .mk-video-card-body h3{font-size:18px}
  .mk-form-box{padding:18px}
  .mk-order-form input,.mk-order-form select,.mk-order-form textarea{min-height:50px}
  .mk-order-form textarea{min-height:96px}
  .mk-support-fullimg{min-height:320px}
}
@media (max-width:420px){
  .mk-container{width:calc(100% - 18px)}
  .mk-hero h1{font-size:36px}
  .mk-hero-features{grid-template-columns:1fr;gap:10px}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:28px}
  .mk-app-grid{grid-template-columns:1fr}
  .mk-app-tile{min-height:180px}
}

/* v1.14.0 - premium industrial-tech redesign */
:root{
  --mk-ink:#102f43;
  --mk-ink-2:#183f57;
  --mk-navy:#073965;
  --mk-navy-2:#0b5ea4;
  --mk-sky:#2f9cce;
  --mk-cyan:#59d0df;
  --mk-surface:#f7fbfd;
  --mk-surface-2:#edf5f9;
  --mk-card:#ffffff;
  --mk-border:#d6e7ef;
  --mk-shadow-xl:0 28px 70px rgba(7,57,101,.15);
  --mk-shadow-lg:0 20px 48px rgba(7,57,101,.11);
  --mk-shadow-md:0 12px 30px rgba(7,57,101,.08);
}

/* Global surface / typography */
body{background:#edf5f9}
.mk-page{
  color:var(--mk-ink);
  background:
    radial-gradient(circle at 12% 4%,rgba(89,208,223,.11),transparent 24%),
    radial-gradient(circle at 92% 8%,rgba(47,156,206,.09),transparent 20%),
    linear-gradient(180deg,#f7fbfd 0%,#eef6fa 42%,#f7fbfd 100%);
}
.mk-page h1,.mk-page h2,.mk-page h3,.mk-page h4{
  color:var(--mk-ink);
  letter-spacing:-.038em;
}
.mk-page p,.mk-page li,.mk-page small{letter-spacing:-.004em}
.mk-container{width:min(1220px,calc(100% - 48px))}

/* Premium glass header */
.mk-header{
  background:linear-gradient(90deg,rgba(5,42,75,.96),rgba(8,74,126,.95) 52%,rgba(24,112,159,.94))!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 38px rgba(7,57,101,.18)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.mk-head-inner{min-height:82px}
.mk-main-nav{gap:34px}
.mk-main-nav a{color:rgba(255,255,255,.9)!important;font-weight:700}
.mk-main-nav a:hover{color:#fff!important}
.mk-phone{color:#fff!important}
.mk-phone-ico{background:rgba(255,255,255,.13)!important;color:#fff!important}
.mk-head-actions .mk-btn-small{
  min-height:48px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 28px rgba(1,27,52,.18);
}
.mk-site-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.16))}

/* Editorial hero */
.mk-hero{
  position:relative;
  padding:46px 0 30px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(247,251,253,.98) 0%,rgba(247,251,253,.96) 47%,rgba(229,243,249,.96) 100%);
}
.mk-hero:before{
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  border-radius:50%;
  right:-160px;
  top:-210px;
  background:radial-gradient(circle,rgba(89,208,223,.18),rgba(47,156,206,.03) 58%,transparent 72%);
  pointer-events:none;
}
.mk-hero-grid{position:relative;z-index:1;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.mk-hero-copy{max-width:560px}
.mk-kicker{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border:1px solid #c6e4ef;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:#0b5ea4!important;
  font-size:13px;
  letter-spacing:.05em;
  box-shadow:0 8px 24px rgba(7,57,101,.05);
}
.mk-hero h1{font-size:70px;line-height:1.01;margin:16px 0 16px;max-width:590px}
.mk-hero-sub{font-size:20px;line-height:1.62;color:#557084!important}
.mk-sales-hook{
  border:1px solid #c8e7f0!important;
  background:linear-gradient(90deg,#eef9fc,#e5f5fa)!important;
  color:#176d8e!important;
  box-shadow:0 8px 24px rgba(7,57,101,.05);
}
.mk-hero-features{gap:12px 18px;margin:24px 0 28px}
.mk-hero-features div{
  min-height:44px;
  padding:0 12px;
  border:1px solid #d9e9f0;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#28485e!important;
  font-size:15px;
  box-shadow:0 8px 22px rgba(7,57,101,.04);
}
.mk-hero-actions{gap:10px}
.mk-hero-actions .mk-btn,.mk-hero-zalo{min-height:50px;border-radius:13px}
.mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{
  border-radius:28px;
  border:1px solid rgba(13,92,175,.18);
  box-shadow:var(--mk-shadow-xl);
}
.mk-hero-stage.mk-hero-stage--custom:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}

/* Trust cards floating after hero */
.mk-trust{
  margin-top:-8px;
  padding:18px 0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative;
  z-index:3;
}
.mk-trust-grid{gap:12px}
.mk-trust-grid>div{
  border:1px solid #d8e9f0!important;
  border-radius:15px;
  padding:15px 16px!important;
  background:rgba(255,255,255,.94);
  box-shadow:var(--mk-shadow-md);
}
.mk-trust-grid b{font-size:17px!important;color:#183f57!important}
.mk-trust-grid small{font-size:12px!important;color:#6d8290!important}
.mk-trust-hook{
  margin:0;
  border:0!important;
  background:transparent!important;
  color:#5b7889!important;
  padding:2px 0 14px!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
}

/* Section rhythm */
.mk-section{padding:52px 0 0}
.mk-section-head,.mk-section-head.mini{margin-bottom:24px}
.mk-section-head h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{
  color:#102f43!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}
.mk-section-head h2{font-size:46px;line-height:1.05}
.mk-section-head.mini h2{font-size:40px}
.mk-section-head p{color:#0b5ea4!important;font-size:13px;text-transform:uppercase!important;letter-spacing:.06em!important}
.mk-panel-sub{color:#687f8f!important}

/* Alternating full-width surfaces */
.mk-products-section{
  padding:54px 0 58px;
  background:linear-gradient(180deg,#f8fcfe 0%,#eff6fa 100%);
  border-top:1px solid #e0edf2;
  border-bottom:1px solid #e0edf2;
}
.mk-seo-copy-section{
  margin-top:0!important;
  padding:56px 0!important;
  background:linear-gradient(135deg,#eaf6fa 0%,#f7fbfd 54%,#eef7fb 100%)!important;
  border:0!important;
}
.mk-kit-apps{
  margin-top:0!important;
  padding:56px 0!important;
  background:#fff!important;
  border:0!important;
}
.mk-specs-section{
  padding:56px 0 60px;
  background:linear-gradient(180deg,#f4f9fc 0%,#edf5f9 100%);
  border-top:1px solid #deebf1;
  border-bottom:1px solid #deebf1;
}
.mk-warranty-section{
  margin-top:0!important;
  padding:56px 0!important;
  background:#fff!important;
  border:0!important;
}
#so-sanh{
  padding:56px 0 58px;
  background:linear-gradient(180deg,#f7fbfd 0%,#eef6fa 100%);
}
.mk-faq-section{
  padding:56px 0 54px;
  background:#fff;
}

/* Cards */
.mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-table-box,.mk-form-box,.mk-app-grid,.mk-kit-showcase,.mk-video-card,.mk-support-box.mk-support-full-image{
  border:1px solid #d7e7ee!important;
  background:#fff!important;
  box-shadow:var(--mk-shadow-md)!important;
}
.mk-product-card,.mk-spec-card,.mk-video-card,.mk-faq-grid details{
  overflow:hidden;
}
.mk-product-card{
  border-radius:20px!important;
}
.mk-products-grid .mk-card-image{
  padding:18px!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(89,208,223,.20),transparent 34%),
    linear-gradient(180deg,#f3fbfb 0%,#e8f2fa 100%)!important;
}
.mk-products-grid .mk-card-body{padding:18px 18px 16px!important}
.mk-model{font-size:20px!important;color:#183f57!important}
.mk-name{font-size:17px!important;color:#0b5ea4!important}
.mk-price-wrap strong{font-size:23px!important;color:#0b5ea4!important}
.mk-product-badge{
  right:12px!important;
  top:12px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0b5ea4,#2f9cce)!important;
}
.mk-buy-btn{border-radius:12px!important}
.mk-effects-on .mk-product-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:var(--mk-shadow-hover)!important;
}

/* Guide / warranty */
.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{padding:24px!important;border-radius:20px!important}
.mk-seo-label{
  background:#eaf7fb!important;
  border-color:#cce7f0!important;
  color:#0b5ea4!important;
  border-radius:999px!important;
}
.mk-seo-benefits div,.mk-warranty-cards div,.mk-spec-columns>div{
  background:#f7fbfd!important;
  border:1px solid #e0edf2!important;
  border-radius:14px!important;
}

/* Kit + application block */
.mk-two-col{gap:22px!important;align-items:start!important}
.mk-kit-showcase,.mk-app-grid{border-radius:20px!important}
.mk-kit-showcase{
  padding:16px!important;
  background:linear-gradient(160deg,#0a456f 0%,#0d5caf 42%,#2f9cce 100%)!important;
  position:relative;
}
.mk-kit-showcase:before{
  background:linear-gradient(180deg,rgba(6,34,59,.06),rgba(5,30,53,.25))!important;
}
.mk-kit-row img,.mk-manual-card{border-radius:16px!important;box-shadow:0 10px 26px rgba(3,32,58,.16)}
.mk-kit-icons span{
  min-height:50px!important;
  background:rgba(3,37,69,.58)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  backdrop-filter:blur(8px);
}
.mk-app-grid{padding:14px!important;gap:14px!important}
.mk-app-tile{
  min-height:180px!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(7,57,101,.08);
}
.mk-app-tile span{font-size:17px!important}

/* Dark cinematic video showcase */
.mk-video-section{
  margin-top:0;
  padding:58px 0 62px!important;
  background:
    radial-gradient(circle at 20% 10%,rgba(89,208,223,.13),transparent 26%),
    linear-gradient(135deg,#062e51 0%,#073965 48%,#0a4f82 100%);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.mk-video-section-head{max-width:760px!important;margin-bottom:28px!important}
.mk-video-section-head .mk-seo-label{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#dff9ff!important;
}
.mk-video-section-head h2{
  color:#fff!important;
  background:none!important;
  -webkit-text-fill-color:#fff!important;
  font-size:44px!important;
}
.mk-video-section-head p{color:rgba(230,246,252,.78)!important}
.mk-video-grid{max-width:1040px!important;gap:18px!important}
.mk-video-card{
  border-color:rgba(255,255,255,.11)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 24px 54px rgba(0,22,43,.24)!important;
}
.mk-video-frame{
  background:linear-gradient(160deg,#041f38,#0a4f82)!important;
}
.mk-video-card-body{padding:17px 18px 19px!important}
.mk-video-card-body h3{color:#183f57!important}
.mk-video-card-body>span{background:#eaf7fb!important;color:#0b5ea4!important}
.mk-video-link{color:#0b5ea4!important}

/* Specs + comparison */
.mk-spec-card{border-radius:20px!important;padding:18px!important}
.mk-spec-head img{border-radius:14px!important;background:linear-gradient(135deg,#d5f1eb,#d6e9fa)!important}
.mk-spec-warranty{border-radius:12px!important}
.mk-table-box{border-radius:20px!important;overflow:hidden!important}
.mk-table-box th{background:linear-gradient(90deg,#073965,#0b5ea4)!important}
.mk-table-box td{padding-top:15px!important;padding-bottom:15px!important}

/* Premium conversion form */
.mk-form-section{
  margin-top:0!important;
  padding:62px 0!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(89,208,223,.16),transparent 25%),
    linear-gradient(135deg,#e8f4f9 0%,#f7fbfd 55%,#eaf5fa 100%)!important;
  border:0!important;
}
.mk-form-grid{gap:24px!important;align-items:stretch!important}
.mk-form-box{
  padding:28px!important;
  border-radius:22px!important;
  box-shadow:var(--mk-shadow-lg)!important;
}
.mk-form-box h2{font-size:44px!important}
.mk-order-form{gap:14px!important;margin-top:18px!important}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{
  border:1px solid #cfe1e9!important;
  background:#f9fcfe!important;
  border-radius:12px!important;
  min-height:54px!important;
}
.mk-order-form input:focus,.mk-order-form select:focus,.mk-order-form textarea:focus{
  background:#fff!important;
  border-color:#59d0df!important;
  box-shadow:0 0 0 4px rgba(89,208,223,.13)!important;
}
.mk-submit-order{
  min-height:56px!important;
  border-radius:14px!important;
  font-size:16px!important;
}
.mk-support-box.mk-support-full-image{
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:var(--mk-shadow-lg)!important;
}
.mk-support-fullimg{object-fit:cover!important;object-position:center!important}

/* FAQ + footer */
.mk-faq-grid{gap:14px!important}
.mk-faq-grid details{border-radius:16px!important;padding:16px 18px!important}
.mk-faq-grid summary{color:#183f57!important}
.mk-footer{
  margin-top:0!important;
  background:linear-gradient(180deg,#062f52 0%,#041f38 100%)!important;
}
.mk-footer-top{padding-top:52px!important}
.mk-footer-cta-bar{
  background:linear-gradient(90deg,#0b5ea4 0%,#2f9cce 58%,#53c6dc 100%)!important;
}
.mk-footer-order-btn{
  background:#fff!important;
  color:#0b5ea4!important;
  box-shadow:0 14px 34px rgba(0,31,60,.18)!important;
}
.mk-footer-order-btn small{color:#557084!important}

/* Responsive refinement */
@media(min-width:1024px) and (max-width:1439px){
  .mk-container{width:min(1160px,calc(100% - 36px))}
  .mk-main-nav{gap:24px}
  .mk-hero-grid{gap:30px}
  .mk-hero h1{font-size:60px}
  .mk-hero-sub{font-size:18px}
  .mk-section{padding-top:46px}
  .mk-products-section,.mk-specs-section,#so-sanh,.mk-warranty-section,.mk-faq-section{padding-top:48px;padding-bottom:50px}
  .mk-video-section{padding-top:52px!important;padding-bottom:54px!important}
  .mk-form-section{padding:54px 0!important}
  .mk-form-box h2{font-size:40px!important}
}
@media(min-width:768px) and (max-width:1023px){
  .mk-container{width:min(920px,calc(100% - 32px))}
  .mk-header{background:linear-gradient(90deg,rgba(5,42,75,.97),rgba(18,104,151,.96))!important}
  .mk-hero{padding:32px 0 24px}
  .mk-hero-grid{grid-template-columns:1fr;gap:22px}
  .mk-hero-copy{max-width:none}
  .mk-hero h1{font-size:56px;max-width:none}
  .mk-hero-sub{max-width:none}
  .mk-trust{margin-top:0}
  .mk-trust-grid{grid-template-columns:repeat(2,1fr)}
  .mk-section{padding-top:40px}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-form-section,.mk-faq-section{padding-top:44px!important;padding-bottom:46px!important}
  .mk-video-section{padding-top:48px!important;padding-bottom:50px!important}
  .mk-video-section-head h2{font-size:38px!important}
  .mk-form-grid{grid-template-columns:1fr!important}
  .mk-support-fullimg{min-height:480px!important}
}
@media(max-width:767px){
  .mk-container{width:calc(100% - 22px)}
  .mk-header{background:linear-gradient(90deg,rgba(5,42,75,.98),rgba(15,93,139,.97))!important}
  .mk-head-inner{min-height:66px}
  .mk-site-logo{max-width:180px!important}
  .mk-hero{padding:24px 0 18px}
  .mk-hero-grid{grid-template-columns:1fr;gap:18px}
  .mk-hero h1{font-size:41px;max-width:none}
  .mk-hero-sub{font-size:16px;max-width:none}
  .mk-kicker{font-size:11px;min-height:28px}
  .mk-hero-features{grid-template-columns:1fr 1fr;gap:9px}
  .mk-hero-features div{min-height:42px;font-size:13px;padding:0 10px}
  .mk-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .mk-trust{margin-top:0;padding:14px 0}
  .mk-trust-grid{grid-template-columns:1fr 1fr;gap:9px}
  .mk-trust-grid>div{padding:12px!important;border-radius:13px}
  .mk-trust-grid b{font-size:14px!important}
  .mk-trust-grid small{font-size:11px!important}
  .mk-section{padding-top:30px}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-form-section,.mk-faq-section{padding-top:34px!important;padding-bottom:36px!important}
  .mk-section-head,.mk-section-head.mini{margin-bottom:18px}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:30px!important;line-height:1.1}
  .mk-section-head p{font-size:11px!important}
  .mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,.mk-form-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:14px!important}
  .mk-product-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-form-box,.mk-video-card,.mk-app-grid,.mk-kit-showcase,.mk-support-box.mk-support-full-image{border-radius:16px!important}
  .mk-products-grid .mk-card-body{padding:15px!important}
  .mk-kit-showcase,.mk-app-grid{padding:12px!important}
  .mk-app-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .mk-app-tile{min-height:150px!important;border-radius:13px!important}
  .mk-video-section{padding-top:38px!important;padding-bottom:42px!important}
  .mk-video-section-head h2{font-size:31px!important}
  .mk-video-section-head p{font-size:14px!important}
  .mk-video-card{flex:0 0 min(82vw,315px)!important}
  .mk-form-box{padding:18px!important}
  .mk-form-box h2{font-size:30px!important}
  .mk-support-fullimg{min-height:320px!important}
  .mk-footer-top{padding-top:38px!important}
}
@media(max-width:420px){
  .mk-container{width:calc(100% - 18px)}
  .mk-hero h1{font-size:35px}
  .mk-hero-features{grid-template-columns:1fr}
  .mk-trust-grid{grid-template-columns:1fr}
  .mk-app-grid{grid-template-columns:1fr!important}
  .mk-app-tile{min-height:180px!important}
  .mk-video-card{flex-basis:84vw!important}
}

/* v1.15.0 - Blue Premium full-site palette */
:root{
  --mk-blue-cyan:#50CEDF;
  --mk-blue-sky:#43B8D7;
  --mk-blue-main:#309ACD;
  --mk-blue-mid:#1A7CC5;
  --mk-blue-deep:#0D62B1;
  --mk-blue-ink:#073F75;
  --mk-blue-night:#052E56;
  --mk-glass:rgba(255,255,255,.93);
  --mk-glass-soft:rgba(246,252,255,.88);
  --mk-glass-line:rgba(255,255,255,.50);
  --mk-blue-shadow:0 22px 55px rgba(3,54,103,.20);
}
html,body{background:#0D62B1!important}
body{color:#fff!important}
.mk-page{
  color:#fff!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(255,255,255,.24),transparent 22%),
    radial-gradient(circle at 91% 11%,rgba(145,240,247,.20),transparent 18%),
    radial-gradient(circle at 52% 48%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(135deg,#50CEDF 0%,#43B8D7 24%,#309ACD 48%,#1A7CC5 72%,#0D62B1 100%)!important;
  background-attachment:fixed!important;
}
.mk-page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.08) 47.2% 47.7%,transparent 48% 100%),
    linear-gradient(25deg,transparent 0 66%,rgba(4,77,136,.08) 66.2% 66.7%,transparent 67% 100%);
  background-size:340px 240px,420px 320px;
}
.mk-page>*{position:relative;z-index:1}

/* Header */
.mk-header{
  background:linear-gradient(90deg,rgba(4,54,104,.90) 0%,rgba(8,93,158,.86) 45%,rgba(47,156,206,.82) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 16px 42px rgba(3,48,91,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
.mk-main-nav a,.mk-phone{color:#fff!important;text-shadow:0 1px 8px rgba(0,36,71,.16)}
.mk-phone-ico{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.mk-head-actions .mk-btn-small{
  background:linear-gradient(135deg,#5BE0E9 0%,#2EA8D1 45%,#0D62B1 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 30px rgba(1,55,103,.22)!important;
}

/* Hero */
.mk-hero{
  padding-top:38px!important;
  padding-bottom:32px!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.18),transparent 25%),
    radial-gradient(circle at 84% 12%,rgba(80,206,223,.22),transparent 20%),
    linear-gradient(135deg,rgba(67,184,215,.82) 0%,rgba(48,154,205,.80) 42%,rgba(13,98,177,.86) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
}
.mk-kicker{color:#E9FDFF!important;text-shadow:0 2px 12px rgba(4,56,99,.18)}
.mk-hero h1,.mk-hero h1 span{color:#fff!important;text-shadow:0 7px 24px rgba(3,52,96,.20)}
.mk-hero h1 i,.mk-hero h1 em{color:#D4FAFF!important;text-shadow:0 0 22px rgba(94,237,247,.30)}
.mk-hero-sub{color:rgba(255,255,255,.90)!important}
.mk-sales-hook{
  color:#fff!important;
  background:rgba(5,74,129,.24)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(10px)!important;
}
.mk-hero-features div{
  color:#fff!important;
  background:rgba(3,67,121,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:13px!important;
  min-height:46px!important;
  padding:0 13px!important;
  backdrop-filter:blur(8px)!important;
}
.mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 30px 70px rgba(3,48,91,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.mk-btn{
  background:linear-gradient(135deg,#54D7E5 0%,#2F9CCE 46%,#0D62B1 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 16px 34px rgba(3,56,104,.20)!important;
}
.mk-btn-outline{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(255,255,255,.80)!important;
  color:#0D62B1!important;
  box-shadow:0 14px 30px rgba(3,56,104,.13)!important;
}
.mk-hero-zalo{background:#0B65C2!important;box-shadow:0 14px 30px rgba(3,56,104,.18)!important}

/* Trust area */
.mk-trust{
  margin-top:0!important;
  padding:18px 0!important;
  background:linear-gradient(90deg,rgba(13,98,177,.56),rgba(80,206,223,.34))!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}
.mk-trust-grid{gap:12px!important}
.mk-trust-grid>div{
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:0 12px 28px rgba(3,50,93,.10)!important;
  backdrop-filter:blur(12px)!important;
}
.mk-trust-grid b,.mk-trust-grid small{color:#fff!important}
.mk-trust-grid small{opacity:.82}
.mk-trust-hook{
  color:#E9FDFF!important;
  background:rgba(5,72,129,.42)!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* All main sections live on the blue canvas */
.mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(4,76,135,.08) 100%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.mk-products-section:nth-of-type(even),.mk-warranty-section,.mk-faq-section{
  background:linear-gradient(135deg,rgba(8,92,157,.20),rgba(80,206,223,.07))!important;
}
.mk-section-head h2,.mk-panel h2,
.mk-section-head.mini h2{
  color:#fff!important;
  background:none!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 5px 20px rgba(3,48,91,.16)!important;
}
.mk-section-head p,.mk-panel-sub{color:rgba(255,255,255,.82)!important}
.mk-section-head p strong{color:#D9FBFF!important}

/* Premium glass cards */
.mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-table-box,.mk-form-box,.mk-app-grid,.mk-support-box.mk-support-full-image,.mk-video-card{
  background:var(--mk-glass)!important;
  border:1px solid var(--mk-glass-line)!important;
  box-shadow:var(--mk-blue-shadow)!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
}
.mk-product-card:hover,.mk-need-card:hover,.mk-spec-card:hover,.mk-video-card:hover,.mk-faq-grid details:hover{
  border-color:rgba(255,255,255,.80)!important;
  box-shadow:0 28px 62px rgba(3,48,91,.24)!important;
}
.mk-products-grid .mk-card-image{
  background:linear-gradient(145deg,#F2FFFE 0%,#DFF4FA 52%,#CDE5F6 100%)!important;
}
.mk-model,.mk-spec-head h3,.mk-faq-grid summary,.mk-seo-benefits b,.mk-spec-columns b{color:#123E5E!important}
.mk-name,.mk-price-wrap strong,.mk-price-col,.mk-spec-head span,.mk-warranty-cards b{color:#0D62B1!important}
.mk-feature-list li,.mk-seo-benefits span,.mk-spec-columns li,.mk-warranty-cards span,.mk-faq-grid p{color:#506A7B!important}
.mk-product-badge{background:linear-gradient(135deg,#50CEDF 0%,#309ACD 52%,#0D62B1 100%)!important}

/* Guide / warranty white cards */
.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{background:rgba(255,255,255,.94)!important}
.mk-seo-label{
  background:linear-gradient(135deg,rgba(80,206,223,.20),rgba(48,154,205,.12))!important;
  border-color:rgba(48,154,205,.26)!important;
  color:#0D62B1!important;
}
.mk-seo-copy-main h2,.mk-warranty-copy h2{color:#123E5E!important;background:none!important;-webkit-text-fill-color:#123E5E!important}
.mk-seo-copy-main p,.mk-warranty-copy p,.mk-seo-extra{color:#5D7282!important}
.mk-seo-benefits div,.mk-warranty-cards div,.mk-spec-columns>div{background:rgba(239,248,252,.82)!important;border-color:#D8EAF1!important}

/* Kit + app */
.mk-kit-showcase{
  background:linear-gradient(145deg,rgba(5,64,114,.86),rgba(13,98,177,.82) 44%,rgba(67,184,215,.86) 100%)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 22px 50px rgba(3,48,91,.20)!important;
}
.mk-kit-icons span{background:rgba(3,55,101,.42)!important;border-color:rgba(255,255,255,.18)!important}
.mk-app-grid{background:rgba(255,255,255,.90)!important}

/* Video remains deep-blue cinematic but harmonized */
.mk-video-section{
  margin-top:0!important;
  padding:64px 0!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(80,206,223,.24),transparent 25%),
    linear-gradient(135deg,#063A6E 0%,#0D62B1 46%,#309ACD 100%)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.mk-video-section-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.mk-video-section-head p{color:rgba(255,255,255,.82)!important}
.mk-video-card{background:#fff!important}

/* Specs / comparison */
.mk-spec-card{background:rgba(255,255,255,.94)!important}
.mk-table-box{background:rgba(255,255,255,.95)!important}
.mk-table-box th{background:linear-gradient(90deg,#0D62B1 0%,#309ACD 62%,#50CEDF 100%)!important;color:#fff!important}
.mk-table-box td{background:rgba(255,255,255,.95)!important;color:#405B6D!important;border-color:#DDECF2!important}
.mk-table-box tbody tr:nth-child(even) td{background:#F1F9FC!important}

/* Order area */
.mk-form-section{
  margin-top:0!important;
  padding:66px 0!important;
  background:
    radial-gradient(circle at 80% 12%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(135deg,#43B8D7 0%,#309ACD 46%,#0D62B1 100%)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.mk-form-box{background:rgba(255,255,255,.96)!important;box-shadow:0 26px 64px rgba(3,48,91,.24)!important}
.mk-form-box h2{color:#123E5E!important;background:none!important;-webkit-text-fill-color:#123E5E!important}
.mk-form-box .mk-panel-sub{color:#647A8A!important}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{
  background:#F8FCFE!important;
  border-color:#C9E2ED!important;
  color:#163245!important;
}
.mk-order-form input:focus,.mk-order-form select:focus,.mk-order-form textarea:focus{
  border-color:#50CEDF!important;
  box-shadow:0 0 0 4px rgba(80,206,223,.18)!important;
}
.mk-support-box.mk-support-full-image{background:rgba(255,255,255,.92)!important;box-shadow:0 26px 64px rgba(3,48,91,.24)!important}

/* FAQ and footer */
.mk-faq-grid details{background:rgba(255,255,255,.94)!important}
.mk-footer{
  background:linear-gradient(180deg,#063A6E 0%,#052E56 100%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.mk-footer-cta-bar{
  background:linear-gradient(90deg,#50CEDF 0%,#309ACD 50%,#0D62B1 100%)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}
.mk-footer-order-btn{background:#fff!important;color:#0D62B1!important}

/* Floating actions */
.mk-cart-fab{background:linear-gradient(135deg,#0D62B1,#309ACD)!important;border-color:rgba(255,255,255,.24)!important}
.mk-float-zalo{background:#0D62B1!important}
.mk-back-top{background:linear-gradient(135deg,#0B4F90,#0D62B1)!important;border-color:rgba(255,255,255,.34)!important}

/* Responsive blue polish */
@media(max-width:1023px){
  .mk-page{background-attachment:scroll!important}
  .mk-header{background:linear-gradient(90deg,rgba(4,54,104,.96),rgba(48,154,205,.92))!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:46px!important;padding-bottom:46px!important}
  .mk-form-section,.mk-video-section{padding-top:50px!important;padding-bottom:52px!important}
}
@media(max-width:767px){
  .mk-page{
    background:linear-gradient(160deg,#50CEDF 0%,#309ACD 45%,#0D62B1 100%)!important;
  }
  .mk-hero{padding-top:24px!important;padding-bottom:24px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:34px!important;padding-bottom:36px!important}
  .mk-form-section,.mk-video-section{padding-top:40px!important;padding-bottom:42px!important}
  .mk-section-head h2,.mk-panel h2,.mk-section-head.mini h2{font-size:30px!important}
  .mk-section-head p,.mk-panel-sub{font-size:12px!important}
  .mk-trust-grid>div{background:rgba(255,255,255,.16)!important}
  .mk-product-card,.mk-spec-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-form-box,.mk-app-grid,.mk-video-card{background:rgba(255,255,255,.96)!important}
}
@media(max-width:420px){
  .mk-hero h1{font-size:35px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:30px!important;padding-bottom:32px!important}
}

/* v1.16.0 - Final cyan / blue / navy full-site system */
:root{
  --mk-cyan:#56D7E8;
  --mk-sky:#38BFE3;
  --mk-primary:#1E8FE5;
  --mk-deep:#1667D9;
  --mk-navy:#0E3D8C;
  --mk-night:#0A2E63;
  --mk-ink:#143A63;
  --mk-copy:#5F7384;
  --mk-line-blue:#B9E6F4;
  --mk-soft:#EAF7FB;
  --mk-soft-2:#EAF2FF;
  --mk-card:#FFFFFF;
}
html,body{background:var(--mk-night)!important}
body{color:var(--mk-ink)!important}
.mk-page{
  color:var(--mk-ink)!important;
  background:
    radial-gradient(circle at 10% 3%,rgba(255,255,255,.25),transparent 21%),
    radial-gradient(circle at 90% 9%,rgba(86,215,232,.20),transparent 20%),
    linear-gradient(135deg,#56D7E8 0%,#38BFE3 26%,#1E8FE5 55%,#1667D9 78%,#0A2E63 100%)!important;
  background-attachment:fixed!important;
}
.mk-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.20;
  background:
    radial-gradient(circle at 74% 9%,transparent 0 82px,rgba(255,255,255,.18) 83px 84px,transparent 85px 118px,rgba(255,255,255,.10) 119px 120px,transparent 121px),
    linear-gradient(118deg,transparent 0 47%,rgba(255,255,255,.07) 47.2% 47.6%,transparent 48% 100%);
  background-size:420px 420px,360px 280px;
}
.mk-page>*{position:relative;z-index:1}

/* Header: navy -> blue, crisp and premium */
.mk-header{
  background:linear-gradient(90deg,rgba(10,46,99,.97) 0%,rgba(14,61,140,.96) 42%,rgba(22,103,217,.94) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 38px rgba(7,42,88,.24)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.mk-main-nav a,.mk-phone{color:#fff!important}
.mk-main-nav a:hover{color:#DDFBFF!important}
.mk-phone-ico{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.mk-head-actions .mk-btn-small{
  background:linear-gradient(135deg,#56D7E8 0%,#1E8FE5 55%,#1667D9 100%)!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:0 12px 28px rgba(4,45,91,.24)!important;
}

/* Hero: the strongest cyan -> blue gradient */
.mk-hero{
  padding-top:38px!important;
  padding-bottom:36px!important;
  background:
    radial-gradient(circle at 16% 16%,rgba(255,255,255,.23),transparent 24%),
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.13),transparent 18%),
    linear-gradient(120deg,#56D7E8 0%,#38BFE3 30%,#1E8FE5 62%,#0E3D8C 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
}
.mk-kicker{color:#F2FEFF!important;text-shadow:0 2px 14px rgba(10,46,99,.18)!important}
.mk-hero h1,.mk-hero h1 span{color:#fff!important;text-shadow:0 8px 26px rgba(10,46,99,.20)!important}
.mk-hero h1 i,.mk-hero h1 em{color:#DFFBFF!important;text-shadow:0 0 20px rgba(86,215,232,.28)!important}
.mk-hero-sub{color:rgba(255,255,255,.92)!important}
.mk-sales-hook{
  background:rgba(10,46,99,.20)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
}
.mk-hero-features div{
  color:#fff!important;
  background:rgba(10,46,99,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  min-height:46px!important;
  padding:0 13px!important;
}
.mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 30px 70px rgba(5,40,84,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* Buttons */
.mk-btn{
  background:linear-gradient(135deg,#38BFE3 0%,#1E8FE5 50%,#1667D9 100%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 14px 32px rgba(10,61,140,.20)!important;
}
.mk-btn:hover{filter:brightness(1.045)!important;box-shadow:0 18px 38px rgba(10,61,140,.26)!important}
.mk-btn-outline{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.84)!important;
  color:#1667D9!important;
  box-shadow:0 12px 26px rgba(10,61,140,.12)!important;
}
.mk-hero-zalo{background:#1667D9!important;box-shadow:0 12px 28px rgba(10,61,140,.18)!important}

/* Trust strip: deep premium band */
.mk-trust{
  padding:18px 0!important;
  margin-top:0!important;
  background:linear-gradient(90deg,#0E3D8C 0%,#1667D9 54%,#1E8FE5 100%)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.mk-trust-grid{gap:12px!important}
.mk-trust-grid>div{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 30px rgba(6,42,88,.12)!important;
  backdrop-filter:blur(10px)!important;
}
.mk-trust-grid b,.mk-trust-grid small{color:#fff!important}
.mk-trust-grid small{opacity:.82}
.mk-trust-hook{
  background:#0A2E63!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#DDFBFF!important;
}

/* Section rhythm: blue canvas with premium light islands */
.mk-products-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(180deg,#EAF7FB 0%,#DFF3FB 100%)!important;
  border-color:#CFEAF4!important;
}
.mk-seo-copy-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(135deg,#DDF7FB 0%,#CDEEF7 45%,#DDEBFF 100%)!important;
  border-color:#BDE5F2!important;
}
.mk-kit-apps{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:
    radial-gradient(circle at 78% 10%,rgba(86,215,232,.22),transparent 22%),
    linear-gradient(135deg,#0E3D8C 0%,#1667D9 52%,#1E8FE5 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.mk-specs-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(180deg,#EAF2FF 0%,#EAF7FB 100%)!important;
  border-color:#D6E9F6!important;
}
.mk-warranty-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(135deg,#DDF4FB 0%,#EAF7FB 52%,#DFECFF 100%)!important;
  border-color:#CFEAF4!important;
}
#so-sanh{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(135deg,#0E3D8C 0%,#1667D9 52%,#1E8FE5 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.mk-faq-section{
  margin-top:0!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:linear-gradient(180deg,#EAF7FB 0%,#E1F2FA 100%)!important;
  border-color:#CFEAF4!important;
}

/* Headings on light sections */
.mk-products-section .mk-section-head h2,
.mk-seo-copy-section .mk-section-head h2,
.mk-specs-section .mk-section-head h2,
.mk-warranty-section .mk-section-head h2,
.mk-faq-section .mk-section-head h2,
.mk-products-section .mk-panel h2,
.mk-seo-copy-section .mk-panel h2,
.mk-specs-section .mk-panel h2,
.mk-warranty-section .mk-panel h2,
.mk-faq-section .mk-panel h2{
  color:#143A63!important;
  -webkit-text-fill-color:#143A63!important;
  background:none!important;
  text-shadow:none!important;
}
.mk-products-section .mk-section-head p,
.mk-seo-copy-section .mk-section-head p,
.mk-specs-section .mk-section-head p,
.mk-warranty-section .mk-section-head p,
.mk-faq-section .mk-section-head p,
.mk-products-section .mk-panel-sub,
.mk-seo-copy-section .mk-panel-sub,
.mk-specs-section .mk-panel-sub,
.mk-warranty-section .mk-panel-sub,
.mk-faq-section .mk-panel-sub{color:#5F7384!important}
.mk-products-section .mk-section-head p strong,
.mk-seo-copy-section .mk-section-head p strong,
.mk-specs-section .mk-section-head p strong,
.mk-warranty-section .mk-section-head p strong,
.mk-faq-section .mk-section-head p strong{color:#1667D9!important}

/* Headings on dark sections */
.mk-kit-apps .mk-section-head h2,
.mk-kit-apps .mk-panel h2,
#so-sanh .mk-section-head h2,
#so-sanh .mk-panel h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  text-shadow:0 6px 18px rgba(10,46,99,.18)!important;
}
.mk-kit-apps .mk-section-head p,
.mk-kit-apps .mk-panel-sub,
#so-sanh .mk-section-head p,
#so-sanh .mk-panel-sub{color:rgba(255,255,255,.82)!important}

/* Cards: clean white to keep products sharp */
.mk-product-card,.mk-need-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-table-box,.mk-form-box,.mk-app-grid,.mk-support-box.mk-support-full-image,.mk-video-card{
  background:#FFFFFF!important;
  border:1px solid rgba(185,230,244,.95)!important;
  box-shadow:0 18px 44px rgba(10,61,140,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.mk-product-card:hover,.mk-need-card:hover,.mk-spec-card:hover,.mk-video-card:hover,.mk-faq-grid details:hover{
  border-color:#8FD7EA!important;
  box-shadow:0 24px 54px rgba(10,61,140,.15)!important;
}
.mk-products-grid .mk-card-image{
  background:linear-gradient(145deg,#F6FEFF 0%,#E4F5FB 52%,#DDEBFF 100%)!important;
}
.mk-model,.mk-spec-head h3,.mk-faq-grid summary,.mk-seo-benefits b,.mk-spec-columns b{color:#143A63!important}
.mk-name,.mk-price-wrap strong,.mk-price-col,.mk-spec-head span,.mk-warranty-cards b{color:#1667D9!important}
.mk-feature-list li,.mk-seo-benefits span,.mk-spec-columns li,.mk-warranty-cards span,.mk-faq-grid p{color:#5F7384!important}
.mk-product-badge{background:linear-gradient(135deg,#56D7E8 0%,#1E8FE5 55%,#1667D9 100%)!important}
.mk-seo-label{
  background:linear-gradient(135deg,rgba(86,215,232,.18),rgba(30,143,229,.10))!important;
  border-color:#B9E6F4!important;
  color:#1667D9!important;
}
.mk-seo-copy-main h2,.mk-warranty-copy h2{color:#143A63!important;-webkit-text-fill-color:#143A63!important;background:none!important}
.mk-seo-copy-main p,.mk-warranty-copy p,.mk-seo-extra{color:#5F7384!important}
.mk-seo-benefits div,.mk-warranty-cards div,.mk-spec-columns>div{
  background:#F2FAFE!important;
  border-color:#D6EAF5!important;
}

/* Kit/app: deep left card + clean right card */
.mk-kit-showcase{
  background:linear-gradient(145deg,#0A2E63 0%,#0E3D8C 48%,#1667D9 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 54px rgba(6,42,88,.24)!important;
}
.mk-kit-icons span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.mk-app-grid{background:rgba(255,255,255,.98)!important}

/* Video: dark cinematic blue */
.mk-video-section{
  margin-top:0!important;
  padding:64px 0!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(86,215,232,.22),transparent 24%),
    linear-gradient(135deg,#0A2E63 0%,#0E3D8C 48%,#1667D9 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.mk-video-section-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.mk-video-section-head p{color:rgba(255,255,255,.82)!important}
.mk-video-card{background:#fff!important;border-color:rgba(255,255,255,.36)!important}

/* Comparison */
.mk-table-box{background:#fff!important}
.mk-table-box th{background:linear-gradient(90deg,#0E3D8C 0%,#1667D9 48%,#1E8FE5 100%)!important;color:#fff!important}
.mk-table-box td{background:#fff!important;color:#405B6D!important;border-color:#DDECF3!important}
.mk-table-box tbody tr:nth-child(even) td{background:#F2FAFE!important}

/* Order: blue conversion band, white cards */
.mk-form-section{
  margin-top:0!important;
  padding:66px 0!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.13),transparent 22%),
    linear-gradient(135deg,#38BFE3 0%,#1E8FE5 50%,#1667D9 100%)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.mk-form-box{background:#fff!important;box-shadow:0 28px 64px rgba(6,42,88,.22)!important}
.mk-form-box h2{color:#143A63!important;-webkit-text-fill-color:#143A63!important;background:none!important}
.mk-form-box .mk-panel-sub{color:#5F7384!important}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{
  background:#F8FCFE!important;
  border-color:#C5E4F2!important;
  color:#143A63!important;
}
.mk-order-form input:focus,.mk-order-form select:focus,.mk-order-form textarea:focus{
  border-color:#56D7E8!important;
  box-shadow:0 0 0 4px rgba(86,215,232,.18)!important;
}
.mk-support-box.mk-support-full-image{background:#fff!important;box-shadow:0 28px 64px rgba(6,42,88,.22)!important}

/* Footer */
.mk-footer{
  background:linear-gradient(180deg,#0E3D8C 0%,#0A2E63 100%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.mk-footer-cta-bar{
  background:linear-gradient(90deg,#38BFE3 0%,#1E8FE5 48%,#1667D9 100%)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}
.mk-footer-order-btn{background:#fff!important;color:#1667D9!important}

/* Floating actions */
.mk-cart-fab{background:linear-gradient(135deg,#0E3D8C,#1667D9)!important;border-color:rgba(255,255,255,.22)!important}
.mk-float-zalo{background:#1667D9!important}
.mk-back-top{background:linear-gradient(135deg,#0A2E63,#0E3D8C)!important;border-color:rgba(255,255,255,.30)!important}

/* Responsive */
@media(max-width:1023px){
  .mk-page{background-attachment:scroll!important}
  .mk-header{background:linear-gradient(90deg,rgba(10,46,99,.97),rgba(22,103,217,.95))!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:46px!important;padding-bottom:46px!important}
  .mk-form-section,.mk-video-section{padding-top:50px!important;padding-bottom:52px!important}
}
@media(max-width:767px){
  .mk-page{background:linear-gradient(160deg,#56D7E8 0%,#1E8FE5 48%,#0E3D8C 100%)!important}
  .mk-hero{padding-top:24px!important;padding-bottom:24px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:34px!important;padding-bottom:36px!important}
  .mk-form-section,.mk-video-section{padding-top:40px!important;padding-bottom:42px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-specs-section,.mk-warranty-section,.mk-faq-section{background:linear-gradient(180deg,#EAF7FB 0%,#E3F3FA 100%)!important}
  .mk-section-head h2,.mk-panel h2,.mk-section-head.mini h2{font-size:30px!important}
  .mk-section-head p,.mk-panel-sub{font-size:12px!important}
  .mk-product-card,.mk-spec-card,.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards,.mk-faq-grid details,.mk-form-box,.mk-app-grid,.mk-video-card{background:#fff!important}
}
@media(max-width:420px){
  .mk-hero h1{font-size:35px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:30px!important;padding-bottom:32px!important}
}

/* =========================================================
   v1.17.0 — FINAL FRONTEND AUDIT / STABILITY OVERRIDES
   ========================================================= */
:root{
  --mk-ui-ink:#103b60;
  --mk-ui-copy:#5f7484;
  --mk-ui-line:#c8e5f0;
  --mk-ui-blue:#1769d2;
  --mk-ui-cyan:#42c6e6;
  --mk-ui-radius:16px;
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:82px;
}
body,
button,
input,
select,
textarea{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{font-size:16px;line-height:1.55}
.mk-page{font-size:16px;line-height:1.55}
.mk-container{width:min(1220px,calc(100% - 44px))!important}

/* Header proportions */
.mk-head-inner{
  grid-template-columns:minmax(138px,188px) minmax(0,1fr) auto!important;
  min-height:74px!important;
  gap:18px!important;
}
.mk-brand-image{min-width:0!important;padding:0!important}
.mk-site-logo{
  height:clamp(25px,2vw,33px)!important;
  max-width:154px!important;
  width:auto!important;
}
.mk-main-nav{gap:30px!important}
.mk-main-nav a{font-size:14px!important;line-height:1.2!important}
.mk-head-actions{gap:12px!important}
.mk-phone{gap:8px!important;font-size:14px!important}
.mk-phone-ico{width:32px!important;height:32px!important}
.mk-head-actions .mk-btn-small{
  min-height:44px!important;
  padding:0 16px!important;
  font-size:13px!important;
  border-radius:12px!important;
}

/* Hero typography and spacing */
.mk-hero{padding-top:34px!important;padding-bottom:34px!important}
.mk-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:38px!important;
  align-items:center!important;
  min-height:0!important;
}
.mk-hero-copy{max-width:590px!important}
.mk-kicker{
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
.mk-hero h1{
  margin:12px 0 14px!important;
  max-width:610px!important;
  font-size:clamp(40px,3.75vw,52px)!important;
  line-height:1.03!important;
  letter-spacing:-1.45px!important;
  text-transform:none!important;
  color:#0b416c!important;
  -webkit-text-fill-color:#0b416c!important;
  background:none!important;
  text-shadow:0 2px 0 rgba(255,255,255,.14),0 12px 28px rgba(10,61,140,.11)!important;
}
.mk-hero h1 span,.mk-hero h1 i,.mk-hero h1 em{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  text-shadow:inherit!important;
}
.mk-hero-sub{
  max-width:550px!important;
  font-size:18px!important;
  line-height:1.48!important;
}
.mk-sales-hook{margin-top:14px!important;font-size:13px!important}
.mk-hero-features{margin:22px 0!important;gap:11px 18px!important}
.mk-hero-features div{
  min-height:42px!important;
  padding:0 11px!important;
  font-size:15px!important;
  border-radius:12px!important;
}
.mk-hero-actions{gap:10px!important}
.mk-hero-actions .mk-btn,.mk-hero-zalo{
  min-height:48px!important;
  padding-left:16px!important;
  padding-right:16px!important;
  font-size:14px!important;
  border-radius:12px!important;
}
.mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{border-radius:22px!important}

/* Global typography scale */
.mk-section-head,.mk-section-head.mini{margin-bottom:22px!important}
.mk-section-head h2,
.mk-section-head.mini h2,
.mk-panel h2,
.mk-form-box h2,
.mk-seo-copy-main h2,
.mk-warranty-copy h2{
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.06!important;
  letter-spacing:-1.05px!important;
  text-wrap:balance;
}
.mk-section-head p,.mk-panel-sub{
  margin-top:7px!important;
  font-size:15px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.mk-seo-copy-main p,.mk-warranty-copy p,.mk-faq-grid p{
  font-size:15px!important;
  line-height:1.68!important;
}
.mk-model{font-size:18px!important}
.mk-name{font-size:16px!important;line-height:1.35!important}
.mk-feature-list li,.mk-spec-columns li{font-size:14px!important;line-height:1.52!important}
.mk-price-wrap small{font-size:13px!important}
.mk-price-wrap strong,.mk-price-col{font-size:20px!important}

/* Consistent vertical rhythm */
.mk-products-section,
.mk-needs-section,
.mk-seo-copy-section,
.mk-kit-apps,
.mk-video-section,
.mk-specs-section,
.mk-warranty-section,
#so-sanh,
.mk-form-section,
.mk-faq-section{
  margin-top:0!important;
  padding-top:54px!important;
  padding-bottom:54px!important;
}
.mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,.mk-video-grid,
.mk-two-col,.mk-seo-copy,.mk-warranty-grid,.mk-form-grid{gap:18px!important}

/* Card/content spacing */
.mk-product-card,.mk-need-card,.mk-spec-card,.mk-video-card,.mk-faq-grid details,
.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards,
.mk-form-box,.mk-table-box,.mk-kit-showcase,.mk-app-grid,.mk-support-box.mk-support-full-image{
  border-radius:16px!important;
}
.mk-card-body{padding:15px!important}
.mk-feature-list{margin:12px 0 14px!important}
.mk-feature-list li{margin:6px 0!important}
.mk-buy-btn{min-height:44px!important;font-size:13px!important}
.mk-need-card{padding:15px!important}
.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{padding:22px!important}
.mk-seo-benefits,.mk-warranty-cards{gap:11px!important}
.mk-seo-benefits div,.mk-warranty-cards div,.mk-spec-columns>div{padding:13px!important;border-radius:12px!important}
.mk-spec-card{padding:16px!important}
.mk-spec-columns{gap:12px!important}
.mk-faq-grid details{padding:15px 17px!important}
.mk-faq-grid summary{font-size:15px!important;line-height:1.42!important}
.mk-form-box{padding:24px!important}
.mk-order-form{gap:12px!important;margin-top:14px!important}
.mk-order-form input,.mk-order-form select{min-height:52px!important;font-size:14px!important}
.mk-order-form textarea{min-height:98px!important;font-size:14px!important}
.mk-submit-order{min-height:52px!important;font-size:14px!important}

/* Application / kit balance */
.mk-kit-showcase,.mk-app-grid{height:100%!important}
.mk-kit-showcase{padding:14px!important}
.mk-kit-row{gap:12px!important}
.mk-kit-row img,.mk-manual-card{height:190px!important;border-radius:14px!important}
.mk-kit-icons{gap:9px!important;margin-top:12px!important}
.mk-kit-icons span{min-height:46px!important;font-size:12px!important;border-radius:11px!important}
.mk-app-grid{padding:12px!important;gap:12px!important}
.mk-app-tile{border-radius:14px!important;overflow:hidden!important}
.mk-app-tile img{display:block!important;width:100%!important;height:220px!important;object-fit:cover!important}
.mk-app-tile span{font-size:16px!important;line-height:1.2!important}

/* Checkout/support balance */
.mk-form-grid{align-items:stretch!important}
.mk-form-box,.mk-support-box.mk-support-full-image{height:100%!important}
.mk-support-fullimg{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important}

/* ---- Floating action system: no overlap ---- */
.mk-cart-backdrop{z-index:1390!important}
.mk-cart-drawer{z-index:1400!important}
.mk-cart-fab{
  position:fixed!important;
  right:20px!important;
  left:auto!important;
  bottom:242px!important;
  z-index:1210!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:162px!important;
  max-width:162px!important;
  min-height:50px!important;
  padding:7px 12px 7px 10px!important;
  border-radius:18px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-size:14px!important;
  line-height:1!important;
}
.mk-cart-fab span{flex:0 0 auto!important;font-size:18px!important}
.mk-cart-fab b{display:block!important;min-width:0!important;font-size:14px!important;line-height:1!important}
.mk-cart-fab em{
  flex:0 0 auto!important;
  margin-left:auto!important;
  min-width:23px!important;
  height:23px!important;
  padding:0 6px!important;
  font-size:11px!important;
}
.mk-contact-float{
  position:fixed!important;
  right:20px!important;
  left:auto!important;
  bottom:96px!important;
  z-index:1209!important;
  display:grid!important;
  width:162px!important;
  gap:10px!important;
}
.mk-contact-float a{
  width:162px!important;
  min-width:162px!important;
  max-width:162px!important;
  min-height:50px!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:7px 12px 7px 7px!important;
  border-radius:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:14px!important;
}
.mk-contact-float span{width:36px!important;height:36px!important;font-size:16px!important;flex:0 0 36px!important}
.mk-contact-float b{font-size:14px!important;line-height:1!important}
.mk-back-top{
  right:20px!important;
  left:auto!important;
  bottom:22px!important;
  z-index:1208!important;
  width:52px!important;
  height:52px!important;
  font-size:22px!important;
}
.mk-proof-toast{z-index:1207!important;left:20px!important;bottom:20px!important}
html.mk-cart-open .mk-cart-fab,
html.mk-cart-open .mk-contact-float,
html.mk-cart-open .mk-back-top,
html.mk-cart-open .mk-proof-toast,
html.mk-cart-open .mk-mobile-bar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Laptop */
@media(min-width:1024px) and (max-width:1439px){
  .mk-container{width:min(1160px,calc(100% - 34px))!important}
  .mk-head-inner{grid-template-columns:150px minmax(0,1fr) auto!important;gap:13px!important;min-height:70px!important}
  .mk-site-logo{height:29px!important;max-width:140px!important}
  .mk-main-nav{gap:22px!important}
  .mk-main-nav a,.mk-phone{font-size:13px!important}
  .mk-head-actions .mk-btn-small{padding:0 13px!important}
  .mk-hero-grid{gap:28px!important}
  .mk-hero h1{font-size:46px!important;max-width:530px!important}
  .mk-hero-sub{font-size:17px!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2{font-size:39px!important}
  .mk-products-section,.mk-needs-section,.mk-seo-copy-section,.mk-kit-apps,.mk-video-section,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-form-section,.mk-faq-section{padding-top:46px!important;padding-bottom:46px!important}
  .mk-app-tile img{height:200px!important}
}

/* Tablet */
@media(min-width:768px) and (max-width:1023px){
  html{scroll-padding-top:72px}
  .mk-container{width:min(930px,calc(100% - 30px))!important}
  .mk-head-inner{grid-template-columns:1fr auto!important;min-height:68px!important;gap:10px!important}
  .mk-site-logo{height:28px!important;max-width:134px!important}
  .mk-main-nav,.mk-phone{display:none!important}
  .mk-head-actions .mk-btn-small{min-height:42px!important;font-size:12px!important}
  .mk-hero{padding-top:26px!important;padding-bottom:28px!important}
  .mk-hero-grid{grid-template-columns:1fr!important;gap:20px!important}
  .mk-hero-copy{max-width:760px!important}
  .mk-hero h1{font-size:44px!important;max-width:650px!important}
  .mk-hero-sub{font-size:17px!important;max-width:680px!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2{font-size:36px!important}
  .mk-products-section,.mk-needs-section,.mk-seo-copy-section,.mk-kit-apps,.mk-video-section,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-form-section,.mk-faq-section{padding-top:42px!important;padding-bottom:42px!important}
  .mk-contact-float{display:none!important}
  .mk-mobile-bar{display:flex!important;z-index:1210!important}
  .mk-cart-fab{
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:138px!important;
    max-width:138px!important;
    min-height:48px!important;
    border-radius:16px!important;
    z-index:1220!important;
  }
  .mk-back-top{right:12px!important;bottom:calc(132px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important}
  .mk-proof-toast{left:12px!important;right:164px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;max-width:none!important}
  .mk-kit-row img,.mk-manual-card{height:180px!important}
  .mk-app-tile img{height:210px!important}
}

/* Mobile */
@media(max-width:767px){
  html{scroll-padding-top:68px}
  .mk-container{width:calc(100% - 22px)!important}
  .mk-head-inner{grid-template-columns:1fr auto!important;min-height:64px!important;gap:8px!important}
  .mk-site-logo{height:25px!important;max-width:122px!important}
  .mk-head-actions .mk-btn-small{min-height:40px!important;padding:0 10px!important;font-size:11px!important}
  .mk-hero{padding-top:20px!important;padding-bottom:24px!important}
  .mk-hero-grid{grid-template-columns:1fr!important;gap:17px!important}
  .mk-hero h1{font-size:clamp(33px,8.6vw,40px)!important;line-height:1.04!important;letter-spacing:-.9px!important}
  .mk-hero-sub{font-size:15px!important;line-height:1.52!important}
  .mk-kicker{font-size:12px!important}
  .mk-sales-hook{font-size:12px!important;line-height:1.4!important}
  .mk-hero-features{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:18px 0!important}
  .mk-hero-features div{font-size:12px!important;min-height:40px!important;padding:0 9px!important}
  .mk-section-head,.mk-section-head.mini{margin-bottom:16px!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:29px!important;line-height:1.1!important;letter-spacing:-.6px!important}
  .mk-section-head p,.mk-panel-sub,.mk-seo-copy-main p,.mk-warranty-copy p,.mk-faq-grid p{font-size:13px!important}
  .mk-products-section,.mk-needs-section,.mk-seo-copy-section,.mk-kit-apps,.mk-video-section,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-form-section,.mk-faq-section{padding-top:32px!important;padding-bottom:32px!important}
  .mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid,.mk-form-grid{gap:14px!important}
  .mk-card-body,.mk-spec-card,.mk-form-box,.mk-seo-copy-main,.mk-seo-benefits,.mk-warranty-copy,.mk-warranty-cards{padding:14px!important}
  .mk-kit-row img{height:145px!important}
  .mk-manual-card{height:112px!important}
  .mk-app-grid{grid-template-columns:1fr!important;padding:10px!important}
  .mk-app-tile img{height:auto!important;aspect-ratio:16/10!important}
  .mk-contact-float{display:none!important}
  .mk-mobile-bar{display:flex!important;z-index:1210!important}
  .mk-mobile-bar a{min-height:48px!important;font-size:12px!important}
  .mk-cart-fab{
    right:12px!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
    width:50px!important;
    max-width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
    overflow:visible!important;
    z-index:1220!important;
  }
  .mk-cart-fab b{display:none!important}
  .mk-cart-fab span{font-size:20px!important}
  .mk-cart-fab em{position:absolute!important;top:-5px!important;right:-5px!important;margin:0!important;min-width:21px!important;height:21px!important;padding:0 5px!important;font-size:10px!important}
  .mk-back-top{right:12px!important;bottom:calc(130px + env(safe-area-inset-bottom))!important;width:46px!important;height:46px!important;font-size:20px!important}
  .mk-proof-toast{left:10px!important;right:72px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;max-width:none!important}
  .mk-support-fullimg{min-height:300px!important}
}

@media(max-width:420px){
  .mk-container{width:calc(100% - 18px)!important}
  .mk-site-logo{height:24px!important;max-width:116px!important}
  .mk-hero h1{font-size:33px!important}
  .mk-hero-features{grid-template-columns:1fr!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-seo-copy-main h2,.mk-warranty-copy h2{font-size:27px!important}
}

/* =========================================================
   v1.17.1 — CART / FOOTER HOTFIX + HERO KICKER CONTRAST
   ========================================================= */

/* The full-site visual layer uses .mk-page>* {position:relative}.
   These UI layers must remain viewport-fixed and above footer/content. */
html.mk-cart-open,
html.mk-cart-open body{
  overflow:hidden!important;
}
.mk-cart-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  z-index:1390!important;
  background:rgba(3,18,35,.58)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.mk-cart-drawer{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(440px,94vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  z-index:1400!important;
  overflow:hidden!important;
  border-radius:0!important;
  transform:translate3d(102%,0,0)!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1)!important;
}
.mk-cart-drawer.is-open{
  transform:translate3d(0,0,0)!important;
}
.mk-cart-items{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.mk-cart-footer{
  flex:0 0 auto!important;
  margin-top:auto!important;
}

/* Other viewport UI must not inherit relative positioning from .mk-page>* */
.mk-cart-fab,
.mk-contact-float,
.mk-back-top,
.mk-proof-toast{
  position:fixed!important;
}

/* Hero kicker: readable on the cyan section */
.mk-kicker{
  color:#0B4F7A!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 22px rgba(9,67,112,.10)!important;
  text-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-weight:800!important;
}

@media(max-width:1023px){
  .mk-cart-drawer{
    width:min(420px,100vw)!important;
  }
  .mk-mobile-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
  }
}
@media(max-width:640px){
  .mk-cart-drawer{
    width:100vw!important;
  }
  .mk-kicker{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
}

/* =========================================================
   v1.17.2 — FOOTER TYPOGRAPHY + PREMIUM CTA
   ========================================================= */
.mk-footer .mk-company-col h3{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:none!important;
  text-shadow:none!important;
  font-size:20px!important;
  line-height:1.34!important;
  letter-spacing:-.25px!important;
  font-weight:800!important;
  max-width:390px!important;
  margin:0 0 20px!important;
}
.mk-footer .mk-footer-col h4{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:none!important;
  text-shadow:none!important;
  font-size:17px!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
  font-weight:800!important;
}
.mk-footer .mk-footer-brandline small{
  color:#D8E9F7!important;
  font-size:13px!important;
  line-height:1.45!important;
  max-width:190px!important;
}
.mk-footer .mk-company-col p{
  color:#C7D9E8!important;
  font-size:15px!important;
  line-height:1.72!important;
  max-width:460px!important;
}
.mk-footer-order-btn{
  background:linear-gradient(135deg,#FFE36B 0%,#FFC43A 52%,#FFAE24 100%)!important;
  color:#0A2E63!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 14px 34px rgba(4,43,89,.20),inset 0 1px 0 rgba(255,255,255,.55)!important;
  text-shadow:none!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.mk-footer-order-btn small{
  color:#274D73!important;
  font-size:13px!important;
  font-weight:800!important;
}
.mk-footer-order-btn:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.03)!important;
  box-shadow:0 18px 40px rgba(4,43,89,.28),inset 0 1px 0 rgba(255,255,255,.6)!important;
}

@media(max-width:1023px){
  .mk-footer .mk-company-col h3{font-size:19px!important;max-width:360px!important}
  .mk-footer .mk-footer-col h4{font-size:16px!important}
  .mk-footer-order-btn{font-size:21px!important}
}
@media(max-width:767px){
  .mk-footer .mk-company-col h3{font-size:18px!important;line-height:1.38!important;margin-bottom:14px!important}
  .mk-footer .mk-footer-brandline small{font-size:12px!important;max-width:165px!important}
  .mk-footer .mk-company-col p{font-size:14px!important;line-height:1.65!important}
  .mk-footer-order-btn{min-height:64px!important;font-size:19px!important;border-radius:13px!important}
  .mk-footer-order-btn small{font-size:12px!important}
}

/* =========================================================
   v1.17.3 — FOOTER AFTERCARE LAYOUT REFINEMENT
   ========================================================= */
.mk-footer-top{
  grid-template-columns:.92fr 1.12fr 1.36fr!important;
  gap:44px!important;
  align-items:start!important;
  padding:46px 0 34px!important;
}
.mk-footer-brandline{
  display:block!important;
  margin-bottom:24px!important;
}
.mk-footer-logo-img{
  display:block!important;
  width:auto!important;
  height:54px!important;
  max-width:210px!important;
  object-fit:contain!important;
}
.mk-footer .mk-company-col h3{
  margin:0 0 16px!important;
  font-size:19px!important;
  line-height:1.34!important;
  max-width:360px!important;
}
.mk-footer .mk-company-col p{
  margin:0!important;
  max-width:430px!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.mk-footer .mk-footer-col h4{
  margin:0 0 18px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.mk-footer-list{
  gap:12px!important;
}
.mk-footer-list li{
  align-items:center!important;
  gap:12px!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.mk-footer-list li span{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
}
.mk-footer-aftercare .mk-footer-safe{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.mk-footer-aftercare .mk-footer-safe li{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  padding:12px 13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
}
.mk-footer-aftercare .mk-footer-safe li>span{
  flex:none!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe li>div{
  min-width:0!important;
}
.mk-footer-aftercare .mk-footer-safe li>div b{
  margin:1px 0 4px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.mk-footer-aftercare .mk-footer-safe li>div small{
  color:#B8CDE0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.mk-footer-cta-inner{
  grid-template-columns:minmax(0,1fr) minmax(300px,430px) minmax(0,1fr)!important;
  gap:30px!important;
}
.mk-footer-hotline,
.mk-footer-note{
  min-width:0!important;
}
.mk-footer-note strong,
.mk-footer-hotline strong{
  font-size:18px!important;
}
.mk-footer-note small,
.mk-footer-hotline small{
  font-size:12px!important;
  letter-spacing:.01em!important;
}

@media(max-width:1180px){
  .mk-footer-top{
    grid-template-columns:.9fr 1.1fr 1.2fr!important;
    gap:28px!important;
  }
  .mk-footer-aftercare .mk-footer-safe{
    grid-template-columns:1fr!important;
  }
  .mk-footer-cta-inner{
    grid-template-columns:1fr minmax(280px,360px) 1fr!important;
    gap:18px!important;
  }
}
@media(max-width:1023px){
  .mk-footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:28px 30px!important;
    padding:38px 0 28px!important;
  }
  .mk-footer-aftercare{
    grid-column:1/-1!important;
  }
  .mk-footer-aftercare .mk-footer-safe{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mk-footer-cta-inner{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}
@media(max-width:767px){
  .mk-footer-top{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:30px 0 22px!important;
  }
  .mk-footer-brandline{margin-bottom:18px!important}
  .mk-footer-logo-img{height:46px!important;max-width:180px!important}
  .mk-footer .mk-company-col h3{font-size:18px!important;max-width:none!important}
  .mk-footer .mk-company-col p{font-size:14px!important;max-width:none!important}
  .mk-footer-aftercare{grid-column:auto!important}
  .mk-footer-aftercare .mk-footer-safe{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .mk-footer-aftercare .mk-footer-safe li{
    padding:11px 12px!important;
  }
}

/* =========================================================
   v1.17.4 — PCCC-INSPIRED TYPOGRAPHY & SPACING SYSTEM
   Compact, readable, conversion-focused. Keeps Metsuki palette.
   ========================================================= */
:root{
  --mk-font-ui:Arial,"Segoe UI",Tahoma,sans-serif;
  --mk-h1:52px;
  --mk-h2:38px;
  --mk-h3:21px;
  --mk-body:15.5px;
  --mk-small:13px;
}
html{font-size:16px!important}
body,.mk-page,.mk-thanks-page,
button,input,select,textarea{
  font-family:var(--mk-font-ui)!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
.mk-page{font-size:var(--mk-body)!important;line-height:1.5!important}

/* Header / navigation */
.mk-head-inner{min-height:72px!important}
.mk-main-nav{gap:28px!important}
.mk-main-nav a{
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.mk-phone{font-size:14px!important;font-weight:800!important}
.mk-head-actions{gap:12px!important}
.mk-head-actions .mk-btn-small{
  min-height:44px!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:800!important;
  border-radius:11px!important;
}

/* Hero typography: compact like PCCC reference */
.mk-kicker{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  padding:7px 13px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
.mk-hero h1{
  margin:12px 0 12px!important;
  max-width:620px!important;
  font-size:var(--mk-h1)!important;
  line-height:1.02!important;
  letter-spacing:-1.5px!important;
  font-weight:800!important;
  text-transform:none!important;
}
.mk-hero-sub{
  margin:0!important;
  max-width:590px!important;
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.mk-sales-hook{
  margin-top:14px!important;
  padding:8px 13px!important;
  font-size:13.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.mk-hero-features{
  margin:22px 0!important;
  gap:10px 14px!important;
}
.mk-hero-features div{
  min-height:44px!important;
  padding:0 12px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  border-radius:11px!important;
}
.mk-hero-actions{gap:10px!important}
.mk-hero-actions .mk-btn,.mk-hero-zalo{
  min-height:48px!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:800!important;
  border-radius:11px!important;
}

/* Section rhythm */
.mk-section{padding-top:42px!important}
.mk-section-head,.mk-section-head.mini{margin-bottom:18px!important}
.mk-section-head h2,.mk-section-head.mini h2,
.mk-panel h2,.mk-form-box h2,
.mk-seo-copy-main h2,.mk-warranty-copy h2,
.mk-video-section-head h2{
  margin-top:0!important;
  margin-bottom:8px!important;
  font-size:var(--mk-h2)!important;
  line-height:1.08!important;
  letter-spacing:-.8px!important;
  font-weight:800!important;
  text-wrap:balance!important;
}
.mk-section-head p,.mk-panel-sub,
.mk-video-section-head p{
  margin-top:0!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Cards and content */
.mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,
.mk-video-grid,.mk-form-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:16px!important}
.mk-card-body{padding:14px!important}
.mk-model{
  font-size:17px!important;
  line-height:1.15!important;
  letter-spacing:-.2px!important;
  font-weight:800!important;
}
.mk-name{
  margin-top:5px!important;
  font-size:15.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.mk-feature-list{margin:12px 0 14px!important}
.mk-feature-list li{
  margin:5px 0!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}
.mk-price-wrap small{font-size:12.5px!important}
.mk-price-wrap strong,.mk-price-col{
  font-size:19px!important;
  line-height:1.15!important;
}
.mk-buy-btn{
  min-height:43px!important;
  font-size:13.5px!important;
  font-weight:800!important;
}
.mk-need-card{padding:14px!important;gap:12px!important}
.mk-need-card b{font-size:15px!important;line-height:1.25!important}
.mk-need-card span{font-size:13px!important;line-height:1.45!important}

/* Information / specs / FAQ */
.mk-seo-copy-main,.mk-seo-benefits,
.mk-spec-card,.mk-warranty-copy,.mk-warranty-cards,.mk-form-box{padding:20px!important}
.mk-seo-label{font-size:11px!important;line-height:1!important;padding:6px 9px!important}
.mk-seo-copy-main p,.mk-warranty-copy p{
  font-size:14.5px!important;
  line-height:1.7!important;
}
.mk-seo-benefits b,.mk-spec-columns b{font-size:14.5px!important}
.mk-seo-benefits span,.mk-spec-columns li,.mk-warranty-cards span{
  font-size:13px!important;
  line-height:1.5!important;
}
.mk-spec-head h3{
  font-size:18px!important;
  line-height:1.2!important;
  letter-spacing:-.25px!important;
}
.mk-spec-head span{font-size:12px!important}
.mk-faq-grid details{padding:14px 16px!important}
.mk-faq-grid summary{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.mk-faq-grid p{font-size:13.5px!important;line-height:1.55!important}

/* Application / kit */
.mk-kit-showcase,.mk-app-grid{padding:12px!important}
.mk-kit-row{gap:12px!important}
.mk-kit-icons{gap:8px!important;margin-top:10px!important}
.mk-kit-icons span{
  min-height:44px!important;
  padding:7px 8px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
}
.mk-app-grid{gap:12px!important}
.mk-app-tile span{
  padding:12px 14px!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* Form */
.mk-form-box h2{font-size:36px!important}
.mk-order-form{gap:12px!important;margin-top:14px!important}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{
  min-height:50px!important;
  padding:0 14px!important;
  font-size:14px!important;
  line-height:1.4!important;
  border-radius:10px!important;
}
.mk-order-form textarea{min-height:94px!important;padding-top:12px!important}
.mk-submit-order{min-height:50px!important;font-size:15px!important}

/* Footer density */
.mk-footer-top{padding-top:38px!important;padding-bottom:28px!important}
.mk-footer .mk-company-col h3{
  font-size:18px!important;
  line-height:1.32!important;
  letter-spacing:-.2px!important;
}
.mk-footer .mk-footer-col h4{
  font-size:16px!important;
  line-height:1.25!important;
}
.mk-footer .mk-company-col p,
.mk-footer-list li{
  font-size:13.5px!important;
  line-height:1.55!important;
}
.mk-footer-aftercare .mk-footer-safe li>div b{font-size:13.5px!important}
.mk-footer-aftercare .mk-footer-safe li>div small{font-size:12px!important;line-height:1.4!important}
.mk-footer-order-btn{
  min-height:66px!important;
  font-size:21px!important;
  line-height:1.05!important;
  letter-spacing:-.35px!important;
}
.mk-footer-order-btn small{font-size:12px!important;line-height:1.25!important}

/* Responsive type system */
@media(max-width:1180px){
  :root{--mk-h1:48px;--mk-h2:35px}
  .mk-hero-sub{font-size:17px!important}
  .mk-main-nav{gap:20px!important}
}
@media(max-width:1023px){
  :root{--mk-h1:44px;--mk-h2:32px;--mk-body:15px}
  .mk-head-inner{min-height:68px!important}
  .mk-hero{padding-top:24px!important;padding-bottom:26px!important}
  .mk-section{padding-top:34px!important}
  .mk-section-head,.mk-section-head.mini{margin-bottom:16px!important}
  .mk-products-section,.mk-seo-copy-section,.mk-kit-apps,.mk-specs-section,
  .mk-warranty-section,#so-sanh,.mk-faq-section{padding-top:38px!important;padding-bottom:40px!important}
  .mk-form-section,.mk-video-section{padding-top:42px!important;padding-bottom:44px!important}
}
@media(max-width:767px){
  :root{--mk-h1:36px;--mk-h2:28px;--mk-body:14.5px}
  .mk-container{width:calc(100% - 22px)!important}
  .mk-kicker{font-size:12px!important;padding:6px 10px!important}
  .mk-hero h1{font-size:36px!important;line-height:1.04!important;letter-spacing:-.7px!important}
  .mk-hero-sub{font-size:15.5px!important;line-height:1.5!important}
  .mk-sales-hook{font-size:12.5px!important}
  .mk-hero-features{margin:18px 0!important;gap:8px!important}
  .mk-hero-features div{min-height:40px!important;font-size:13px!important}
  .mk-hero-actions .mk-btn,.mk-hero-zalo{min-height:46px!important;font-size:13.5px!important}
  .mk-section{padding-top:26px!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-video-section-head h2{
    font-size:28px!important;
    line-height:1.1!important;
    letter-spacing:-.45px!important;
  }
  .mk-section-head p,.mk-panel-sub,.mk-video-section-head p{font-size:13px!important}
  .mk-products-grid,.mk-needs-grid,.mk-specs-grid,.mk-faq-grid,.mk-form-grid,.mk-two-col,.mk-seo-copy,.mk-warranty-grid{gap:14px!important}
  .mk-card-body{padding:13px!important}
  .mk-model{font-size:16px!important}
  .mk-name{font-size:14.5px!important}
  .mk-feature-list li{font-size:13px!important}
  .mk-form-box{padding:16px!important}
  .mk-order-form input,.mk-order-form select,.mk-order-form textarea{font-size:13.5px!important}
  .mk-footer-top{padding-top:28px!important;padding-bottom:22px!important}
}
@media(max-width:420px){
  :root{--mk-h1:33px;--mk-h2:26px}
  .mk-hero h1{font-size:33px!important}
  .mk-section-head h2,.mk-section-head.mini h2,.mk-panel h2,.mk-form-box h2,.mk-video-section-head h2{font-size:26px!important}
  .mk-footer-order-btn{font-size:19px!important}
}


/* v1.17.5 - product image fit refinement */
.mk-products-grid .mk-product-card{
  display:flex!important;
  flex-direction:column!important;
}
.mk-products-grid .mk-card-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:320px!important;
  height:320px!important;
  padding:16px!important;
}
.mk-products-grid .mk-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}
@media (max-width: 1199px){
  .mk-products-grid .mk-card-image{
    min-height:290px!important;
    height:290px!important;
    padding:14px!important;
  }
}
@media (max-width: 767px){
  .mk-products-grid .mk-card-image{
    min-height:260px!important;
    height:260px!important;
    padding:12px!important;
  }
}
@media (max-width: 480px){
  .mk-products-grid .mk-card-image{
    min-height:240px!important;
    height:240px!important;
    padding:10px!important;
  }
}


/* v1.17.6 - premium hero spacing / typography polish */
.mk-hero{
  padding-top:26px!important;
  padding-bottom:18px!important;
}
.mk-hero-grid{
  grid-template-columns:.94fr 1.06fr!important;
  gap:26px!important;
  align-items:center!important;
}
.mk-hero-copy{
  max-width:560px!important;
}
.mk-kicker{
  margin-bottom:6px!important;
  padding:6px 12px!important;
  font-size:12.5px!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.mk-hero h1{
  margin:8px 0 10px!important;
  max-width:560px!important;
  font-size:60px!important;
  line-height:1.01!important;
  letter-spacing:-1.8px!important;
  text-wrap:balance!important;
}
.mk-hero-sub{
  max-width:540px!important;
  font-size:17px!important;
  line-height:1.42!important;
}
.mk-sales-hook{
  margin-top:12px!important;
  padding:7px 12px!important;
  font-size:13px!important;
}
.mk-hero-features{
  margin:16px 0 18px!important;
  gap:10px 12px!important;
  max-width:560px!important;
}
.mk-hero-features div{
  min-height:42px!important;
  padding:0 12px!important;
  font-size:14.5px!important;
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(11,76,135,.10), inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.mk-hero-actions{
  gap:10px!important;
}
.mk-hero-actions .mk-btn,
.mk-hero-zalo{
  min-height:50px!important;
  padding:0 18px!important;
  font-size:14px!important;
  border-radius:13px!important;
  box-shadow:0 14px 32px rgba(11,76,135,.15)!important;
}
.mk-hero-stage,
.mk-hero-stage.mk-hero-stage--custom{
  border-radius:24px!important;
  box-shadow:0 28px 68px rgba(9,66,122,.18), 0 10px 28px rgba(18,89,154,.12)!important;
}
.mk-trust-grid{
  margin-top:18px!important;
  gap:14px!important;
}
.mk-trust-card{
  padding:18px 20px!important;
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(12,74,133,.11)!important;
}
.mk-trust-card strong{
  font-size:15px!important;
}
.mk-trust-card span,
.mk-trust-card small{
  font-size:13px!important;
  line-height:1.45!important;
}

@media(max-width:1180px){
  .mk-hero-grid{gap:22px!important;grid-template-columns:.96fr 1.04fr!important;}
  .mk-hero h1{font-size:52px!important;max-width:520px!important;}
  .mk-hero-sub{font-size:16.5px!important;max-width:520px!important;}
}
@media(max-width:1023px){
  .mk-hero{padding-top:20px!important;padding-bottom:16px!important;}
  .mk-hero-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .mk-hero-copy{max-width:720px!important;}
  .mk-hero h1{font-size:46px!important;max-width:620px!important;margin:8px 0 10px!important;}
  .mk-hero-sub{font-size:16.5px!important;max-width:620px!important;}
  .mk-hero-features{margin:14px 0 16px!important;max-width:none!important;}
  .mk-trust-grid{margin-top:16px!important;}
}
@media(max-width:767px){
  .mk-hero{padding-top:16px!important;padding-bottom:14px!important;}
  .mk-kicker{padding:6px 10px!important;font-size:11.5px!important;}
  .mk-hero h1{font-size:38px!important;line-height:1.03!important;letter-spacing:-.9px!important;margin:8px 0 8px!important;}
  .mk-hero-sub{font-size:15px!important;line-height:1.48!important;}
  .mk-sales-hook{margin-top:10px!important;font-size:12.5px!important;}
  .mk-hero-features{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:14px 0 16px!important;}
  .mk-hero-features div{min-height:40px!important;font-size:13px!important;padding:0 10px!important;}
  .mk-hero-actions .mk-btn,.mk-hero-zalo{min-height:46px!important;font-size:13.5px!important;}
  .mk-trust-grid{gap:10px!important;}
  .mk-trust-card{padding:14px 15px!important;border-radius:15px!important;}
}
@media(max-width:420px){
  .mk-hero h1{font-size:34px!important;}
  .mk-hero-features{grid-template-columns:1fr!important;}
}

/* v1.17.7 - final hero contrast / CTA / trust-card harmony */
:root{
  --mk-hero-ink:#0B2D57;
  --mk-hero-accent:#0B63E5;
  --mk-hero-copy:#35506F;
  --mk-cta-cyan:#18B6E8;
  --mk-cta-blue:#0B63E5;
  --mk-cta-dark:#123FAF;
}

.mk-hero-copy{
  color:var(--mk-hero-ink)!important;
}
.mk-hero-title{
  margin:8px 0 10px!important;
  max-width:585px!important;
  font-size:58px!important;
  line-height:1.01!important;
  letter-spacing:-1.75px!important;
  font-weight:850!important;
  text-transform:none!important;
  text-shadow:none!important;
}
.mk-hero-title .mk-hero-title-main,
.mk-hero-title .mk-hero-title-dot,
.mk-hero-title .mk-hero-title-accent{
  -webkit-text-fill-color:initial!important;
  background:none!important;
  text-shadow:none!important;
}
.mk-hero-title-main{
  display:inline!important;
  color:var(--mk-hero-ink)!important;
}
.mk-hero-title-dot{
  display:inline!important;
  margin-left:.10em!important;
  color:#0F77E8!important;
}
.mk-hero-title-accent{
  display:block!important;
  color:var(--mk-hero-accent)!important;
}
.mk-hero-sub{
  color:#EAF7FF!important;
  text-shadow:0 2px 12px rgba(9,65,121,.16)!important;
  font-weight:600!important;
}
.mk-kicker{
  color:#123E62!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 8px 24px rgba(8,78,137,.10)!important;
}
.mk-sales-hook{
  color:#F8FDFF!important;
  background:rgba(24,102,170,.20)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.mk-hero-features div{
  color:#F7FCFF!important;
  background:linear-gradient(135deg,rgba(23,105,176,.23),rgba(12,87,158,.14))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 28px rgba(7,73,132,.08),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.mk-hero-features div span{
  color:#F7FCFF!important;
}

/* CTA hierarchy */
.mk-hero-actions > .mk-btn:first-child{
  color:#fff!important;
  background:linear-gradient(135deg,var(--mk-cta-cyan) 0%,#118DE3 48%,var(--mk-cta-blue) 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 15px 34px rgba(9,93,181,.24)!important;
}
.mk-hero-actions > .mk-btn:first-child:hover{
  background:linear-gradient(135deg,#2AC5EE 0%,#168FEA 46%,#0758D2 100%)!important;
  transform:translateY(-2px)!important;
}
.mk-hero-actions .mk-btn-outline.js-track-phone{
  color:#fff!important;
  background:linear-gradient(135deg,#185FD7 0%,#123FAF 100%)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 14px 32px rgba(10,63,156,.22)!important;
}
.mk-hero-actions .mk-btn-outline.js-track-phone:hover{
  background:linear-gradient(135deg,#2471E6 0%,#1547C4 100%)!important;
  transform:translateY(-2px)!important;
}
.mk-hero-zalo{
  color:#fff!important;
  background:linear-gradient(135deg,#3194FF 0%,#1768E8 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 14px 30px rgba(16,90,191,.20)!important;
}
.mk-hero-zalo:hover{
  background:linear-gradient(135deg,#45A1FF 0%,#0F5CDA 100%)!important;
  transform:translateY(-2px)!important;
}

/* Trust strip: brighter glass cards with clearer text */
.mk-trust{
  background:linear-gradient(90deg,#154A9E 0%,#1769D1 48%,#2194E8 100%)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
}
.mk-trust-grid{
  gap:14px!important;
}
.mk-trust-grid>div{
  min-height:92px!important;
  padding:17px 20px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08))!important;
  box-shadow:0 14px 32px rgba(6,55,126,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.mk-trust-grid b{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.15px!important;
}
.mk-trust-grid small{
  margin-top:4px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
.mk-trust-hook{
  color:#F5FBFF!important;
  background:#0B3D7A!important;
  border-color:rgba(255,255,255,.14)!important;
  font-size:12.5px!important;
  letter-spacing:.02em!important;
}

/* Header typography alignment */
.mk-main-nav a{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-.1px!important;
}
.mk-phone{
  font-size:15px!important;
  font-weight:800!important;
}
.mk-head-actions .mk-btn-small{
  min-height:48px!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:850!important;
}

@media(max-width:1180px){
  .mk-hero-title{font-size:50px!important;max-width:530px!important}
  .mk-trust-grid>div{min-height:86px!important;padding:15px 16px!important}
}
@media(max-width:1023px){
  .mk-hero-title{font-size:45px!important;max-width:620px!important}
  .mk-hero-sub{color:#F1FBFF!important}
  .mk-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .mk-hero-title{font-size:37px!important;line-height:1.03!important;letter-spacing:-.8px!important}
  .mk-hero-sub{font-size:15px!important}
  .mk-hero-actions{grid-template-columns:1fr!important}
  .mk-hero-actions .mk-btn,.mk-hero-zalo{width:100%!important}
  .mk-trust-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .mk-trust-grid>div{min-height:78px!important;padding:12px 13px!important;border-radius:14px!important}
  .mk-trust-grid b{font-size:13.5px!important}
  .mk-trust-grid small{font-size:11.5px!important}
}
@media(max-width:420px){
  .mk-hero-title{font-size:33px!important}
  .mk-trust-grid{grid-template-columns:1fr!important}
}


/* v1.17.9 - balance Kit / Applications section */
.mk-kit-apps .mk-two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.mk-kit-apps .mk-panel{min-width:0!important;display:flex!important;flex-direction:column!important}
.mk-kit-apps .mk-panel h2{margin:0 0 5px!important;min-height:auto!important;font-size:clamp(30px,2.2vw,38px)!important;line-height:1.06!important;letter-spacing:-.8px!important;white-space:nowrap!important;text-wrap:nowrap!important}
.mk-kit-apps .mk-panel-sub{margin:0 0 14px!important;min-height:22px!important;font-size:14px!important;line-height:1.45!important}
.mk-kit-apps .mk-kit-showcase,.mk-kit-apps .mk-app-grid{flex:1 1 auto!important;min-height:520px!important;height:520px!important;box-sizing:border-box!important}
.mk-kit-apps .mk-kit-showcase{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important;padding:14px!important}
.mk-kit-apps .mk-kit-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;min-height:0!important;height:100%!important}
.mk-kit-apps .mk-kit-row img,.mk-kit-apps .mk-manual-card{width:100%!important;height:100%!important;min-height:0!important;border-radius:14px!important}
.mk-kit-apps .mk-kit-row img{object-fit:contain!important;object-position:center!important;padding:10px!important;background:linear-gradient(145deg,#eaf9f7 0%,#dceeff 100%)!important}
.mk-kit-apps .mk-manual-card{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;font-size:24px!important;line-height:1!important;text-align:center!important}
.mk-kit-apps .mk-manual-card span{margin-top:8px!important;font-size:12px!important;line-height:1.25!important}
.mk-kit-apps .mk-kit-icons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
.mk-kit-apps .mk-kit-icons span{min-height:48px!important;padding:8px 10px!important;font-size:12.5px!important;line-height:1.2!important;border-radius:11px!important}
.mk-kit-apps .mk-app-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important}
.mk-kit-apps .mk-app-tile{min-height:0!important;height:100%!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;border-radius:14px!important;overflow:hidden!important}
.mk-kit-apps .mk-app-tile img{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.mk-kit-apps .mk-app-tile span{position:static!important;margin:0!important;padding:11px 14px!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important}
@media (max-width:1180px) and (min-width:1024px){.mk-kit-apps .mk-panel h2{font-size:30px!important}.mk-kit-apps .mk-kit-showcase,.mk-kit-apps .mk-app-grid{min-height:480px!important;height:480px!important}}
@media (max-width:1023px){.mk-kit-apps .mk-two-col{grid-template-columns:1fr!important;gap:22px!important}.mk-kit-apps .mk-panel h2{white-space:normal!important;text-wrap:balance!important;font-size:32px!important}.mk-kit-apps .mk-panel-sub{min-height:0!important;margin-bottom:12px!important}.mk-kit-apps .mk-kit-showcase,.mk-kit-apps .mk-app-grid{height:auto!important;min-height:0!important}.mk-kit-apps .mk-kit-row img,.mk-kit-apps .mk-manual-card{height:210px!important}.mk-kit-apps .mk-app-tile img{height:210px!important}}
@media (max-width:767px){.mk-kit-apps .mk-panel h2{font-size:28px!important;line-height:1.08!important}.mk-kit-apps .mk-panel-sub{font-size:13px!important}.mk-kit-apps .mk-kit-row{grid-template-columns:1fr 1fr!important}.mk-kit-apps .mk-manual-card{grid-column:1/-1!important;height:105px!important}.mk-kit-apps .mk-kit-row img{height:170px!important}.mk-kit-apps .mk-kit-icons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mk-kit-apps .mk-app-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}.mk-kit-apps .mk-app-tile img{height:auto!important;aspect-ratio:16/10!important}}


/* v1.18.0 - add third product into empty kit slot */
.mk-kit-apps .mk-kit-showcase{
  grid-template-rows:minmax(0,1fr) auto auto!important;
}
.mk-kit-apps .mk-kit-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.mk-kit-apps .mk-kit-row img{
  width:100%!important;
  height:100%!important;
  min-height:200px!important;
  max-height:210px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  background:linear-gradient(145deg,#eefbfa 0%,#deefff 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(33,117,217,.08)!important;
}
.mk-kit-apps .mk-manual-card{
  width:100%!important;
  min-height:112px!important;
  height:112px!important;
  margin:0!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#edf8fb 0%,#dfeef8 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(33,117,217,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
}
.mk-kit-apps .mk-manual-card br{display:none!important;}
.mk-kit-apps .mk-manual-card{font-size:28px!important;letter-spacing:.3px!important;}
.mk-kit-apps .mk-manual-card span{display:block!important;margin-top:10px!important;font-size:13px!important;letter-spacing:.4px!important;}
.mk-kit-apps .mk-kit-icons{margin-top:0!important;}

@media (max-width:1023px){
  .mk-kit-apps .mk-kit-row img{min-height:185px!important;max-height:none!important;}
  .mk-kit-apps .mk-manual-card{min-height:100px!important;height:100px!important;}
}
@media (max-width:767px){
  .mk-kit-apps .mk-kit-row{grid-template-columns:1fr 1fr!important;}
  .mk-kit-apps .mk-kit-row img:last-child{grid-column:1 / -1!important;height:180px!important;}
  .mk-kit-apps .mk-manual-card{min-height:92px!important;height:92px!important;font-size:24px!important;}
}


/* v1.18.1 - kit symmetry + compact checkout columns */
.mk-kit-apps .mk-two-col{
  gap:18px!important;
  align-items:stretch!important;
}
.mk-kit-apps .mk-kit-showcase,
.mk-kit-apps .mk-app-grid{
  height:490px!important;
  min-height:490px!important;
}
.mk-kit-apps .mk-kit-showcase{
  grid-template-rows:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  padding:12px!important;
}
.mk-kit-apps .mk-kit-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.mk-kit-apps .mk-kit-product{
  min-width:0!important;
  height:200px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#f3fcfb 0%,#e1f1ff 100%)!important;
  border:1px solid rgba(25,112,204,.10)!important;
  box-shadow:0 10px 22px rgba(12,77,143,.08)!important;
}
.mk-kit-apps .mk-kit-product img{
  width:100%!important;
  height:160px!important;
  min-height:160px!important;
  max-height:160px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.mk-kit-apps .mk-kit-product>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:7px 8px!important;
  background:rgba(255,255,255,.72)!important;
  color:#123f67!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  border-top:1px solid rgba(25,112,204,.08)!important;
}
.mk-kit-apps .mk-manual-card{
  height:82px!important;
  min-height:82px!important;
  padding:10px 16px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8f7fb 0%,#d9ebff 100%)!important;
  border:1px solid rgba(25,112,204,.12)!important;
  box-shadow:0 10px 22px rgba(12,77,143,.07)!important;
  text-align:left!important;
}
.mk-kit-apps .mk-manual-icon{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#22b9e4,#1768dc)!important;
  color:#fff!important;
  font-size:20px!important;
  box-shadow:0 9px 18px rgba(23,104,220,.20)!important;
}
.mk-kit-apps .mk-manual-card>div{display:grid!important;gap:2px!important}
.mk-kit-apps .mk-manual-card strong{
  color:#123f67!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-transform:none!important;
}
.mk-kit-apps .mk-manual-card small{
  color:#5d7286!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
.mk-kit-apps .mk-kit-icons{gap:8px!important}
.mk-kit-apps .mk-kit-icons span{min-height:43px!important}
.mk-kit-apps .mk-app-grid{
  padding:10px!important;
  gap:10px!important;
}
.mk-kit-apps .mk-app-tile span{
  padding:10px 12px!important;
  font-size:14.5px!important;
}

/* Checkout: remove forced equal-height stretch that created large empty space */
.mk-form-section{
  padding-top:44px!important;
  padding-bottom:44px!important;
}
.mk-form-grid{
  grid-template-columns:1.08fr .92fr!important;
  gap:18px!important;
  align-items:start!important;
}
.mk-form-box{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding:22px!important;
}
.mk-form-box h2{
  margin-bottom:5px!important;
  font-size:34px!important;
  line-height:1.06!important;
}
.mk-form-box .mk-panel-sub{margin-bottom:10px!important}
.mk-checkout-cart{margin-top:10px!important;margin-bottom:10px!important}
.mk-order-form{margin-top:10px!important;gap:10px!important}
.mk-order-form input,.mk-order-form select{
  min-height:48px!important;
}
.mk-order-form textarea{
  min-height:86px!important;
}
.mk-submit-order{min-height:50px!important}
.mk-support-box.mk-support-full-image{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  aspect-ratio:1.06 / 1!important;
  overflow:hidden!important;
}
.mk-support-fullimg{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center 46%!important;
}

@media(max-width:1180px) and (min-width:1024px){
  .mk-kit-apps .mk-kit-showcase,.mk-kit-apps .mk-app-grid{height:455px!important;min-height:455px!important}
  .mk-kit-apps .mk-kit-product{height:180px!important}
  .mk-kit-apps .mk-kit-product img{height:142px!important;min-height:142px!important;max-height:142px!important}
  .mk-kit-apps .mk-kit-product>span{min-height:38px!important;font-size:11.5px!important}
  .mk-form-box h2{font-size:32px!important}
}
@media(max-width:1023px){
  .mk-kit-apps .mk-kit-showcase,.mk-kit-apps .mk-app-grid{height:auto!important;min-height:0!important}
  .mk-kit-apps .mk-kit-product{height:190px!important}
  .mk-kit-apps .mk-kit-product img{height:150px!important;min-height:150px!important;max-height:150px!important}
  .mk-form-grid{grid-template-columns:1fr!important;gap:16px!important}
  .mk-support-box.mk-support-full-image{aspect-ratio:16 / 10!important;width:100%!important}
  .mk-support-fullimg{object-position:center 44%!important}
}
@media(max-width:767px){
  .mk-kit-apps .mk-kit-row{grid-template-columns:1fr 1fr!important}
  .mk-kit-apps .mk-kit-product{height:178px!important}
  .mk-kit-apps .mk-kit-product img{height:140px!important;min-height:140px!important;max-height:140px!important}
  .mk-kit-apps .mk-kit-product:last-child{grid-column:1/-1!important;height:190px!important}
  .mk-kit-apps .mk-kit-product:last-child img{height:152px!important;min-height:152px!important;max-height:152px!important}
  .mk-kit-apps .mk-manual-card{height:auto!important;min-height:74px!important;padding:10px 12px!important}
  .mk-kit-apps .mk-manual-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:18px!important}
  .mk-form-section{padding-top:30px!important;padding-bottom:32px!important}
  .mk-form-box{padding:16px!important}
  .mk-form-box h2{font-size:28px!important}
  .mk-support-box.mk-support-full-image{aspect-ratio:4 / 3!important}
}

/* ======================================================================
   v1.19.0 — Reference layout rebuild
   Visual target: uploaded Metsuki landing reference. Business functions,
   cart, order flow, tracking, admin settings and video data are unchanged.
   ====================================================================== */
:root{
  --ref-navy:#072f73;
  --ref-navy-2:#063b8d;
  --ref-blue:#0d76e5;
  --ref-cyan:#13bfea;
  --ref-sky:#e9faff;
  --ref-yellow:#ffd719;
  --ref-red:#e71f25;
  --ref-text:#0d2f66;
  --ref-muted:#5f7590;
  --ref-line:#bce7f4;
}
html{scroll-behavior:smooth}
body{background:#fff!important;color:var(--ref-text)!important;font-family:Arial,"Segoe UI",sans-serif!important}
.mk-page{background:#fff!important;overflow:hidden}
.mk-container{width:min(1160px,calc(100% - 36px))!important;margin-inline:auto!important}

/* HEADER */
.mk-header{
  position:sticky!important;top:0!important;z-index:900!important;
  background:linear-gradient(90deg,#06306f 0%,#064494 52%,#075ebc 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 24px rgba(0,42,94,.15)!important;
}
.mk-head-inner{min-height:66px!important;grid-template-columns:210px 1fr auto!important;gap:22px!important}
.mk-site-logo{height:42px!important;max-width:205px!important;filter:grayscale(1) brightness(0) invert(1)!important}
.mk-main-nav{gap:30px!important}
.mk-main-nav a{color:#fff!important;font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
.mk-main-nav a:after{background:#55dff7!important;bottom:-8px!important}
.mk-phone{color:#fff!important;font-size:14px!important;font-weight:800!important}
.mk-phone-ico{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.15)!important}
.mk-head-actions .mk-btn-small{
  min-height:40px!important;padding:0 18px!important;border-radius:8px!important;
  background:var(--ref-yellow)!important;color:#9b0b0d!important;border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.15)!important;font-size:13px!important;font-weight:900!important
}

/* HERO */
.mk-hero{
  position:relative!important;isolation:isolate!important;
  padding:18px 0 22px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,255,255,.65),transparent 28%),
    linear-gradient(115deg,#dffbff 0%,#77e7f4 23%,#1eaeea 54%,#0a78df 78%,#0756b8 100%)!important;
}
.mk-hero:before,.mk-hero:after{content:"";position:absolute;inset:auto;z-index:-1;pointer-events:none}
.mk-hero:before{left:-70px;top:10px;width:330px;height:330px;border:26px solid rgba(255,255,255,.28);transform:rotate(45deg);border-right-color:transparent;border-bottom-color:transparent}
.mk-hero:after{right:-100px;bottom:-80px;width:430px;height:430px;border:1px solid rgba(112,233,255,.28);border-radius:50%;box-shadow:0 0 0 34px rgba(112,233,255,.07),0 0 0 68px rgba(112,233,255,.04)}
.mk-hero-grid{grid-template-columns:.86fr 1.14fr!important;gap:20px!important;align-items:center!important;min-height:330px!important}
.mk-hero-copy{max-width:470px!important}
.mk-kicker{display:inline-flex!important;margin:0 0 8px!important;padding:6px 10px!important;border-radius:8px!important;background:#fff!important;border:1px solid rgba(22,87,148,.08)!important;color:#0d4b8a!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
.mk-hero-title{display:block!important;margin:6px 0 8px!important;max-width:450px!important;font-size:46px!important;line-height:.98!important;letter-spacing:-1.6px!important;font-weight:900!important;color:#073b76!important;text-shadow:none!important}
.mk-hero-title-main,.mk-hero-title-accent{display:block!important;color:#073b76!important}
.mk-hero-title-dot{display:none!important}
.mk-hero-sub{margin:0 0 10px!important;max-width:440px!important;color:#0d5792!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important}
.mk-sales-hook{display:none!important}
.mk-hero-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 14px!important;max-width:450px!important}
.mk-hero-features div{min-height:44px!important;padding:0 12px!important;border-radius:7px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(25,126,195,.14)!important;color:#0c3f76!important;font-size:13px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(2,72,134,.07)!important}
.mk-hero-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.mk-hero-actions .mk-btn,.mk-hero-zalo{min-height:42px!important;padding:0 15px!important;border-radius:7px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(5,69,137,.14)!important}
.mk-hero-actions .mk-btn:first-child{background:linear-gradient(135deg,#138be9,#075fd0)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}
.mk-hero-actions .mk-btn-outline{background:#fff!important;color:#0b53a1!important;border:1px solid #c7eafa!important}
.mk-hero-zalo{background:#0a69d8!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}
.mk-hero-media{min-width:0!important}
.mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{width:100%!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.mk-hero-stage.mk-hero-stage--custom:before,.mk-hero-stage.mk-hero-stage--custom:after{display:none!important}
.mk-hero-stage--custom .mk-hero-banner{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;filter:saturate(1.05) contrast(1.04)!important}

/* Match reference: no separate trust strip below hero */
.mk-trust{display:none!important}

/* PRODUCT SECTION */
.mk-products-section{position:relative!important;margin:0!important;padding:18px 0 26px!important;background:linear-gradient(180deg,#f7fdff 0%,#eefbff 100%)!important}
.mk-products-section:before,.mk-products-section:after{content:"";position:absolute;bottom:0;width:120px;height:120px;border-style:solid;opacity:.35;pointer-events:none}
.mk-products-section:before{left:0;border-width:0 0 34px 34px;border-color:transparent transparent #36c8ef #36c8ef;clip-path:polygon(0 0,100% 100%,0 100%)}
.mk-products-section:after{right:0;border-width:0 34px 34px 0;border-color:transparent #36c8ef #36c8ef transparent;clip-path:polygon(100% 0,100% 100%,0 100%)}
.mk-products-section .mk-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:14px!important}
.mk-products-section .mk-section-head h2{margin:0!important;color:#082f69!important;font-size:31px!important;line-height:1!important;letter-spacing:-.8px!important;font-weight:900!important}
.mk-products-section .mk-section-head p{margin:0 0 3px!important;color:#536a84!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.mk-products-section .mk-section-head p strong{color:#075fd0!important;font-style:italic!important}
.mk-products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.mk-products-grid .mk-product-card{display:flex!important;flex-direction:column!important;border:1px solid #c7eaf5!important;border-radius:8px!important;background:#fff!important;box-shadow:0 6px 17px rgba(4,75,133,.06)!important;overflow:hidden!important;transform:none!important}
.mk-products-grid .mk-card-image{position:relative!important;height:205px!important;min-height:205px!important;padding:9px!important;background:#effbff!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mk-products-grid .mk-card-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
.mk-product-badge{top:8px!important;right:8px!important;padding:5px 8px!important;border-radius:5px!important;background:linear-gradient(135deg,#1eb1ec,#0a71df)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 4px 10px rgba(0,91,181,.2)!important}
.mk-products-grid .mk-card-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:10px 10px 9px!important}
.mk-model{color:#0a356d!important;font-size:13px!important;line-height:1.1!important;font-weight:900!important}
.mk-name{margin:3px 0 5px!important;color:#0769d5!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important;min-height:30px!important}
.mk-feature-list{margin:3px 0 8px!important;padding:0!important;list-style:none!important;min-height:52px!important}
.mk-feature-list li{position:relative!important;margin:3px 0!important;padding-left:12px!important;color:#47647f!important;font-size:9.5px!important;line-height:1.28!important}
.mk-feature-list li:before{content:"✓"!important;position:absolute!important;left:0!important;top:0!important;color:#12a9e2!important;font-weight:900!important}
.mk-card-specs{margin-top:2px!important;padding-top:7px!important;border-top:1px solid #e5f2f8!important}
.mk-card-specs>b{display:block!important;margin-bottom:4px!important;color:#103a6b!important;font-size:10px!important;font-weight:900!important}
.mk-card-specs ul{margin:0!important;padding-left:12px!important}
.mk-card-specs li{margin:2px 0!important;color:#4d657c!important;font-size:8.4px!important;line-height:1.28!important}
.mk-card-bottom{display:block!important;margin-top:auto!important;padding-top:8px!important}
.mk-price-wrap{display:block!important;margin-bottom:6px!important}
.mk-price-wrap small{display:block!important;color:#5e7287!important;font-size:9px!important}
.mk-price-wrap strong{display:block!important;color:var(--ref-red)!important;font-size:21px!important;line-height:1!important;font-weight:900!important}
.mk-price-wrap del{display:none!important}
.mk-buy-btn{display:flex!important;width:100%!important;min-height:36px!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;background:linear-gradient(180deg,#ffe333,#ffd115)!important;color:#8d0d0f!important;border:1px solid #f3c600!important;box-shadow:0 5px 10px rgba(203,149,0,.18)!important;font-size:11px!important;font-weight:900!important}

/* REFERENCE FLOW: retain code/data, suppress secondary long-form sections in this visual build */
.mk-seo-copy-section,.mk-needs-section,.mk-kit-apps,.mk-specs-section,.mk-warranty-section,#so-sanh,.mk-faq-section{display:none!important}

/* VIDEO SECTION */
.mk-video-section{margin:0!important;padding:18px 0 24px!important;background:linear-gradient(135deg,#062e72 0%,#064c9e 50%,#0772d3 100%)!important;position:relative!important;overflow:hidden!important}
.mk-video-section:before{content:"";position:absolute;left:-80px;top:-100px;width:260px;height:260px;border:28px solid rgba(30,195,241,.13);transform:rotate(45deg)}
.mk-video-section .mk-container{position:relative!important;z-index:1!important}
.mk-video-section-head{margin:0 0 12px!important;max-width:none!important}
.mk-video-section-head .mk-seo-label{display:inline-flex!important;margin:0 0 6px!important;padding:5px 9px!important;border-radius:5px!important;background:#0d7ce7!important;border:1px solid #37c8f2!important;color:#fff!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important}
.mk-video-section-head h2{margin:0 0 4px!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;font-size:25px!important;line-height:1.05!important;letter-spacing:-.5px!important;font-weight:900!important}
.mk-video-section-head p{margin:0!important;color:rgba(255,255,255,.83)!important;font-size:10px!important;line-height:1.4!important}
.mk-video-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-width:none!important;margin:0!important}
.mk-video-card{border:1px solid rgba(255,255,255,.28)!important;border-radius:6px!important;background:#fff!important;box-shadow:0 10px 25px rgba(0,23,61,.2)!important;overflow:hidden!important;transform:none!important}
.mk-video-frame{aspect-ratio:16/10!important;background:#031f4f!important;border:0!important}
.mk-video-frame iframe,.mk-video-frame video{width:100%!important;height:100%!important;object-fit:cover!important;background:#031f4f!important}
.mk-video-card-body{padding:8px 9px 10px!important;background:#fff!important}
.mk-video-card-body>span{padding:3px 6px!important;border-radius:3px!important;background:#e6f4ff!important;color:#0872d8!important;font-size:8px!important;font-weight:900!important}
.mk-video-card-body h3{margin:4px 0 4px!important;color:#0d326a!important;font-size:12px!important;line-height:1.2!important;font-weight:900!important}
.mk-video-link{color:#0872d8!important;font-size:9px!important;font-weight:900!important}

/* ORDER SECTION */
.mk-form-section{margin:0!important;padding:16px 0 18px!important;background:linear-gradient(135deg,#25bce8 0%,#0e8de7 50%,#0867d1 100%)!important}
.mk-form-grid{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:10px!important;align-items:stretch!important}
.mk-form-box,.mk-support-box.mk-support-full-image{border:1px solid rgba(255,255,255,.58)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 10px 24px rgba(0,72,137,.14)!important;overflow:hidden!important;height:auto!important;min-height:0!important}
.mk-form-box{padding:12px!important}
.mk-form-box h2{margin:0 0 2px!important;color:#0b326a!important;font-size:23px!important;line-height:1.05!important;font-weight:900!important}
.mk-form-box .mk-panel-sub{margin:0 0 8px!important;color:#566f89!important;font-size:9px!important;line-height:1.4!important}
.mk-checkout-cart{margin:0 0 8px!important;gap:5px!important}
.mk-cart-empty{padding:8px!important;border:1px dashed #c7e5f3!important;border-radius:5px!important;background:#f8fdff!important;color:#5d7288!important;font-size:9px!important;text-align:center!important}
.mk-order-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0!important}
.mk-order-form input,.mk-order-form select,.mk-order-form textarea{min-height:35px!important;padding:0 9px!important;border:1px solid #cde5ef!important;border-radius:4px!important;background:#fbfeff!important;color:#143a67!important;font-size:9px!important;box-shadow:none!important}
.mk-order-form textarea{min-height:48px!important;padding-top:8px!important;resize:vertical!important}
.mk-order-form select,.mk-order-form textarea,.mk-submit-order,.mk-form-full{grid-column:1/-1!important}
.mk-submit-order{min-height:40px!important;border-radius:4px!important;background:linear-gradient(180deg,#ffe331,#ffd014)!important;color:#d1161d!important;border:1px solid #f1c800!important;box-shadow:0 6px 12px rgba(190,145,0,.15)!important;font-size:13px!important;font-weight:900!important}
.mk-support-box.mk-support-full-image{display:flex!important;align-items:stretch!important}
.mk-support-fullimg{display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}

/* FOOTER */
.mk-footer{margin:0!important;background:#062f70!important;color:#fff!important}
.mk-footer-top{display:grid!important;grid-template-columns:1.05fr 1fr 1fr!important;gap:28px!important;padding:20px 0 18px!important}
.mk-footer-logo-img{height:38px!important;max-width:180px!important;margin:0 0 6px!important;filter:grayscale(1) brightness(0) invert(1)!important}
.mk-footer .mk-company-col h3{margin:7px 0 6px!important;color:#fff!important;font-size:11px!important;line-height:1.35!important;font-weight:900!important}
.mk-footer .mk-company-col p{margin:0!important;color:#c9def4!important;font-size:8.5px!important;line-height:1.5!important}
.mk-footer .mk-footer-col h4{margin:0 0 8px!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.mk-footer-list,.mk-footer-safe{gap:5px!important}
.mk-footer-list li,.mk-footer-safe li{color:#d8e8f8!important;font-size:8.5px!important;line-height:1.38!important}
.mk-footer-list li>span,.mk-footer-safe li>span{color:#ffdd22!important}
.mk-footer-safe li>div b{color:#fff!important;font-size:8.8px!important}
.mk-footer-safe li>div small{color:#a9c6e4!important;font-size:7.8px!important;line-height:1.35!important}
.mk-footer-cta-bar{background:linear-gradient(90deg,#0ba4e7 0%,#0b78df 60%,#0758ba 100%)!important;border-top:1px solid rgba(255,255,255,.2)!important}
.mk-footer-cta-inner{min-height:62px!important;display:grid!important;grid-template-columns:1fr 1.1fr 1fr!important;align-items:center!important;gap:18px!important}
.mk-footer-hotline,.mk-footer-note{color:#fff!important}
.mk-footer-hotline small,.mk-footer-note small{font-size:8px!important;font-weight:800!important}
.mk-footer-hotline strong,.mk-footer-note strong{font-size:11px!important;font-weight:900!important}
.mk-footer-hotline a{color:#fff!important}
.mk-footer-order-btn{min-height:44px!important;border-radius:5px!important;background:linear-gradient(180deg,#ffe537,#ffd114)!important;color:#d2171e!important;border:1px solid #ffd93b!important;box-shadow:0 6px 12px rgba(91,59,0,.16)!important;font-size:16px!important;font-weight:900!important}
.mk-footer-order-btn small{color:#73520b!important;font-size:8px!important}

/* FLOATING ACTIONS */
.mk-cart-fab{right:10px!important;bottom:154px!important;min-width:112px!important;max-width:122px!important;min-height:38px!important;padding:5px 8px!important;border-radius:18px!important;background:#0863c9!important;border:1px solid rgba(255,255,255,.25)!important;font-size:10px!important;box-shadow:0 7px 18px rgba(0,48,111,.22)!important}
.mk-cart-fab b{font-size:10px!important}.mk-cart-fab span{font-size:12px!important}.mk-cart-fab em{width:20px!important;height:20px!important;font-size:9px!important}
.mk-contact-float{right:10px!important;bottom:76px!important;gap:5px!important;max-width:122px!important}
.mk-contact-float a{min-width:112px!important;max-width:122px!important;min-height:38px!important;padding:5px 9px 5px 5px!important;border-radius:18px!important;font-size:10px!important}
.mk-contact-float a span{width:28px!important;height:28px!important;font-size:11px!important}
.mk-contact-float b{font-size:10px!important}.mk-float-phone{background:#24b95f!important}.mk-float-zalo{background:#0e72dd!important}
.mk-back-top{right:13px!important;bottom:18px!important;width:36px!important;height:36px!important;font-size:18px!important;background:#073675!important}

/* DESKTOP/LAPTOP SCALE */
@media(max-width:1180px){
  .mk-container{width:min(1080px,calc(100% - 28px))!important}
  .mk-head-inner{grid-template-columns:180px 1fr auto!important}.mk-site-logo{height:36px!important;max-width:180px!important}
  .mk-main-nav{gap:20px!important}.mk-main-nav a{font-size:12px!important}
  .mk-hero-title{font-size:41px!important}.mk-hero-grid{grid-template-columns:.9fr 1.1fr!important}
  .mk-products-grid{gap:8px!important}.mk-products-grid .mk-card-image{height:185px!important;min-height:185px!important}
}

/* TABLET */
@media(max-width:900px){
  .mk-head-inner{grid-template-columns:160px 1fr auto!important;min-height:60px!important}.mk-site-logo{height:32px!important}
  .mk-main-nav{display:none!important}.mk-phone{display:none!important}
  .mk-hero-grid{grid-template-columns:1fr!important;gap:14px!important}.mk-hero-copy{max-width:none!important}.mk-hero-title{max-width:620px!important;font-size:42px!important}.mk-hero-sub{max-width:620px!important}
  .mk-hero-media{max-width:760px!important;margin:0 auto!important;width:100%!important}
  .mk-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.mk-products-grid .mk-card-image{height:240px!important;min-height:240px!important}
  .mk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mk-form-grid{grid-template-columns:1fr!important}.mk-support-box.mk-support-full-image{max-height:520px!important}.mk-support-fullimg{height:100%!important}
  .mk-footer-top{grid-template-columns:1fr 1fr!important}.mk-footer-aftercare{grid-column:1/-1!important}
  .mk-footer-cta-inner{grid-template-columns:1fr!important;gap:8px!important;padding:10px 0!important;text-align:center!important}
  .mk-footer-hotline,.mk-footer-note{justify-content:center!important}
}

/* MOBILE */
@media(max-width:640px){
  .mk-container{width:calc(100% - 20px)!important}
  .mk-head-inner{grid-template-columns:1fr auto!important;min-height:56px!important}.mk-site-logo{height:29px!important;max-width:150px!important}.mk-head-actions .mk-btn-small{min-height:34px!important;padding:0 11px!important;font-size:10px!important}
  .mk-hero{padding:14px 0 16px!important}.mk-kicker{font-size:9.5px!important}.mk-hero-title{font-size:33px!important;line-height:1!important;letter-spacing:-1px!important}.mk-hero-sub{font-size:12px!important}.mk-hero-features{gap:6px!important}.mk-hero-features div{min-height:40px!important;font-size:11px!important;padding:0 9px!important}.mk-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.mk-hero-actions .mk-btn:first-child{grid-column:1/-1!important}.mk-hero-actions .mk-btn,.mk-hero-zalo{width:100%!important;min-height:40px!important;font-size:11px!important}
  .mk-hero-stage,.mk-hero-stage.mk-hero-stage--custom{aspect-ratio:16/10!important}
  .mk-products-section{padding:15px 0 20px!important}.mk-products-section .mk-section-head{display:block!important}.mk-products-section .mk-section-head h2{font-size:26px!important}.mk-products-section .mk-section-head p{margin-top:5px!important;font-size:9px!important}.mk-products-grid{grid-template-columns:1fr!important}.mk-products-grid .mk-card-image{height:300px!important;min-height:300px!important}.mk-model{font-size:15px!important}.mk-name{font-size:14px!important;min-height:0!important}.mk-feature-list{min-height:0!important}.mk-feature-list li{font-size:11px!important}.mk-card-specs li{font-size:10px!important}.mk-price-wrap strong{font-size:24px!important}.mk-buy-btn{min-height:42px!important;font-size:12px!important}
  .mk-video-section{padding:16px 0 20px!important}.mk-video-section-head h2{font-size:22px!important}.mk-video-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important}.mk-video-card{flex:0 0 84vw!important;scroll-snap-align:start!important}.mk-video-card-body h3{font-size:13px!important}
  .mk-form-section{padding:12px 0 14px!important}.mk-form-box{padding:10px!important}.mk-form-box h2{font-size:21px!important}.mk-order-form{grid-template-columns:1fr!important}.mk-order-form input,.mk-order-form select,.mk-order-form textarea{grid-column:1/-1!important;min-height:40px!important;font-size:11px!important}.mk-submit-order{min-height:44px!important;font-size:13px!important}.mk-support-box.mk-support-full-image{max-height:360px!important}
  .mk-footer-top{grid-template-columns:1fr!important;gap:16px!important}.mk-footer-aftercare{grid-column:auto!important}.mk-footer-logo-img{height:34px!important}.mk-footer .mk-company-col h3{font-size:12px!important}.mk-footer .mk-company-col p,.mk-footer-list li,.mk-footer-safe li{font-size:9.5px!important}.mk-footer .mk-footer-col h4{font-size:11px!important}
  .mk-cart-fab,.mk-contact-float,.mk-back-top{display:none!important}
  .mk-mobile-bar{display:flex!important;z-index:1200!important}
}

/* Keep header anchors usable while preserving the compact reference flow. */
.mk-specs-section:target,.mk-warranty-section:target,.mk-faq-section:target{
  display:block!important;
  background:#f5fbff!important;
  padding:36px 0!important;
}


/* ======================================================================
   v1.19.1 — Typography + checkout/support visual balance
   ====================================================================== */
:root{
  --mk-font-ui:system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;
}
body,.mk-page,.mk-thanks-page,
button,input,select,textarea{
  font-family:var(--mk-font-ui)!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
.mk-page h1,.mk-page h2,.mk-page h3,.mk-page h4,
.mk-model,.mk-name,.mk-buy-btn,.mk-submit-order,
.mk-footer-order-btn,.mk-main-nav a{
  font-family:var(--mk-font-ui)!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

/* Slightly larger, stronger type throughout the compact reference layout */
.mk-main-nav a{font-size:14px!important}
.mk-phone{font-size:15px!important}
.mk-head-actions .mk-btn-small{font-size:14px!important}
.mk-kicker{font-size:12px!important}
.mk-hero-title{font-size:50px!important;line-height:1!important}
.mk-hero-sub{font-size:15px!important;line-height:1.45!important}
.mk-hero-features div{font-size:14px!important}
.mk-hero-actions .mk-btn,.mk-hero-zalo{font-size:13.5px!important}
.mk-products-section .mk-section-head h2{font-size:34px!important}
.mk-products-section .mk-section-head p{font-size:12px!important}
.mk-model{font-size:15px!important}
.mk-name{font-size:13.5px!important;line-height:1.28!important}
.mk-feature-list li{font-size:10.5px!important;line-height:1.38!important}
.mk-card-specs>b{font-size:11px!important}
.mk-card-specs li{font-size:9.5px!important;line-height:1.35!important}
.mk-price-wrap small{font-size:10px!important}
.mk-price-wrap strong{font-size:24px!important}
.mk-buy-btn{font-size:12.5px!important;min-height:39px!important}
.mk-video-section-head h2{font-size:28px!important}
.mk-video-section-head p{font-size:11px!important}
.mk-video-card-body h3{font-size:14px!important}
.mk-video-card-body .mk-video-link{font-size:11px!important}

/* Checkout + support: equal columns, same height, stronger typography */
.mk-form-section{
  padding:22px 0 24px!important;
}
.mk-form-grid{
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  align-items:stretch!important;
}
.mk-form-box{
  height:auto!important;
  min-height:0!important;
  padding:20px!important;
  border-radius:12px!important;
  box-shadow:0 16px 38px rgba(0,66,127,.15)!important;
}
.mk-form-box h2{
  margin:0 0 5px!important;
  font-size:34px!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  color:#0b326a!important;
}
.mk-form-box .mk-panel-sub{
  margin:0 0 12px!important;
  font-size:13px!important;
  line-height:1.48!important;
  color:#667b90!important;
}
.mk-checkout-cart{
  margin:0 0 12px!important;
}
.mk-cart-empty{
  padding:12px 14px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1.4!important;
  border-radius:8px!important;
}
.mk-order-form{
  gap:10px!important;
}
.mk-order-form input,
.mk-order-form select,
.mk-order-form textarea{
  min-height:48px!important;
  padding:0 13px!important;
  border-radius:8px!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
.mk-order-form textarea{
  min-height:78px!important;
  padding-top:12px!important;
}
.mk-submit-order{
  min-height:52px!important;
  border-radius:8px!important;
  font-size:16px!important;
  letter-spacing:.01em!important;
}
.mk-support-box.mk-support-full-image{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 16px 38px rgba(0,66,127,.15)!important;
}
.mk-support-fullimg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 43%!important;
  border-radius:0!important;
}

/* Footer readability uplift */
.mk-footer .mk-company-col h3{font-size:13px!important}
.mk-footer .mk-company-col p{font-size:10px!important}
.mk-footer .mk-footer-col h4{font-size:12px!important}
.mk-footer-list li,.mk-footer-safe li{font-size:10px!important}
.mk-footer-safe li>div b{font-size:10.5px!important}
.mk-footer-safe li>div small{font-size:9px!important}
.mk-footer-hotline small,.mk-footer-note small{font-size:9px!important}
.mk-footer-hotline strong,.mk-footer-note strong{font-size:12px!important}

/* Laptop */
@media(max-width:1180px) and (min-width:901px){
  .mk-hero-title{font-size:45px!important}
  .mk-form-box h2{font-size:31px!important}
  .mk-order-form input,.mk-order-form select,.mk-order-form textarea{font-size:13.5px!important}
}

/* Tablet: stack, keep image readable but not overly tall */
@media(max-width:900px){
  .mk-form-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .mk-support-box.mk-support-full-image{
    position:relative!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
  .mk-support-fullimg{
    position:absolute!important;
    inset:0!important;
    object-position:center 42%!important;
  }
  .mk-form-box h2{font-size:30px!important}
}

/* Mobile */
@media(max-width:640px){
  .mk-kicker{font-size:10px!important}
  .mk-hero-title{font-size:35px!important}
  .mk-hero-sub{font-size:13px!important}
  .mk-hero-features div{font-size:12px!important}
  .mk-products-section .mk-section-head h2{font-size:28px!important}
  .mk-model{font-size:16px!important}
  .mk-name{font-size:14.5px!important}
  .mk-feature-list li{font-size:11.5px!important}
  .mk-card-specs>b{font-size:11.5px!important}
  .mk-card-specs li{font-size:10.5px!important}
  .mk-form-section{padding:14px 0 16px!important}
  .mk-form-box{padding:15px!important}
  .mk-form-box h2{font-size:26px!important}
  .mk-form-box .mk-panel-sub{font-size:12px!important}
  .mk-order-form{grid-template-columns:1fr!important;gap:9px!important}
  .mk-order-form input,.mk-order-form select,.mk-order-form textarea{
    grid-column:1/-1!important;
    min-height:46px!important;
    font-size:13.5px!important;
  }
  .mk-order-form textarea{min-height:72px!important}
  .mk-submit-order{min-height:50px!important;font-size:15px!important}
  .mk-support-box.mk-support-full-image{
    aspect-ratio:4/3!important;
  }
}


/* ======================================================================
   v1.19.2 — Footer typography + 4-column video section
   ====================================================================== */
.mk-video-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  max-width:none!important;
  gap:14px!important;
}
.mk-video-card{
  border-radius:10px!important;
}
.mk-video-card-body{
  padding:10px 10px 12px!important;
}
.mk-video-card-body>span{
  font-size:9px!important;
  padding:4px 7px!important;
}
.mk-video-card-body h3{
  font-size:14px!important;
  line-height:1.25!important;
  margin:6px 0 6px!important;
}
.mk-video-card-body .mk-video-link{
  font-size:12px!important;
}

.mk-footer-top{
  padding-top:24px!important;
  padding-bottom:22px!important;
}
.mk-footer-logo-img{
  height:42px!important;
  max-width:210px!important;
}
.mk-footer .mk-company-col h3{
  margin:10px 0 10px!important;
  font-size:16px!important;
  line-height:1.34!important;
  max-width:420px!important;
}
.mk-footer .mk-company-col p{
  font-size:13px!important;
  line-height:1.65!important;
  max-width:460px!important;
}
.mk-footer .mk-footer-col h4{
  margin:0 0 10px!important;
  font-size:16px!important;
  line-height:1.3!important;
}
.mk-footer-list,.mk-footer-safe{
  gap:10px!important;
}
.mk-footer-list li,.mk-footer-safe li{
  font-size:13px!important;
  line-height:1.52!important;
}
.mk-footer-list li>span,.mk-footer-safe li>span{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.mk-footer-safe li>div b{
  font-size:14px!important;
  line-height:1.35!important;
  margin-bottom:2px!important;
}
.mk-footer-safe li>div small{
  font-size:12.5px!important;
  line-height:1.46!important;
}
.mk-footer-cta-inner{
  min-height:68px!important;
}
.mk-footer-hotline strong,.mk-footer-note strong{
  font-size:14px!important;
}
.mk-footer-hotline small,.mk-footer-note small{
  font-size:11px!important;
  line-height:1.35!important;
}
.mk-footer-order-btn{
  min-height:50px!important;
  font-size:18px!important;
}
.mk-footer-order-btn small{
  font-size:10px!important;
  line-height:1.25!important;
}

@media (max-width: 1180px){
  .mk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mk-footer-top{grid-template-columns:1fr 1fr!important;gap:22px!important;}
  .mk-footer-aftercare{grid-column:1/-1!important;}
}
@media (max-width: 767px){
  .mk-video-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;}
  .mk-video-card{flex:0 0 84vw!important;scroll-snap-align:start!important;}
  .mk-footer-top{grid-template-columns:1fr!important;gap:18px!important;padding-top:22px!important;padding-bottom:18px!important;}
  .mk-footer-logo-img{height:38px!important;max-width:190px!important;}
  .mk-footer .mk-company-col h3{font-size:14px!important;}
  .mk-footer .mk-company-col p,.mk-footer-list li,.mk-footer-safe li{font-size:11.5px!important;}
  .mk-footer .mk-footer-col h4{font-size:13px!important;}
  .mk-footer-safe li>div b{font-size:12.5px!important;}
  .mk-footer-safe li>div small{font-size:11px!important;}
  .mk-footer-cta-inner{grid-template-columns:1fr!important;gap:8px!important;padding:10px 0!important;text-align:center!important;}
  .mk-footer-hotline,.mk-footer-note{justify-content:center!important;}
  .mk-footer-hotline strong,.mk-footer-note strong{font-size:13px!important;}
  .mk-footer-hotline small,.mk-footer-note small{font-size:10px!important;}
}


/* ======================================================================
   v1.19.3 — Order section balance + larger product details
   ====================================================================== */
@media (min-width: 901px){
  .mk-video-section .mk-container,
  .mk-form-section .mk-container{
    width:min(1180px,calc(100% - 36px))!important;
  }
  .mk-form-section{
    padding:18px 0 20px!important;
  }
  .mk-form-grid{
    grid-template-columns:1.04fr .96fr!important;
    gap:18px!important;
    align-items:start!important;
  }
  .mk-form-box{
    padding:22px 24px!important;
    border-radius:14px!important;
  }
  .mk-form-box h2{
    font-size:38px!important;
    line-height:1.02!important;
    margin:0 0 6px!important;
  }
  .mk-form-box .mk-panel-sub{
    font-size:15px!important;
    line-height:1.5!important;
    margin:0 0 14px!important;
  }
  .mk-checkout-cart{
    margin:0 0 14px!important;
  }
  .mk-cart-empty{
    min-height:48px!important;
    padding:12px 14px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
  .mk-order-form{
    gap:12px!important;
  }
  .mk-order-form input,
  .mk-order-form select,
  .mk-order-form textarea{
    min-height:50px!important;
    font-size:14px!important;
    border-radius:8px!important;
    padding:0 14px!important;
  }
  .mk-order-form textarea{
    min-height:86px!important;
    padding-top:12px!important;
  }
  .mk-submit-order{
    min-height:54px!important;
    border-radius:8px!important;
    font-size:17px!important;
  }
  .mk-support-box.mk-support-full-image{
    aspect-ratio: 9 / 8 !important;
    height:auto!important;
    align-self:start!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .mk-support-fullimg{
    width:100%!important;
    height:100%!important;
    object-position:center center!important;
  }
}

/* Product detail text larger and more balanced */
.mk-feature-list{
  margin:4px 0 9px!important;
}
.mk-feature-list li{
  font-size:11.2px!important;
  line-height:1.42!important;
  margin:4px 0!important;
  padding-left:14px!important;
}
.mk-card-specs{
  padding-top:9px!important;
}
.mk-card-specs>b{
  font-size:12.2px!important;
  margin-bottom:5px!important;
}
.mk-card-specs ul{
  padding-left:14px!important;
}
.mk-card-specs li{
  font-size:11px!important;
  line-height:1.42!important;
  margin:3px 0!important;
}
.mk-price-wrap small{
  font-size:10.5px!important;
}
.mk-video-card-body h3{
  font-size:15px!important;
}

@media (max-width: 900px){
  .mk-form-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .mk-support-box.mk-support-full-image{
    aspect-ratio: 16 / 10 !important;
  }
}
@media (max-width: 640px){
  .mk-form-box h2{
    font-size:28px!important;
  }
  .mk-form-box .mk-panel-sub{
    font-size:12.5px!important;
  }
  .mk-feature-list li{
    font-size:11.4px!important;
  }
  .mk-card-specs>b{
    font-size:12px!important;
  }
  .mk-card-specs li{
    font-size:10.8px!important;
  }
}


/* ======================================================================
   v1.19.4 — Equal height order form and support image
   ====================================================================== */
@media (min-width: 901px){
  .mk-form-grid{
    align-items:stretch!important;
  }
  .mk-form-box,
  .mk-support-box.mk-support-full-image{
    height:100%!important;
  }
  .mk-support-box.mk-support-full-image{
    aspect-ratio:auto!important;
    min-height:100%!important;
    align-self:stretch!important;
    display:flex!important;
  }
  .mk-support-fullimg{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}


/* ======================================================================
   v1.19.5 — Consistent red icons in checkout form
   ====================================================================== */
.mk-order-form input[name="name"],
.mk-order-form input[name="phone"],
.mk-order-form input[name="address"],
.mk-order-form select[name="model"]{
  padding-left:44px!important;
  background-repeat:no-repeat!important;
  background-position:14px center!important;
  background-size:18px 18px!important;
}

.mk-order-form input[name="name"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e51f2a'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-8.5 9.5A8.5 8.5 0 0 1 12 13a8.5 8.5 0 0 1 8.5 8.5.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5Z'/%3E%3C/svg%3E")!important;
}
.mk-order-form input[name="phone"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e51f2a'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E")!important;
}
.mk-order-form input[name="address"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e51f2a'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E")!important;
}
.mk-order-form select[name="model"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e51f2a'%3E%3Cpath d='M9 4V2h6v2h4a2 2 0 0 1 2 2v5h-8v2h-2v-2H3V6a2 2 0 0 1 2-2h4Zm12 9v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5h8v2h2v-2h8Z'/%3E%3C/svg%3E")!important;
}

.mk-order-form input[name="name"]:focus,
.mk-order-form input[name="phone"]:focus,
.mk-order-form input[name="address"]:focus,
.mk-order-form select[name="model"]:focus{
  border-color:rgba(229,31,42,.42)!important;
  box-shadow:0 0 0 3px rgba(229,31,42,.08)!important;
}


/* ======================================================================
   v1.19.6 — Full product images + zoom/lightbox + smaller support title
   ====================================================================== */
/* Full square product media, matching the supplied product creatives */
.mk-products-grid .mk-card-image{
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eefaff!important;
  cursor:zoom-in!important;
}
.mk-products-grid .mk-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1)!important;
  transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease!important;
  will-change:transform!important;
}
.mk-effects-on .mk-products-grid .mk-card-image:hover img,
.mk-products-grid .mk-card-image:focus-within img{
  transform:scale(1.065)!important;
  filter:saturate(1.04) contrast(1.025)!important;
}
.mk-products-grid .mk-card-image::after{
  content:"⌕";
  position:absolute!important;
  left:10px!important;
  bottom:10px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(6,47,112,.82)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  transition:.22s ease!important;
  pointer-events:none!important;
  z-index:3!important;
}
.mk-products-grid .mk-card-image:hover::after{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* Lightbox */
.mk-product-lightbox{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(2,20,43,.88);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.mk-product-lightbox.is-open{
  opacity:1;
  visibility:visible;
}
.mk-product-lightbox__dialog{
  position:relative;
  width:min(92vw,920px);
  max-height:92vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mk-product-lightbox__image{
  display:block;
  max-width:100%;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.mk-product-lightbox__close{
  position:absolute;
  top:-16px;
  right:-16px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#07366f;
  font-size:26px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
html.mk-lightbox-open,
html.mk-lightbox-open body{
  overflow:hidden!important;
}

/* The title is baked into the support artwork. Mask that title area on the
   landing and redraw it at ~80% so the source image remains untouched. */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  isolation:isolate!important;
}
.mk-support-box.mk-support-full-image::before{
  content:"";
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:7%!important;
  width:55%!important;
  height:31%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(10,76,132,.99) 0%,
    rgba(10,76,132,.99) 76%,
    rgba(10,76,132,.82) 88%,
    rgba(10,76,132,0) 100%)!important;
}
.mk-support-box.mk-support-full-image::after{
  content:"Đồng hành\A cùng mọi\A công trình";
  white-space:pre!important;
  position:absolute!important;
  z-index:3!important;
  left:5.5%!important;
  top:11.5%!important;
  width:45%!important;
  pointer-events:none!important;
  color:#fff!important;
  font-family:var(--mk-font-ui,system-ui,-apple-system,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(32px,3.2vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  text-shadow:0 4px 18px rgba(0,26,66,.24)!important;
}

@media (max-width:900px){
  .mk-support-box.mk-support-full-image::before{
    top:6%!important;
    width:54%!important;
    height:34%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    top:10%!important;
    left:5%!important;
    font-size:clamp(28px,6vw,46px)!important;
  }
}
@media (max-width:640px){
  .mk-products-grid .mk-card-image::after{display:none!important;}
  .mk-product-lightbox{padding:16px!important;}
  .mk-product-lightbox__close{top:-12px;right:-6px;width:38px;height:38px;font-size:23px;}
  .mk-support-box.mk-support-full-image::before{
    top:5%!important;
    width:58%!important;
    height:34%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    top:9%!important;
    left:5%!important;
    width:49%!important;
    font-size:clamp(25px,8vw,36px)!important;
  }
}


/* ======================================================================
   v1.19.7 — overlap fixes + product logo + balanced footer
   ====================================================================== */
/* The support artwork already contains its own text. Remove the CSS mask/
   replacement title from v1.19.6 so no duplicate text can overlap. */
.mk-support-box.mk-support-full-image::before,
.mk-support-box.mk-support-full-image::after{
  content:none!important;
  display:none!important;
}
.mk-support-box.mk-support-full-image{
  isolation:auto!important;
}
.mk-support-fullimg{
  transform:none!important;
  filter:none!important;
}

/* Product cards: keep full-image zoom and add a small Metsuki brand mark
   without modifying the actual product image files. */
.mk-products-grid .mk-card-image::before{
  content:"";
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  z-index:4!important;
  width:86px!important;
  height:30px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.92) url('../images/metsuki-logo.svg') center/74px auto no-repeat!important;
  box-shadow:0 5px 14px rgba(5,61,121,.14)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  pointer-events:none!important;
}

/* Footer: three equal desktop columns with consistent vertical alignment. */
.mk-footer-top{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:34px!important;
  align-items:start!important;
}
.mk-footer-col{
  min-width:0!important;
}
.mk-footer .mk-company-col h3,
.mk-footer .mk-footer-col h4{
  margin-top:0!important;
}
.mk-footer .mk-footer-col h4{
  white-space:nowrap!important;
}

/* After-sales column: replace 2x2 cards with three clean horizontal rows. */
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>span{
  width:34px!important;
  height:34px!important;
  flex:none!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div{
  min-width:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  display:block!important;
  margin:0 0 3px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  display:block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:11.5px!important;
  line-height:1.3!important;
}

/* Prevent floating actions from visually covering footer content on desktop. */
@media (min-width:1181px){
  .mk-footer .mk-container{
    padding-right:56px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:1180px){
  .mk-footer-top{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .mk-footer .mk-footer-col h4{font-size:13px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{padding:9px 10px!important;gap:9px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:11.5px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:10px!important;}
}

@media (max-width:900px){
  .mk-footer-top{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .mk-footer .mk-footer-col h4{white-space:normal!important;}
  .mk-footer-aftercare .mk-footer-safe--compact{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    display:flex!important;
    align-items:flex-start!important;
    min-height:112px!important;
    padding:12px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div b,
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{
    white-space:normal!important;
  }
}

@media (max-width:640px){
  .mk-products-grid .mk-card-image::before{
    width:74px!important;
    height:27px!important;
    left:8px!important;
    top:8px!important;
    background-size:64px auto!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact{
    grid-template-columns:1fr!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    min-height:0!important;
  }
}


/* v1.19.8 - compact hero/support/footer balance fixes */
.mk-hero h1{
  font-size:56px!important;
  max-width:520px!important;
}
.mk-hero-sub{
  font-size:18px!important;
  max-width:500px!important;
}

.mk-form-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
}
.mk-form-box,
.mk-support-box.mk-support-full-image{
  min-height:100%!important;
}

.mk-support-box.mk-support-full-image{
  position:relative!important;
  padding:0!important;
  background:linear-gradient(180deg,#072643 0%,#0b3d68 100%)!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.mk-support-box.mk-support-full-image::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:46px;
  background:linear-gradient(180deg,#082846 0%,rgba(8,40,70,.96) 70%,rgba(8,40,70,0) 100%);
  z-index:2;
  pointer-events:none;
}
.mk-support-fullimg{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(.85)!important;
  transform-origin:center center!important;
}

.mk-footer-top{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:24px!important;
  padding:32px 0 22px!important;
}
.mk-footer-col{
  min-width:0!important;
}
.mk-footer .mk-company-col h3{
  font-size:15px!important;
  line-height:1.34!important;
  margin:10px 0 10px!important;
}
.mk-footer .mk-company-col p{
  font-size:13px!important;
  line-height:1.65!important;
  max-width:none!important;
}
.mk-footer .mk-footer-col h4{
  font-size:17px!important;
  margin-bottom:14px!important;
  white-space:nowrap!important;
}
.mk-footer-list,
.mk-footer-aftercare .mk-footer-safe--compact{
  gap:10px!important;
}
.mk-footer-list li{
  gap:12px!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.mk-footer-list li span,
.mk-footer-aftercare .mk-footer-safe--compact li>span{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:12px!important;
  padding:12px 14px!important;
  min-height:84px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  font-size:14px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  font-size:12px!important;
  line-height:1.45!important;
}

@media (min-width:1024px) and (max-width:1439px){
  .mk-hero h1{font-size:50px!important;max-width:500px!important;}
  .mk-hero-sub{font-size:17px!important;}
  .mk-footer-top{gap:20px!important;}
  .mk-footer .mk-footer-col h4{font-size:15px!important;}
  .mk-footer-list li{font-size:13px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:13px!important;white-space:normal!important;}
}

@media (max-width:1023px){
  .mk-hero h1{font-size:48px!important;max-width:none!important;}
  .mk-hero-sub{font-size:17px!important;max-width:none!important;}
  .mk-support-box.mk-support-full-image::before{height:32px;}
  .mk-support-fullimg{transform:scale(.9)!important;}
  .mk-footer-top{grid-template-columns:1fr 1fr!important;gap:18px!important;}
  .mk-footer-aftercare{grid-column:1 / -1!important;}
  .mk-footer .mk-footer-col h4{white-space:normal!important;}
}

@media (max-width:767px){
  .mk-hero h1{font-size:40px!important;}
  .mk-hero-sub{font-size:16px!important;}
  .mk-support-fullimg{transform:none!important;}
  .mk-footer-top{grid-template-columns:1fr!important;gap:16px!important;padding:26px 0 18px!important;}
  .mk-footer-aftercare{grid-column:auto!important;}
  .mk-footer .mk-footer-col h4{font-size:14px!important;}
  .mk-footer-list li{font-size:12px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:12px!important;white-space:normal!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:11px!important;}
}


/* v1.19.9 - support image cleanup + equal height order block */
.mk-form-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
}
.mk-form-box,
.mk-support-box.mk-support-full-image{
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
}
.mk-support-box.mk-support-full-image{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  padding:0!important;
  background:#0a335c!important;
}
.mk-support-fullimg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
/* Cover the baked-in red logo, oversized title and bottom CTA buttons in the artwork. */
.mk-support-box.mk-support-full-image::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 73%, rgba(5,40,76,.84) 86%, rgba(5,40,76,0) 100%) 0 0 / 64% 41% no-repeat,
    linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 72%, rgba(5,40,76,.82) 88%, rgba(5,40,76,0) 100%) 0 100% / 60% 18% no-repeat;
}
.mk-support-box.mk-support-full-image::after{
  content:"Đồng hành\A cùng mọi\A công trình"!important;
  white-space:pre!important;
  position:absolute!important;
  z-index:3!important;
  left:5.2%!important;
  top:11%!important;
  width:44%!important;
  color:#fff!important;
  pointer-events:none!important;
  font-family:var(--mk-font-ui,system-ui,-apple-system,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(28px,2.75vw,46px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-shadow:0 4px 18px rgba(0,24,52,.22)!important;
}

@media (max-width:1023px){
  .mk-form-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .mk-support-box.mk-support-full-image{min-height:0!important;}
  .mk-support-box.mk-support-full-image::before{
    background:
      linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 74%, rgba(5,40,76,.84) 88%, rgba(5,40,76,0) 100%) 0 0 / 66% 39% no-repeat,
      linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 74%, rgba(5,40,76,.82) 89%, rgba(5,40,76,0) 100%) 0 100% / 62% 18% no-repeat;
  }
  .mk-support-box.mk-support-full-image::after{
    top:10%!important;
    left:5%!important;
    width:46%!important;
    font-size:clamp(26px,5vw,40px)!important;
  }
}

@media (max-width:767px){
  .mk-support-box.mk-support-full-image::before{
    background:
      linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 76%, rgba(5,40,76,.86) 90%, rgba(5,40,76,0) 100%) 0 0 / 74% 38% no-repeat,
      linear-gradient(90deg, rgba(5,40,76,.98) 0%, rgba(5,40,76,.98) 78%, rgba(5,40,76,.84) 91%, rgba(5,40,76,0) 100%) 0 100% / 70% 17% no-repeat;
  }
  .mk-support-box.mk-support-full-image::after{
    top:8.5%!important;
    left:4.8%!important;
    width:50%!important;
    font-size:clamp(24px,6vw,34px)!important;
  }
}


/* v1.19.10 - footer balance refinement */
.mk-footer-top{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:28px!important;
  padding:30px 0 26px!important;
}
.mk-footer-col{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:100%!important;
}
.mk-company-col{
  padding-right:4px!important;
}
.mk-footer-brandline{
  margin-bottom:12px!important;
}
.mk-footer-logo-img{
  height:48px!important;
  max-width:300px!important;
}
.mk-footer .mk-company-col h3,
.mk-footer .mk-footer-col h4{
  min-height:48px!important;
  display:flex!important;
  align-items:flex-end!important;
}
.mk-footer .mk-company-col h3{
  font-size:15px!important;
  line-height:1.32!important;
  margin:0 0 12px!important;
}
.mk-footer .mk-company-col p{
  font-size:12.5px!important;
  line-height:1.7!important;
  margin:0!important;
  max-width:420px!important;
}
.mk-footer .mk-footer-col h4{
  font-size:16px!important;
  line-height:1.25!important;
  margin:0 0 14px!important;
  white-space:normal!important;
}
.mk-footer-list{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
}
.mk-footer-list li{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:flex-start!important;
  gap:12px!important;
  font-size:13px!important;
  line-height:1.45!important;
  min-height:42px!important;
}
.mk-footer-list li span{
  width:36px!important;
  height:36px!important;
  flex:none!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:68px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>span{
  width:36px!important;
  height:36px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  font-size:13.5px!important;
  line-height:1.28!important;
  margin:0 0 3px!important;
  white-space:nowrap!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  font-size:11.5px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}

@media (min-width:1024px){
  .mk-footer-top > .mk-footer-col{height:100%!important;}
}

@media (max-width:1200px){
  .mk-footer-top{gap:20px!important;}
  .mk-footer .mk-company-col h3,
  .mk-footer .mk-footer-col h4{min-height:42px!important;}
  .mk-footer .mk-footer-col h4{font-size:15px!important;}
  .mk-footer-list li{font-size:12.5px!important;grid-template-columns:36px minmax(0,1fr)!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{grid-template-columns:36px minmax(0,1fr)!important;padding:10px 12px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:12.5px!important;white-space:normal!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:10.8px!important;white-space:normal!important;}
}

@media (max-width:900px){
  .mk-footer-top{grid-template-columns:1fr!important;gap:18px!important;padding:26px 0 20px!important;}
  .mk-footer .mk-company-col h3,
  .mk-footer .mk-footer-col h4{min-height:auto!important;}
  .mk-footer-list li,
  .mk-footer-aftercare .mk-footer-safe--compact li{min-height:0!important;}
}


/* v1.19.11 - make checkout form and support artwork exactly equal height */
@media (min-width:1024px){
  .mk-form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  .mk-form-box{
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .mk-support-box.mk-support-full-image{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
    overflow:hidden!important;
    display:block!important;
    padding:0!important;
  }
  .mk-support-fullimg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    border-radius:0!important;
  }
  .mk-support-box.mk-support-full-image::before,
  .mk-support-box.mk-support-full-image::after{
    position:absolute!important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .mk-form-grid{align-items:start!important;}
  .mk-support-box.mk-support-full-image{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
  }
  .mk-support-fullimg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    transform:none!important;
  }
}

/* v1.19.12 - footer rebalance, remove circled icons, improve column rhythm */
@media (min-width:1024px){
  .mk-footer-top{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:34px!important;
    align-items:stretch!important;
    padding:34px 0 30px!important;
  }
  .mk-footer-top > .mk-footer-col{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }
  .mk-company-col{padding-right:10px!important;}
  .mk-footer-brandline{margin-bottom:14px!important;}
  .mk-footer-logo-img{height:50px!important;max-width:300px!important;}

  .mk-footer .mk-company-col h3,
  .mk-footer .mk-footer-col h4{
    display:flex!important;
    align-items:flex-start!important;
    min-height:56px!important;
    margin:0 0 14px!important;
  }
  .mk-footer .mk-company-col h3{
    font-size:18px!important;
    line-height:1.28!important;
    font-weight:800!important;
  }
  .mk-footer .mk-company-col p{
    font-size:13.5px!important;
    line-height:1.72!important;
    margin:0!important;
    max-width:420px!important;
  }
  .mk-footer .mk-footer-col h4{
    font-size:17px!important;
    line-height:1.22!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  .mk-footer-list{
    gap:14px!important;
  }
  .mk-footer-list li{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:flex-start!important;
    gap:10px!important;
    min-height:46px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
  }
  .mk-footer-list li span{
    width:auto!important;
    height:auto!important;
    border:none!important;
    border-radius:0!important;
    background:none!important;
    display:inline-block!important;
    margin-top:2px!important;
    color:#ffcf20!important;
    font-size:17px!important;
    line-height:1!important;
  }

  .mk-footer-aftercare .mk-footer-safe--compact{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    height:100%!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:flex-start!important;
    gap:10px!important;
    min-height:74px!important;
    padding:14px 16px!important;
    border-radius:14px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>span{
    width:auto!important;
    height:auto!important;
    border:none!important;
    border-radius:0!important;
    background:none!important;
    display:inline-block!important;
    margin-top:2px!important;
    color:#ffcf20!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{
    font-size:14px!important;
    line-height:1.32!important;
    margin:0!important;
    white-space:normal!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{
    font-size:12px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}

@media (max-width:1200px){
  .mk-footer .mk-company-col h3,
  .mk-footer .mk-footer-col h4{min-height:50px!important;}
  .mk-footer .mk-company-col h3{font-size:17px!important;}
  .mk-footer .mk-footer-col h4{font-size:16px!important;}
  .mk-footer-list li{font-size:13px!important;min-height:0!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{min-height:68px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:13px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:11px!important;}
}

@media (max-width:900px){
  .mk-footer-top{grid-template-columns:1fr!important;gap:18px!important;padding:26px 0 20px!important;}
  .mk-footer .mk-company-col h3,
  .mk-footer .mk-footer-col h4{min-height:auto!important;}
  .mk-footer-list li,
  .mk-footer-aftercare .mk-footer-safe--compact li{min-height:0!important;}
}

/* v1.19.13 - restore support artwork heading after v1.19.7 override */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  isolation:isolate!important;
}
.mk-support-box.mk-support-full-image::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:7%!important;
  width:55%!important;
  height:31%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(10,76,132,.99) 0%,
    rgba(10,76,132,.99) 76%,
    rgba(10,76,132,.82) 88%,
    rgba(10,76,132,0) 100%)!important;
}
.mk-support-box.mk-support-full-image::after{
  content:"Đồng hành\A cùng mọi\A công trình"!important;
  display:block!important;
  white-space:pre!important;
  position:absolute!important;
  z-index:3!important;
  left:5.5%!important;
  top:11.5%!important;
  width:45%!important;
  pointer-events:none!important;
  color:#fff!important;
  font-family:var(--mk-font-ui,system-ui,-apple-system,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(32px,3.2vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  text-shadow:0 4px 18px rgba(0,26,66,.24)!important;
}
@media (max-width:900px){
  .mk-support-box.mk-support-full-image::before{top:6%!important;width:54%!important;height:34%!important;}
  .mk-support-box.mk-support-full-image::after{top:10%!important;left:5%!important;font-size:clamp(28px,6vw,46px)!important;}
}
@media (max-width:640px){
  .mk-support-box.mk-support-full-image::before{top:5%!important;width:58%!important;height:34%!important;}
  .mk-support-box.mk-support-full-image::after{top:9%!important;left:5%!important;width:49%!important;font-size:clamp(25px,8vw,36px)!important;}
}

/* v1.19.14 - clean support heading: fully mask baked text and render one title only */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.mk-support-box.mk-support-full-image::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:0!important;
  width:58%!important;
  height:42%!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,#07518f 0%,#084a83 58%,#083f73 100%)!important;
  opacity:1!important;
}
.mk-support-box.mk-support-full-image::after{
  content:"Đồng hành\A cùng mọi\A công trình"!important;
  display:block!important;
  white-space:pre!important;
  position:absolute!important;
  z-index:3!important;
  left:5.8%!important;
  top:7.8%!important;
  width:44%!important;
  pointer-events:none!important;
  color:#fff!important;
  font-family:var(--mk-font-ui,system-ui,-apple-system,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(30px,2.75vw,46px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-shadow:0 3px 14px rgba(0,24,54,.2)!important;
}

@media (max-width:1023px){
  .mk-support-box.mk-support-full-image::before{
    width:60%!important;
    height:43%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    left:5.4%!important;
    top:7.5%!important;
    width:47%!important;
    font-size:clamp(28px,5vw,42px)!important;
  }
}

@media (max-width:640px){
  .mk-support-box.mk-support-full-image::before{
    width:67%!important;
    height:42%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    left:5%!important;
    top:7%!important;
    width:52%!important;
    font-size:clamp(24px,7vw,34px)!important;
  }
}

/* v1.19.15 - use only the text baked into support artwork */
.mk-support-box.mk-support-full-image::before,
.mk-support-box.mk-support-full-image::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.mk-support-box.mk-support-full-image{
  isolation:auto!important;
}


/* ======================================================================
   v1.19.16 — footer matched to supplied reference
   ====================================================================== */
.mk-footer.mk-footer-pccc{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 22%,rgba(24,126,197,.14) 0 1px,transparent 1.4px) 0 0/7px 7px,
    linear-gradient(180deg,#041d39 0%,#032342 100%)!important;
  border-top:1px solid rgba(81,190,255,.35)!important;
  box-shadow:inset 0 -1px 0 rgba(38,184,255,.35)!important;
}
.mk-footer.mk-footer-pccc>.mk-container{
  width:min(1200px,calc(100% - 34px))!important;
}
.mk-footer-top{
  display:grid!important;
  grid-template-columns:1.02fr 1.38fr 1.9fr!important;
  align-items:stretch!important;
  gap:0!important;
  padding:25px 0 22px!important;
}
.mk-footer-top>.mk-footer-col{
  position:relative!important;
  min-width:0!important;
  min-height:138px!important;
  padding:0 28px!important;
}
.mk-footer-top>.mk-footer-col:first-child{padding-left:0!important;}
.mk-footer-top>.mk-footer-col:last-child{padding-right:0!important;}
.mk-footer-top>.mk-footer-col:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  right:0!important;
  width:1px!important;
  height:calc(100% - 4px)!important;
  background:rgba(133,192,227,.20)!important;
}

/* Brand block */
.mk-footer-brandline{margin:0 0 8px!important;}
.mk-footer-logo-img{
  display:block!important;
  height:42px!important;
  width:auto!important;
  max-width:220px!important;
  margin:0!important;
  filter:grayscale(1) brightness(0) invert(1)!important;
}
.mk-footer .mk-company-col h3{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  max-width:260px!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.32!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mk-footer .mk-company-col h3::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:52px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#ef233c!important;
}
.mk-footer .mk-company-col p{
  margin:0!important;
  max-width:285px!important;
  color:#d6e5f1!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
}

/* Section headings */
.mk-footer .mk-footer-col h4{
  display:block!important;
  min-height:0!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
}

/* Company info list */
.mk-footer-info-col .mk-footer-list{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.mk-footer-info-col .mk-footer-list li{
  display:grid!important;
  grid-template-columns:15px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:0!important;
  color:#e7f2fb!important;
  font-size:9.5px!important;
  line-height:1.34!important;
}
.mk-footer-info-col .mk-footer-list li div{min-width:0!important;}
.mk-footer-info-col .mk-footer-list li b{font-weight:700!important;color:#f4f9fd!important;}
.mk-footer-ico{
  display:block!important;
  width:14px!important;
  height:14px!important;
  background:none!important;
  border:none!important;
  border-radius:0!important;
  color:#ff2140!important;
  margin:0!important;
}
.mk-footer-ico svg{display:block!important;width:100%!important;height:100%!important;fill:currentColor!important;}

/* Aftercare: three equal horizontal modules */
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  height:auto!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:103px!important;
  padding:4px 14px 0!important;
  border:none!important;
  border-radius:0!important;
  background:none!important;
  text-align:center!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:22px!important;
  right:0!important;
  width:1px!important;
  height:70px!important;
  background:rgba(133,192,227,.18)!important;
}
.mk-service-ico{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#0a355d!important;
  border:none!important;
  color:#ff2140!important;
  margin:0 auto 1px!important;
}
.mk-service-ico svg{width:18px!important;height:18px!important;fill:currentColor!important;}
.mk-footer-aftercare .mk-footer-safe--compact li>div{
  display:block!important;
  min-width:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  display:block!important;
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:9.4px!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  display:block!important;
  color:#b9cddd!important;
  font-size:8px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

/* The reference footer is compact; CTA bar remains functional but visually separated below. */
.mk-footer-cta-bar{border-top:1px solid rgba(81,190,255,.26)!important;}

@media (max-width:1180px){
  .mk-footer-top{grid-template-columns:.95fr 1.3fr 1.65fr!important;}
  .mk-footer-top>.mk-footer-col{padding:0 18px!important;}
  .mk-footer .mk-footer-col h4{font-size:11px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{padding-left:8px!important;padding-right:8px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:8.7px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:7.6px!important;}
}

@media (max-width:900px){
  .mk-footer-top{grid-template-columns:1fr!important;padding:24px 0 20px!important;}
  .mk-footer-top>.mk-footer-col{padding:18px 0!important;min-height:0!important;}
  .mk-footer-top>.mk-footer-col:first-child{padding-top:0!important;}
  .mk-footer-top>.mk-footer-col:not(:last-child)::after{
    top:auto!important;right:auto!important;left:0!important;bottom:0!important;width:100%!important;height:1px!important;
  }
  .mk-footer .mk-footer-col h4{font-size:13px!important;white-space:normal!important;}
  .mk-footer-info-col .mk-footer-list li{font-size:11px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{min-height:110px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:10.5px!important;white-space:normal!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:9px!important;}
}

@media (max-width:560px){
  .mk-footer-aftercare .mk-footer-safe--compact{grid-template-columns:1fr!important;gap:12px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li:not(:last-child)::after{display:none!important;}
  .mk-service-ico{margin:0!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:11px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:10px!important;}
}

/* ======================================================================
   v1.19.17 — support heading lower + ~10% smaller, landing-only
   Keeps the source artwork untouched; masks only its baked heading area.
   ====================================================================== */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.mk-support-box.mk-support-full-image::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:0!important;
  width:55%!important;
  height:35%!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,
    #07518f 0%,
    #084d88 56%,
    #07477f 82%,
    rgba(7,71,127,.94) 100%)!important;
}
.mk-support-box.mk-support-full-image::after{
  content:"Đồng hành\A cùng mọi\A công trình"!important;
  display:block!important;
  white-space:pre!important;
  position:absolute!important;
  z-index:3!important;
  left:5.2%!important;
  top:10.8%!important;
  width:43%!important;
  pointer-events:none!important;
  color:#fff!important;
  font-family:var(--mk-font-ui,system-ui,-apple-system,"Segoe UI",Arial,sans-serif)!important;
  font-size:clamp(28px,2.45vw,42px)!important;
  line-height:.99!important;
  letter-spacing:-.038em!important;
  font-weight:900!important;
  text-shadow:0 3px 14px rgba(0,24,54,.2)!important;
}

@media (min-width:768px) and (max-width:1023px){
  .mk-support-box.mk-support-full-image::before{
    width:58%!important;
    height:36%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    left:5%!important;
    top:10.5%!important;
    width:46%!important;
    font-size:clamp(27px,4.6vw,38px)!important;
  }
}

@media (max-width:767px){
  .mk-support-box.mk-support-full-image::before{
    width:66%!important;
    height:36%!important;
  }
  .mk-support-box.mk-support-full-image::after{
    left:5%!important;
    top:9.8%!important;
    width:53%!important;
    font-size:clamp(23px,6.4vw,32px)!important;
  }
}


/* v1.19.18 - footer styled to match reference screenshot */
.mk-footer.mk-footer-pccc{
  background:
    linear-gradient(135deg, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 18%) 0 0/280px 100% no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.04) 0, rgba(255,255,255,0) 24%) 100% 0/280px 100% no-repeat,
    radial-gradient(circle at 88% 24%, rgba(46,121,255,.16) 0, rgba(46,121,255,0) 28%),
    linear-gradient(180deg, #0a2f76 0%, #082a6d 100%)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.mk-footer.mk-footer-pccc .mk-container{max-width:1280px!important;}
.mk-footer-top{
  display:grid!important;
  grid-template-columns:1.02fr 1.12fr 1.26fr!important;
  gap:26px!important;
  align-items:stretch!important;
  padding:26px 0 18px!important;
}
.mk-footer-col{
  position:relative!important;
  padding:0 18px!important;
}
.mk-footer-col:not(:last-child){
  border-right:1px solid rgba(255,255,255,.14)!important;
}
.mk-company-col{padding-left:0!important;}
.mk-footer-aftercare{padding-right:0!important;}
.mk-footer-brandline{margin:0 0 8px!important;}
.mk-footer-logo-img{
  height:46px!important;
  max-width:220px!important;
  margin:0!important;
  filter:brightness(0) invert(1)!important;
}
.mk-footer .mk-company-col h3,
.mk-footer .mk-footer-col h4{
  min-height:0!important;
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#fff!important;
}
.mk-footer .mk-company-col h3{
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:800!important;
  max-width:300px!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
.mk-footer .mk-company-col p{
  margin:0!important;
  max-width:280px!important;
  color:#d4e3f6!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.mk-footer .mk-footer-col h4{
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
.mk-footer-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 18px!important;
  margin:0!important;
  padding:0!important;
}
.mk-footer-list li:first-child{grid-column:1/-1!important;}
.mk-footer-list li{
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  min-height:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#e8f2ff!important;
}
.mk-footer-ico,
.mk-service-ico{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  border:none!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#ff3f53!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:2px!important;
}
.mk-footer-ico svg,
.mk-service-ico svg{width:14px!important;height:14px!important;fill:currentColor!important;}
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  min-height:0!important;
  padding:12px 10px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-content:start!important;
  gap:8px!important;
  text-align:center!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:10px!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>span{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div{display:block!important;}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  display:block!important;
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  display:block!important;
  color:#d4e3f6!important;
  font-size:10px!important;
  line-height:1.45!important;
}

@media (max-width:1180px){
  .mk-footer-top{grid-template-columns:1fr 1fr!important;gap:20px!important;}
  .mk-footer-aftercare{grid-column:1/-1!important;padding-right:0!important;}
}
@media (max-width:767px){
  .mk-footer-top{grid-template-columns:1fr!important;gap:16px!important;padding:22px 0 16px!important;}
  .mk-footer-col{padding:0!important;border-right:none!important;}
  .mk-footer-list{grid-template-columns:1fr!important;}
  .mk-footer-list li:first-child{grid-column:auto!important;}
  .mk-footer-aftercare .mk-footer-safe--compact{grid-template-columns:1fr!important;}
}


/* v1.19.19 - replace support artwork with supplied image; no duplicated CSS text */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  overflow:hidden!important;
  isolation:auto!important;
  background:#0b3e73!important;
  border-radius:14px!important;
  padding:0!important;
}
.mk-support-box.mk-support-full-image::before,
.mk-support-box.mk-support-full-image::after{
  content:none!important;
  display:none!important;
}
.mk-support-fullimg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  border-radius:14px!important;
  background:#0b3e73!important;
}
@media (min-width:1024px){
  .mk-form-grid{
    align-items:stretch!important;
  }
  .mk-form-box,
  .mk-support-box.mk-support-full-image{
    height:100%!important;
    min-height:100%!important;
  }
}
@media (max-width:1023px){
  .mk-support-box.mk-support-full-image{
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  .mk-support-fullimg{
    height:auto!important;
    width:100%!important;
    object-fit:contain!important;
  }
}


/* ======================================================================
   v1.19.20 — footer pixel-match pass against supplied reference
   ====================================================================== */
.mk-footer.mk-footer-pccc{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(0,137,255,.16) 0 8%,transparent 8% 100%) left top/260px 100% no-repeat,
    linear-gradient(225deg,rgba(0,137,255,.08) 0 10%,transparent 10% 100%) right top/260px 100% no-repeat,
    radial-gradient(circle at 88% 22%,rgba(18,118,206,.11) 0 1px,transparent 1.35px) 0 0/7px 7px,
    linear-gradient(180deg,#05264d 0%,#042247 100%)!important;
  border-top:1px solid rgba(66,183,255,.28)!important;
  box-shadow:inset 0 -1px 0 rgba(32,177,255,.25)!important;
}
.mk-footer.mk-footer-pccc>.mk-container{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
}
.mk-footer-top{
  display:grid!important;
  grid-template-columns:1.03fr 1.34fr 1.63fr!important;
  gap:0!important;
  align-items:stretch!important;
  padding:20px 0 17px!important;
}
.mk-footer-top>.mk-footer-col{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:118px!important;
  padding:0 26px!important;
  border-right:0!important;
}
.mk-footer-top>.mk-footer-col:first-child{padding-left:0!important;}
.mk-footer-top>.mk-footer-col:last-child{padding-right:0!important;}
.mk-footer-top>.mk-footer-col:not(:last-child)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:2px!important;
  right:0!important;
  width:1px!important;
  height:calc(100% - 4px)!important;
  background:rgba(133,192,227,.22)!important;
}

/* Brand column */
.mk-footer-brandline{margin:0 0 6px!important;}
.mk-footer-logo-img{
  display:block!important;
  width:auto!important;
  height:38px!important;
  max-width:180px!important;
  margin:0!important;
  filter:brightness(0) invert(1)!important;
}
.mk-footer .mk-company-col h3{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0 0 7px!important;
  max-width:265px!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  text-transform:uppercase!important;
}
.mk-footer .mk-company-col h3::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:38px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#ff2a47!important;
}
.mk-footer .mk-company-col p{
  margin:0!important;
  max-width:275px!important;
  color:#d6e5f1!important;
  font-size:10.3px!important;
  line-height:1.48!important;
  font-weight:500!important;
}

/* Column headings */
.mk-footer .mk-footer-col h4{
  display:block!important;
  min-height:0!important;
  margin:0 0 11px!important;
  padding:0!important;
  color:#fff!important;
  font-size:11.8px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Company details: address full row, then two paired rows */
.mk-footer-info-col .mk-footer-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:20px!important;
  row-gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.mk-footer-info-col .mk-footer-list li:first-child{grid-column:1/-1!important;}
.mk-footer-info-col .mk-footer-list li{
  display:grid!important;
  grid-template-columns:13px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:0!important;
  padding:0!important;
  color:#edf6ff!important;
  font-size:9.7px!important;
  line-height:1.32!important;
}
.mk-footer-info-col .mk-footer-list li div{
  min-width:0!important;
  white-space:normal!important;
}
.mk-footer-info-col .mk-footer-list li b{
  color:#edf6ff!important;
  font-weight:700!important;
}
.mk-footer-ico{
  display:block!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  margin:0!important;
  color:#ff2a47!important;
  background:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mk-footer-ico svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  fill:currentColor!important;
}

/* Warranty/support: three equally spaced icon modules like reference */
.mk-footer-aftercare .mk-footer-safe--compact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-height:88px!important;
  padding:8px 8px 7px!important;
  text-align:center!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(143,199,233,.12)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.mk-service-ico{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0 auto 1px!important;
  color:#ff2948!important;
  background:#07335e!important;
  border:1px solid rgba(255,46,78,.08)!important;
  border-radius:50%!important;
  box-shadow:none!important;
}
.mk-service-ico svg{
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div{
  display:block!important;
  min-width:0!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div b{
  display:block!important;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:9.3px!important;
  line-height:1.22!important;
  font-weight:800!important;
  white-space:normal!important;
}
.mk-footer-aftercare .mk-footer-safe--compact li>div small{
  display:block!important;
  color:#c1d5e5!important;
  font-size:7.7px!important;
  line-height:1.32!important;
  white-space:normal!important;
}

/* Reference ends at this footer; floating actions still remain available. */
.mk-footer-cta-bar{display:none!important;}

@media (max-width:1180px) and (min-width:901px){
  .mk-footer-top{grid-template-columns:.95fr 1.3fr 1.65fr!important;}
  .mk-footer-top>.mk-footer-col{padding:0 18px!important;}
  .mk-footer-logo-img{height:35px!important;}
  .mk-footer .mk-company-col h3{font-size:10.8px!important;}
  .mk-footer .mk-company-col p{font-size:9.7px!important;}
  .mk-footer .mk-footer-col h4{font-size:10.8px!important;}
  .mk-footer-info-col .mk-footer-list li{font-size:9px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li{padding-left:6px!important;padding-right:6px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:8.8px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:7.3px!important;}
}

@media (max-width:900px){
  .mk-footer-top{
    grid-template-columns:1fr!important;
    padding:22px 0 18px!important;
  }
  .mk-footer-top>.mk-footer-col{
    min-height:0!important;
    padding:16px 0!important;
  }
  .mk-footer-top>.mk-footer-col:first-child{padding-top:0!important;}
  .mk-footer-top>.mk-footer-col:not(:last-child)::after{
    top:auto!important;
    right:auto!important;
    left:0!important;
    bottom:0!important;
    width:100%!important;
    height:1px!important;
  }
  .mk-footer .mk-footer-col h4{font-size:12px!important;white-space:normal!important;}
  .mk-footer-info-col .mk-footer-list li{font-size:10.5px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:10px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:8.6px!important;}
}

@media (max-width:560px){
  .mk-footer-info-col .mk-footer-list{grid-template-columns:1fr!important;}
  .mk-footer-info-col .mk-footer-list li:first-child{grid-column:auto!important;}
  .mk-footer-aftercare .mk-footer-safe--compact{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:start!important;
    min-height:0!important;
    padding:10px 12px!important;
    text-align:left!important;
  }
  .mk-service-ico{margin:0!important;}
}


/* ======================================================================
   v1.19.21 — footer typography + column balance refinement
   ====================================================================== */
@media (min-width:901px){
  .mk-footer.mk-footer-pccc>.mk-container{
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
  }
  .mk-footer-top{
    grid-template-columns:1.02fr 1.34fr 1.64fr!important;
    padding:24px 0 22px!important;
  }
  .mk-footer-top>.mk-footer-col{
    min-height:138px!important;
    padding:0 28px!important;
  }
  .mk-footer-logo-img{
    height:44px!important;
    max-width:205px!important;
  }
  .mk-footer .mk-company-col h3{
    max-width:310px!important;
    margin:0 0 9px!important;
    padding:0!important;
    font-size:13.2px!important;
    line-height:1.34!important;
    letter-spacing:.005em!important;
  }
  .mk-footer .mk-company-col h3::after{
    content:none!important;
    display:none!important;
  }
  .mk-footer .mk-company-col p{
    max-width:320px!important;
    font-size:11.7px!important;
    line-height:1.58!important;
  }
  .mk-footer .mk-footer-col h4{
    margin-bottom:14px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }

  .mk-footer-info-col .mk-footer-list{
    column-gap:24px!important;
    row-gap:12px!important;
  }
  .mk-footer-info-col .mk-footer-list li{
    grid-template-columns:15px minmax(0,1fr)!important;
    gap:9px!important;
    font-size:11px!important;
    line-height:1.42!important;
  }
  .mk-footer-ico,
  .mk-footer-ico svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
  }

  .mk-footer-aftercare .mk-footer-safe--compact{
    gap:12px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    min-height:108px!important;
    padding:10px 10px 9px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  .mk-service-ico{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .mk-service-ico svg{
    width:18px!important;
    height:18px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{
    margin-bottom:4px!important;
    font-size:10.8px!important;
    line-height:1.28!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{
    font-size:8.9px!important;
    line-height:1.38!important;
  }

  /* Keep the lower CTA strip visible and aligned with the refined footer. */
  .mk-footer-cta-bar{
    display:block!important;
  }
  .mk-footer-cta-inner{
    min-height:72px!important;
    grid-template-columns:1fr 1.08fr 1fr!important;
    gap:24px!important;
  }
  .mk-footer-hotline small,
  .mk-footer-note small{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  .mk-footer-hotline strong,
  .mk-footer-note strong{
    font-size:13px!important;
    line-height:1.25!important;
  }
  .mk-footer-order-btn{
    min-height:54px!important;
    font-size:18px!important;
    border-radius:7px!important;
  }
  .mk-footer-order-btn small{
    font-size:9.5px!important;
  }
}

@media (max-width:1180px) and (min-width:901px){
  .mk-footer-top>.mk-footer-col{padding:0 20px!important;}
  .mk-footer-logo-img{height:40px!important;}
  .mk-footer .mk-company-col h3{font-size:12.2px!important;}
  .mk-footer .mk-company-col p{font-size:10.8px!important;}
  .mk-footer .mk-footer-col h4{font-size:12.8px!important;}
  .mk-footer-info-col .mk-footer-list li{font-size:10px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:9.7px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:8.2px!important;}
}

@media (max-width:900px){
  .mk-footer-cta-bar{display:block!important;}
}

/* v1.19.22 - clean support image, full-bleed in order section */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#0b3e73!important;
  border-radius:14px!important;
}
.mk-support-box.mk-support-full-image::before,
.mk-support-box.mk-support-full-image::after{
  content:none!important;
  display:none!important;
}
.mk-support-fullimg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  transform:none!important;
  filter:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
@media (min-width:1024px){
  .mk-form-grid{
    align-items:stretch!important;
  }
  .mk-form-box,
  .mk-support-box.mk-support-full-image{
    height:100%!important;
    min-height:100%!important;
  }
}
@media (max-width:1023px){
  .mk-support-box.mk-support-full-image{
    position:relative!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  .mk-support-fullimg{
    object-position:center 36%!important;
  }
}


/* ======================================================================
   v1.19.23 — footer color/font/icon harmony pass
   Footer top now uses the same navy-blue family as the main menu header.
   ====================================================================== */
.mk-footer.mk-footer-pccc{
  background:linear-gradient(90deg,#06306f 0%,#064494 52%,#075ebc 100%)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

@media (min-width:901px){
  .mk-footer.mk-footer-pccc>.mk-container{
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
  }
  .mk-footer-top{
    grid-template-columns:1.05fr 1.38fr 1.57fr!important;
    padding:26px 0 24px!important;
  }
  .mk-footer-top>.mk-footer-col{
    min-height:148px!important;
    padding:0 30px!important;
  }
  .mk-footer-top>.mk-footer-col:first-child{padding-left:0!important;}
  .mk-footer-top>.mk-footer-col:last-child{padding-right:0!important;}

  .mk-footer-logo-img{
    height:46px!important;
    max-width:215px!important;
  }
  .mk-footer .mk-company-col h3{
    max-width:330px!important;
    margin:0 0 10px!important;
    font-size:14px!important;
    line-height:1.36!important;
  }
  .mk-footer .mk-company-col p{
    max-width:340px!important;
    font-size:13px!important;
    line-height:1.58!important;
  }
  .mk-footer .mk-footer-col h4{
    margin-bottom:15px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }

  .mk-footer-info-col .mk-footer-list{
    column-gap:28px!important;
    row-gap:13px!important;
  }
  .mk-footer-info-col .mk-footer-list li{
    grid-template-columns:19px minmax(0,1fr)!important;
    gap:10px!important;
    font-size:13px!important;
    line-height:1.42!important;
  }
  .mk-footer-ico,
  .mk-footer-ico svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
  }
  .mk-footer-ico{
    color:#ffd719!important;
    margin-top:1px!important;
  }

  .mk-footer-aftercare .mk-footer-safe--compact{
    gap:14px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li{
    min-height:116px!important;
    padding:12px 10px 10px!important;
    gap:8px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.13)!important;
  }
  .mk-service-ico{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    background:rgba(3,45,107,.48)!important;
    color:#ffd719!important;
    border:1px solid rgba(255,215,25,.16)!important;
  }
  .mk-service-ico svg{
    width:21px!important;
    height:21px!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{
    margin-bottom:5px!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .mk-footer-cta-bar{
    background:linear-gradient(90deg,#0aa8e8 0%,#0b78df 58%,#0758ba 100%)!important;
    border-top:1px solid rgba(255,255,255,.17)!important;
  }
  .mk-footer-cta-inner{
    min-height:76px!important;
    gap:26px!important;
  }
  .mk-footer-hotline .mk-circle-icon,
  .mk-footer-note .mk-circle-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    font-size:20px!important;
  }
  .mk-footer-hotline small,
  .mk-footer-note small{
    font-size:11px!important;
  }
  .mk-footer-hotline strong,
  .mk-footer-note strong{
    font-size:14px!important;
  }
}

@media (max-width:1180px) and (min-width:901px){
  .mk-footer-top>.mk-footer-col{padding:0 20px!important;}
  .mk-footer .mk-company-col h3{font-size:13px!important;}
  .mk-footer .mk-company-col p{font-size:12px!important;}
  .mk-footer .mk-footer-col h4{font-size:14px!important;}
  .mk-footer-info-col .mk-footer-list li{font-size:12px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div b{font-size:12px!important;}
  .mk-footer-aftercare .mk-footer-safe--compact li>div small{font-size:10.5px!important;}
}

@media (max-width:900px){
  .mk-footer.mk-footer-pccc{
    background:linear-gradient(180deg,#06306f 0%,#064494 55%,#075ebc 100%)!important;
  }
  .mk-footer .mk-company-col p,
  .mk-footer-info-col .mk-footer-list li{
    font-size:12.5px!important;
  }
  .mk-footer-ico,
  .mk-footer-ico svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
  }
  .mk-service-ico{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .mk-service-ico svg{width:19px!important;height:19px!important;}
}


/* v1.19.24 — final support artwork replacement / full-bleed */
.mk-support-box.mk-support-full-image{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#0b4a83!important;
  border-radius:14px!important;
  display:block!important;
}
.mk-support-box.mk-support-full-image::before,
.mk-support-box.mk-support-full-image::after{
  content:none!important;
  display:none!important;
}
.mk-support-fullimg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
@media (min-width:1024px){
  .mk-form-grid{
    align-items:stretch!important;
  }
  .mk-form-box,
  .mk-support-box.mk-support-full-image{
    height:100%!important;
    min-height:0!important;
  }
}
@media (max-width:1023px){
  .mk-support-box.mk-support-full-image{
    aspect-ratio:1122/1000!important;
    min-height:0!important;
  }
}

/* ======================================================================
   v1.19.26 — remove small red Metsuki overlays from product card images
   ====================================================================== */
.mk-products-grid .mk-card-image::before{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  width:0!important;
  height:0!important;
}

/* ======================================================================
   v1.19.27 — Hero H1 typography: reduce by 10px
   ====================================================================== */
.mk-hero h1{
  font-size:46px!important;
}
@media (min-width:1024px) and (max-width:1439px){
  .mk-hero h1{font-size:40px!important;}
}
@media (max-width:1023px){
  .mk-hero h1{font-size:38px!important;}
}
@media (max-width:767px){
  .mk-hero h1{font-size:30px!important;}
}

/* v1.19.28: 7TuT license status notice styles (license bridge owns its own markup). */
.mk-license-locked{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}