/* ==========================================================
   MECHACORE CMS V7 — STABLE UNIFIED DESIGN SYSTEM
   One visual language for every public page.
   ========================================================== */
:root{
 --mk-bg:#07152c;--mk-bg2:#0a1934;--mk-panel:#0d203f;--mk-blue:#0875e1;--mk-cyan:#48aaff;
 --mk-ink:#0d1725;--mk-text:#d7e3f0;--mk-muted:#8192a6;--mk-paper:#f5f7fa;--mk-white:#fff;
 --mk-line-dark:#273a54;--mk-line:#dfe5eb;--mk-max:1320px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--mk-ink);background:var(--mk-paper)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--mk-max),calc(100% - 64px));margin:auto}

/* HEADER */
.mk-header{height:86px;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--mk-header-bg,#050d1b) 96%,transparent);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.mk-header-inner{height:100%;display:flex;align-items:center;gap:26px}.mk-logo img{max-width:190px;max-height:60px}.mk-logo span{color:#fff;font-weight:900;font-size:21px}
.mk-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.mk-nav a{color:#cbd7e4;font-size:10px;font-weight:900;letter-spacing:.05em;padding:12px 10px}
.mk-nav a:hover{color:var(--mk-cyan)}.mk-project-btn{background:var(--mk-blue);color:#fff;padding:14px 17px;font-size:9px;font-weight:900;letter-spacing:.07em}
.mk-menu-btn{display:none;border:0;background:none;color:#fff;font-size:23px}

/* COMMON PAGE HERO */
.mk-page-hero{position:relative;background:var(--mk-bg);color:#fff;padding:82px 0 74px;overflow:hidden}
.mk-page-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:54px 54px}
.mk-page-hero .container{position:relative;z-index:2}.mk-breadcrumb{font-size:9px;letter-spacing:.08em;color:#7189a5;margin-bottom:18px}.mk-breadcrumb a{color:var(--mk-cyan)}
.mk-page-hero h1{font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-3.3px;text-transform:uppercase;margin:0;max-width:1000px}
.mk-page-hero p{max-width:760px;color:#a8b7c9;line-height:1.75;font-size:14px;margin:22px 0 0}

/* COMMON SECTIONS */
.mk-section{padding:90px 0;background:var(--mk-paper)}.mk-section.dark{background:var(--mk-bg);color:#fff}.mk-section.white{background:#fff}
.mk-section-title>span{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.18em}.mk-section.dark .mk-section-title>span{color:var(--mk-cyan)}
.mk-section-title h2{font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-2.8px;margin:13px 0 36px}.mk-section-title h2 em{font-style:normal;color:var(--mk-blue)}
.mk-section.dark .mk-section-title h2 em{color:var(--mk-cyan)}.mk-section p{line-height:1.75}
.mk-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:54px 54px}

/* CARDS & LISTS */
.mk-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mk-card{background:#fff;border:1px solid var(--mk-line);color:var(--mk-ink);transition:.25s}
.mk-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #12243a12}.mk-card-media{aspect-ratio:16/10;background:#e9eef4;overflow:hidden}.mk-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.mk-card:hover img{transform:scale(1.035)}
.mk-card-body{padding:24px}.mk-card-body small{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.13em}.mk-card-body h3{font-size:21px;margin:10px 0}.mk-card-body p{font-size:12px;color:#6d7a8b;line-height:1.65;margin:0}

/* EDITORIAL */
.mk-editorial-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}.mk-editorial-aside span{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.18em}
.mk-editorial-aside h2{font-size:44px;letter-spacing:-2px}.mk-editorial-content{font-size:15px;line-height:1.85;color:#465669}.mk-editorial-content h2,.mk-editorial-content h3{color:var(--mk-ink)}
.mk-editorial-content img{max-width:100%;height:auto}

/* PROJECT LIST */
.mk-project-list{display:grid;gap:1px;background:var(--mk-line)}.mk-project-row{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:var(--mk-ink)}
.mk-project-row:nth-child(even) .mk-pr-image{order:2}.mk-pr-image{position:relative;overflow:hidden}.mk-pr-image img{width:100%;height:100%;min-height:390px;object-fit:cover;transition:.4s}
.mk-project-row:hover .mk-pr-image img{transform:scale(1.03)}.mk-pr-image span{position:absolute;right:0;bottom:0;background:var(--mk-blue);color:#fff;padding:11px 14px;font-size:9px}
.mk-pr-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}.mk-pr-copy small{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.14em}
.mk-pr-copy h3{font-size:31px;letter-spacing:-1.2px;margin:12px 0}.mk-pr-copy p{font-size:13px;color:#6d7989;line-height:1.7}.mk-pr-copy b{font-size:9px;color:var(--mk-blue);margin-top:15px}

/* TECH GRID */
.mk-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--mk-line-dark);border-top:1px solid var(--mk-line-dark)}
.mk-tech-grid a{min-height:290px;padding:25px;border-right:1px solid var(--mk-line-dark);border-bottom:1px solid var(--mk-line-dark);position:relative;background:var(--mk-bg2);color:#fff}
.mk-tech-grid a:hover{background:#0e2446}.mk-tech-grid b{font-size:9px;color:var(--mk-cyan)}.mk-tech-grid h3{font-size:20px;margin-top:55px}.mk-tech-grid p{font-size:12px;line-height:1.7;color:#8699af}
.mk-tech-grid a>span{position:absolute;bottom:22px;color:var(--mk-cyan)}

/* FORMS */
.mk-form{background:#fff;border:1px solid var(--mk-line);padding:32px}.mk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mk-field{margin-bottom:14px}.mk-field.full{grid-column:1/-1}
.mk-field label{display:block;font-size:10px;font-weight:900;margin-bottom:7px;letter-spacing:.04em}.mk-field input,.mk-field select,.mk-field textarea{width:100%;padding:13px;border:1px solid #dbe2e9;background:#fff;font:inherit;font-size:13px;border-radius:0}
.mk-field textarea{min-height:135px}.mk-btn{display:inline-flex;background:var(--mk-blue);color:#fff;border:0;padding:15px 20px;font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.success{padding:14px;background:#eaf8ef;color:#176b37}.error{padding:14px;background:#fff0f0;color:#a92828}

/* FINAL CTA */
.mk-final-cta{background:var(--mk-blue);color:#fff;padding:76px 0}.mk-final-cta .container{display:flex;align-items:end;justify-content:space-between;gap:60px}.mk-final-cta span{font-size:8px;font-weight:900;letter-spacing:.18em;color:#c9e5ff}
.mk-final-cta h2{font-size:clamp(40px,5vw,66px);line-height:.96;letter-spacing:-2.6px;margin:13px 0 0}.mk-final-cta h2 em{font-style:normal;color:#061126}.mk-final-cta a{background:#061126;color:#fff;padding:18px 22px;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}

/* PROJECT CASE STUDY */
.project-case-hero{position:relative;background:var(--mk-bg);color:#fff;padding:95px 0 80px;overflow:hidden}.case-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px}
.project-case-hero .container{position:relative;z-index:2}.case-kicker{font-size:9px;color:var(--mk-cyan);font-weight:900;letter-spacing:.18em}.project-case-hero h1{font-size:clamp(48px,6vw,78px);line-height:.96;letter-spacing:-3.2px;margin:18px 0}.project-case-hero p{max-width:760px;color:#a8b7c9;line-height:1.7}
.case-meta{display:flex;gap:48px;margin-top:40px;padding-top:20px;border-top:1px solid var(--mk-line-dark)}.case-meta span{font-size:8px;color:#71869d;letter-spacing:.1em}.case-meta b{display:block;color:#fff;font-size:11px;margin-top:6px;letter-spacing:0}
.case-cover{background:var(--mk-bg);padding-bottom:70px}.case-cover img{width:100%;max-height:690px;object-fit:cover;border:1px solid #263a55}.case-summary{padding:85px 0;background:#fff}.case-summary-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.case-summary h2{font-size:42px;letter-spacing:-1.8px}.case-rich{font-size:14px;line-height:1.8;color:#536174}
.case-story{background:#122342;color:#fff;padding:95px 0}.case-story-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-bottom:65px}.case-story-row.reverse .case-story-image{order:2}.case-story-row.reverse .case-story-copy{order:1;text-align:right}
.case-story-image{display:flex;justify-content:center}.case-story-image img{width:min(100%,470px);aspect-ratio:4/3;object-fit:cover;border:1px solid #3a567b;box-shadow:0 18px 40px #0005}
.case-story-copy{background:#203963;padding:30px;max-width:490px}.story-no{font-size:9px;color:#67b8ff;font-weight:900}.case-story-copy h3{color:#4eafff;font-size:24px;margin:9px 0}.case-story-copy p{font-size:12px;line-height:1.7;color:#d3deeb}

/* FOOTER — same every page */
.site-footer-v62{background:#050b17!important;color:#98a7ba!important}.site-footer-v62 .sf-grid{grid-template-columns:1.3fr .8fr .9fr 1fr!important}

/* RESPONSIVE */
@media(max-width:980px){
 .container{width:min(var(--mk-max),calc(100% - 36px))}
 .mk-nav{display:none}.mk-menu-btn{display:block;margin-left:auto}.mk-project-btn{display:none}.mk-nav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:#07152cf8;flex-direction:column;align-items:stretch;padding:18px}
 .mk-card-grid{grid-template-columns:1fr 1fr}.mk-tech-grid{grid-template-columns:1fr 1fr}.mk-editorial-grid,.mk-project-row,.case-summary-grid,.case-story-row{grid-template-columns:1fr}.mk-project-row:nth-child(even) .mk-pr-image{order:0}
 .case-story-row.reverse .case-story-image,.case-story-row.reverse .case-story-copy{order:initial;text-align:left}.mk-final-cta .container{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
 .container{width:calc(100% - 28px)}.mk-header{height:72px}.mk-nav.open{top:72px}.mk-logo img{max-width:155px}.mk-card-grid,.mk-tech-grid,.mk-form-grid{grid-template-columns:1fr}
 .mk-page-hero{padding:58px 0 52px}.mk-page-hero h1{letter-spacing:-2px}.mk-pr-image img{min-height:250px}.mk-pr-copy{padding:28px}.mk-editorial-grid{gap:25px}.site-footer-v62 .sf-grid{grid-template-columns:1fr!important}
}


/* ==========================================================
   V7.2 HOMEPAGE — unified with V7 stable public design
   ========================================================== */
.mk-body{background:var(--mk-bg);color:#fff}
.mk-hero{position:relative;min-height:calc(100vh - 86px);background:radial-gradient(circle at 72% 43%,#123f78 0,#0b2346 24%,#07152c 58%,#050d1a 100%);overflow:hidden}
.mk-hero-inner{min-height:calc(100vh - 86px);display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px;position:relative;z-index:2}
.mk-eyebrow{display:inline-block;font-size:9px;color:var(--mk-cyan);font-weight:900;letter-spacing:.2em}
.mk-hero h1{font-size:clamp(58px,7vw,100px);line-height:.88;letter-spacing:-4.8px;margin:22px 0;color:#fff}
.mk-hero h1 em{font-style:normal;color:var(--mk-cyan)}.mk-hero-copy p{max-width:640px;color:#a9b9cb;font-size:15px;line-height:1.8}
.mk-hero-actions{display:flex;gap:10px;margin-top:31px}.mk-hero-actions a{display:inline-flex;align-items:center;padding:16px 18px;background:var(--mk-blue);color:#fff;font-size:9px;font-weight:900;letter-spacing:.07em}
.mk-hero-actions .outline{background:transparent;border:1px solid #38506d;color:#d5e0eb}
.mk-hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}
.mk-hero-visual>img{width:88%;max-height:540px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 35px 55px #0008)}
.mk-orbit{position:absolute;width:540px;height:540px;border:1px solid #5badff25;border-radius:50%;box-shadow:0 0 0 75px #5badff09,0 0 0 145px #5badff04}
.mk-hero-spec{position:absolute;bottom:65px;left:0;z-index:3;background:#0c213e;border:1px solid #264870;padding:15px 18px}.mk-hero-spec b{display:block;font-size:10px}.mk-hero-spec span{font-size:8px;color:#74aee3}
.mk-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.15em;color:#7890aa;z-index:3}

.mk-showcase{background:#08172f}.mk-showcase-item{position:relative;min-height:78vh;overflow:hidden;border-bottom:1px solid #ffffff12}
.mk-showcase-bg{position:absolute;inset:0}.mk-showcase-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(.5)}
.mk-showcase-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061126 0%,#07142de8 36%,#07142d82 67%,#07142df2 100%)}
.mk-showcase-content{position:relative;z-index:2;min-height:78vh;display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:80px}
.mk-showcase-main{max-width:660px}.mk-num{font-size:11px;color:var(--mk-cyan);font-weight:900}.mk-showcase-main small{display:block;margin-top:20px;font-size:8px;color:#8093aa;letter-spacing:.14em}
.mk-showcase-main h2{font-size:clamp(50px,6vw,84px);line-height:.92;letter-spacing:-3.8px;margin:10px 0 20px;color:#fff}.mk-showcase-main p{font-size:14px;line-height:1.8;color:#a7b6c9}
.mk-showcase-main>a{display:inline-block;margin-top:23px;font-size:9px;color:var(--mk-cyan);font-weight:900;letter-spacing:.07em}
.mk-spec-list{display:grid;border-top:1px solid #ffffff20}.mk-spec-list span{padding:20px 4px;border-bottom:1px solid #ffffff20;font-size:16px;font-weight:800;color:#fff}.mk-spec-list b{display:block;margin-top:5px;font-size:8px;color:#71849a;letter-spacing:.12em}

.mk-tech{position:relative;background:var(--mk-bg2);padding:100px 0;color:#fff}.mk-section-title>span{font-size:8px;color:var(--mk-cyan);font-weight:900;letter-spacing:.18em}.mk-section-title h2{font-size:clamp(46px,5vw,70px);line-height:.92;letter-spacing:-3px;margin:14px 0 38px;color:#fff}
.mk-section-title h2 em{font-style:normal;color:var(--mk-cyan)}.mk-tech .mk-tech-grid{position:relative}

.mk-process{background:var(--mk-paper);color:var(--mk-ink);padding:100px 0}.mk-process .mk-section-title>span{color:var(--mk-blue)}.mk-process .mk-section-title h2{color:var(--mk-ink)}.mk-process .mk-section-title h2 em{color:var(--mk-blue)}
.mk-process-line{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d7e0e8}.mk-process-line div{padding:27px 22px 30px 0;border-right:1px solid #d7e0e8}.mk-process-line b{font-size:9px;color:var(--mk-blue)}
.mk-process-line h3{font-size:18px;margin:43px 0 10px}.mk-process-line p{font-size:12px;color:#6f7d8e;line-height:1.6}

.mk-projects-home{background:var(--mk-paper);color:var(--mk-ink);padding:100px 0}.mk-section-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.mk-projects-home .mk-section-title>span{color:var(--mk-blue)}.mk-projects-home .mk-section-title h2{color:var(--mk-ink)}.mk-projects-home .mk-section-title h2 em{color:var(--mk-blue)}
.mk-section-row>a{font-size:9px;color:var(--mk-blue);font-weight:900;margin-bottom:38px}.mk-home-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mk-home-project{background:#fff;border:1px solid var(--mk-line);color:var(--mk-ink);padding-bottom:22px}.mk-home-project .img{position:relative;overflow:hidden}.mk-home-project .img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.35s}
.mk-home-project:hover .img img{transform:scale(1.035)}.mk-home-project .img span{position:absolute;right:0;bottom:0;background:var(--mk-blue);color:#fff;padding:10px 13px;font-size:9px}
.mk-home-project small{display:block;margin:18px 22px 0;color:var(--mk-blue);font-size:8px;font-weight:900;letter-spacing:.13em}.mk-home-project h3{font-size:21px;margin:8px 22px}.mk-home-project p{font-size:12px;line-height:1.65;color:#6d7a8b;margin:0 22px}

.mk-news{background:#fff;color:var(--mk-ink);padding:100px 0}.mk-news .mk-section-title>span{color:var(--mk-blue)}.mk-news .mk-section-title h2{color:var(--mk-ink)}.mk-news .mk-section-title h2 em{color:var(--mk-blue)}
.mk-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mk-news-grid a{color:var(--mk-ink)}.mk-news-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.mk-news-grid small{display:block;margin-top:15px;color:var(--mk-blue);font-size:8px;font-weight:900}
.mk-news-grid h3{font-size:19px;margin:8px 0}.mk-news-grid p{font-size:12px;line-height:1.6;color:#6d7a8b}
@media(max-width:980px){
 .mk-hero-inner,.mk-showcase-content{grid-template-columns:1fr}.mk-hero-inner{padding:70px 0}.mk-hero-visual{min-height:430px}.mk-showcase-content{padding:75px 0;min-height:auto}
 .mk-process-line{grid-template-columns:1fr 1fr}.mk-home-project-grid,.mk-news-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .mk-hero{min-height:auto}.mk-hero-inner{min-height:auto;padding:55px 0}.mk-hero h1,.mk-showcase-main h2{letter-spacing:-2.2px}.mk-hero-actions{flex-direction:column;align-items:flex-start}.mk-hero-visual{min-height:330px}
 .mk-orbit{width:320px;height:320px}.mk-showcase-item{min-height:auto}.mk-showcase-content{padding:60px 0}.mk-spec-list{margin-top:20px}
 .mk-process-line,.mk-home-project-grid,.mk-news-grid{grid-template-columns:1fr}.mk-section-row{display:block}.mk-section-row>a{display:inline-block;margin-bottom:28px}
}


/* ==========================================================
   V7.3 PROJECT DETAIL STABILITY FIX
   ========================================================== */
.project-case-hero{min-height:420px;display:flex;align-items:center}
.project-case-hero .container{width:min(var(--mk-max),calc(100% - 48px));margin:auto}
.project-case-hero h1,.project-case-hero p,.project-case-hero .case-meta{position:relative;z-index:3}
.case-cover{padding-top:0}
.case-cover .container{position:relative}
.case-cover img{display:block;min-height:360px;background:#10223d}
.case-summary{color:var(--mk-ink)}
.case-summary h2{margin:12px 0 0;color:var(--mk-ink)}
.case-rich,.case-rich p,.case-rich li{color:#536174}
.case-story{position:relative;overflow:hidden}
.case-story:before{content:"";position:absolute;left:50%;top:70px;bottom:70px;width:1px;background:#4a678e55}
.case-story .container{position:relative;z-index:2}
.case-story-row:last-child{margin-bottom:0}
.project-final-cta{background:#eef3f8;color:var(--mk-ink);padding:72px 0;border-top:1px solid #dce5ee}
.project-final-cta .container{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}
.project-final-cta span{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--mk-blue);margin-bottom:12px}
.project-final-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-2px;margin:0;color:var(--mk-ink)}
.project-final-cta a{display:inline-flex;align-items:center;justify-content:center;background:var(--mk-blue);color:#fff;padding:17px 21px;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.project-final-cta a:hover{background:#0757b5}
@media(max-width:980px){
 .project-case-hero{min-height:340px}
 .project-final-cta .container{flex-direction:column;align-items:flex-start;gap:28px}
 .case-story:before{display:none}
}
@media(max-width:620px){
 .project-case-hero{min-height:300px;padding:62px 0 54px}
 .project-case-hero .container{width:calc(100% - 28px)}
 .project-case-hero h1{font-size:42px;letter-spacing:-2px}
 .case-meta{display:grid;grid-template-columns:1fr;gap:15px}
 .case-cover{padding-bottom:45px}.case-cover img{min-height:240px}
 .case-summary,.case-story,.project-final-cta{padding:58px 0}
 .case-summary h2{font-size:34px}
 .case-story-copy{padding:23px}
}

/* V7.4 REFERENCES / WORKS */
.mk-references-home{background:#f3f6f9;color:var(--mk-ink);padding:100px 0;border-top:1px solid var(--mk-line)}
.mk-references-home .mk-section-title>span{color:var(--mk-blue)}
.mk-references-home .mk-section-title h2{color:var(--mk-ink)}
.mk-references-home .mk-section-title h2 em{color:var(--mk-blue)}
.mk-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe3eb;border:1px solid #dbe3eb}
.mk-reference-card{display:flex;min-width:0;min-height:270px;flex-direction:column;background:#fff;color:var(--mk-ink);transition:.25s}
.mk-reference-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10233d12;position:relative;z-index:2}
.mk-reference-logo{height:145px;display:flex;align-items:center;justify-content:center;padding:28px;background:#fff;border-bottom:1px solid #edf1f5}
.mk-reference-logo img{max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}
.mk-reference-copy{padding:20px 22px 24px}.mk-reference-copy small{font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--mk-blue)}
.mk-reference-copy h3{font-size:18px;line-height:1.2;margin:8px 0 7px;color:var(--mk-ink)}
.mk-reference-copy p{font-size:11px;line-height:1.6;color:#718093;margin:0}
.mk-reference-empty{padding:34px;background:#fff;border:1px solid var(--mk-line)}.mk-reference-empty b{font-size:11px;color:var(--mk-blue)}.mk-reference-empty p{margin:8px 0 0;color:#6c7a8b;font-size:13px}
@media(max-width:980px){.mk-reference-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.mk-references-home{padding:62px 0}.mk-reference-grid{grid-template-columns:1fr}.mk-reference-card{min-height:0}}

/* ==========================================================
   MECHACORE CMS V8 — FULL DYNAMIC STABLE UI
   ========================================================== */
html{scroll-behavior:smooth;scroll-padding-top:94px}
.mk-scroll{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(4,14,29,.35);color:#9fb3c9!important;text-decoration:none!important;cursor:pointer;transition:.2s;backdrop-filter:blur(6px)}
.mk-scroll:hover{color:#fff!important;border-color:var(--mk-cyan);background:rgba(8,117,225,.18)}
.dynamic-bg,.dynamic-bg-light,.dynamic-bg-cta{position:relative;background-image:var(--section-bg);background-size:cover;background-position:center;background-repeat:no-repeat}
.dynamic-bg:before,.dynamic-bg-light:before,.dynamic-bg-cta:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.dynamic-bg:before{background:linear-gradient(90deg,rgba(5,13,27,.92),rgba(7,21,44,.68))}
.dynamic-bg-light:before{background:rgba(245,247,250,.90)}
.dynamic-bg-cta:before{background:linear-gradient(90deg,rgba(8,117,225,.92),rgba(7,21,44,.72))}
.dynamic-bg>.container,.dynamic-bg-light>.container,.dynamic-bg-cta>.container,.dynamic-bg>.mk-grid-bg{position:relative;z-index:2}
.mk-section-lead{max-width:760px;font-size:13px;line-height:1.75;color:#8597ad;margin:-20px 0 34px}.mk-process .mk-section-lead,.mk-projects-home .mk-section-lead,.mk-references-home .mk-section-lead,.mk-news .mk-section-lead{color:#6f7d8e}
.mk-tech-card-image{width:100%;height:105px;object-fit:cover;margin:-25px -25px 22px;width:calc(100% + 50px);border-bottom:1px solid var(--mk-line-dark)}
.mk-process-step{display:block;color:inherit;padding:27px 22px 30px 0;border-right:1px solid #d7e0e8;transition:.2s;min-width:0}
.mk-process-step:hover{background:rgba(255,255,255,.55);padding-left:12px}.mk-process-step img{width:100%;height:95px;object-fit:cover;margin-bottom:18px}.mk-process-line .mk-process-step b{font-size:9px;color:var(--mk-blue)}.mk-process-line .mk-process-step h3{font-size:18px;margin:38px 0 10px}.mk-process-line .mk-process-step p{font-size:12px;color:#6f7d8e;line-height:1.6}
.mk-final-cta p{max-width:720px;color:#dbeeff;font-size:13px;line-height:1.7;margin:14px 0 0}

/* Unified dynamic footer */
.mk-footer{background:var(--mk-footer-bg,#050b17);color:#98a7ba;border-top:1px solid #172538}
.mk-footer-grid{padding:68px 0 52px;display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:58px}
.mk-footer-brand img{max-width:220px;max-height:72px;object-fit:contain;margin-bottom:20px;filter:brightness(0) invert(1)}
.mk-footer-brand strong{display:inline-block;color:#fff;font-size:22px;margin-bottom:18px}.mk-footer p{font-size:12px;line-height:1.75;color:#91a0b2;margin:0;max-width:390px}
.mk-footer h4{margin:0 0 18px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mk-footer-links{display:grid;gap:10px}
.mk-footer-links a,.mk-footer-links span{font-size:12px;color:#98a7ba;line-height:1.55}.mk-footer-links a:hover{color:var(--mk-cyan)}
.mk-footer-cta{border:1px solid #1c2a3c;padding:18px;background:#0a1422}.mk-footer-cta b{display:block;color:#fff;font-size:13px;margin-bottom:8px}.mk-footer-cta p{font-size:11px;margin-bottom:14px}
.mk-footer-cta a{display:inline-block;background:var(--mk-blue);color:#fff;padding:11px 13px;font-size:9px;font-weight:900;letter-spacing:.06em}.mk-footer-bottom{border-top:1px solid #182537;padding:18px 0;font-size:10px;color:#718196;display:flex;justify-content:space-between;gap:20px}.mk-footer-bottom div{display:flex;gap:7px}.mk-footer-bottom a{color:#718196}.mk-footer-bottom a:hover{color:var(--mk-cyan)}


/* V8 card records stay stable even with dynamic selections */
.mk-home-project-grid:empty,.mk-reference-grid:empty,.mk-news-grid:empty{display:none}
@media(max-width:980px){
 .mk-footer-grid{grid-template-columns:1fr 1fr}.mk-process-line{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 html{scroll-padding-top:80px}.mk-scroll{bottom:10px}.mk-footer-grid{grid-template-columns:1fr;gap:30px;padding:48px 0 38px}.mk-footer-bottom{flex-direction:column}.mk-process-line{grid-template-columns:1fr}.mk-process-step{border-right:0;border-bottom:1px solid #d7e0e8}.mk-tech-card-image{height:135px}
}

/* ==========================================================
   V8.2 HERO SLIDER — fixed identical hero dimensions
   ========================================================== */
.mk-hero-slider{position:relative;min-height:calc(100vh - 86px);overflow:hidden;background:var(--mk-bg)}
.mk-hero-track{position:relative;min-height:calc(100vh - 86px)}
.mk-hero-slide{
  position:absolute;inset:0;
  min-height:calc(100vh - 86px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .65s ease,visibility .65s ease;
  background:
    linear-gradient(90deg,rgba(5,13,27,.82),rgba(7,21,44,.42)),
    var(--hero-slide-bg,none),
    radial-gradient(circle at 72% 43%,#123f78 0,#0b2346 24%,#07152c 58%,#050d1a 100%);
  background-size:cover;
  background-position:center;
}
.mk-hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.mk-hero-slide .mk-hero-inner{min-height:calc(100vh - 86px)}
.mk-hero-slide .mk-hero-visual>img{
  width:88%;
  height:540px;
  max-height:540px;
  object-fit:contain;
}
.mk-hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:8;width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(5,13,27,.45);color:#fff;
  font-size:32px;line-height:1;cursor:pointer;
  backdrop-filter:blur(8px);transition:.2s
}
.mk-hero-arrow:hover{background:var(--mk-blue);border-color:var(--mk-blue)}
.mk-hero-arrow.prev{left:28px}.mk-hero-arrow.next{right:28px}
.mk-hero-dots{
  position:absolute;left:50%;bottom:32px;transform:translateX(-50%);
  z-index:9;display:flex;gap:9px
}
.mk-hero-dots button{
  width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.2s
}
.mk-hero-dots button.active{background:var(--mk-cyan);width:52px}
.mk-hero-slider>.mk-scroll{z-index:10;bottom:18px}
@media(max-width:980px){
 .mk-hero-slider,.mk-hero-track,.mk-hero-slide{min-height:auto;height:760px}
 .mk-hero-slide .mk-hero-inner{min-height:760px}
 .mk-hero-slide .mk-hero-visual>img{height:390px;max-height:390px}
 .mk-hero-arrow{width:42px;height:42px}.mk-hero-arrow.prev{left:14px}.mk-hero-arrow.next{right:14px}
}
@media(max-width:620px){
 .mk-hero-slider,.mk-hero-track,.mk-hero-slide{height:720px}
 .mk-hero-slide .mk-hero-inner{min-height:720px;padding:50px 0 70px}
 .mk-hero-slide .mk-hero-visual{min-height:300px}
 .mk-hero-slide .mk-hero-visual>img{height:280px;max-height:280px}
 .mk-hero-arrow{top:auto;bottom:70px;width:38px;height:38px;font-size:26px}
 .mk-hero-arrow.prev{left:18px}.mk-hero-arrow.next{right:18px}
 .mk-hero-dots{bottom:84px}
 .mk-hero-slider>.mk-scroll{display:none}
}

/* V8.3 WhatsApp floating contact */
.mk-wa{
 position:fixed;right:24px;bottom:24px;z-index:120;
 min-height:54px;display:inline-flex;align-items:center;gap:10px;
 padding:8px 17px 8px 9px;border-radius:999px;
 background:#20b65a;color:#fff!important;text-decoration:none!important;
 font-size:12px;font-weight:850;letter-spacing:.01em;
 border:1px solid rgba(255,255,255,.18);
 box-shadow:0 14px 36px rgba(0,0,0,.24);
 transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
.mk-wa:hover{transform:translateY(-3px);background:#18a64f;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.mk-wa-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);flex:0 0 38px}
.mk-wa-icon svg{width:23px;height:23px;display:block}.mk-wa-text{white-space:nowrap}
@media(max-width:620px){
 .mk-wa{right:16px;bottom:16px;width:54px;height:54px;min-height:54px;padding:8px;justify-content:center}
 .mk-wa-icon{width:38px;height:38px}.mk-wa-text{display:none}
}

/* V8.6 custom corporate pages */
.mk-custom-page{background:#f5f7fa}.mk-custom-hero{height:470px;position:relative;overflow:hidden;background:#07152c;color:#fff}
.mk-custom-hero-bg{position:absolute;inset:0}.mk-custom-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061225f2,#07152ca8 55%,#07152c66)}
.mk-custom-hero-bg img{width:100%;height:100%;object-fit:cover}.mk-custom-hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:760px;margin:0 auto 0 max(24px,calc((100vw - 1180px)/2))}
.mk-custom-hero-inner span,.mk-page-cta span{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--page-accent)}
.mk-custom-hero-inner h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:18px 0}.mk-custom-hero-inner p{font-size:14px;line-height:1.75;max-width:650px;color:#c0ccda}
.mk-custom-content{padding:76px 0}.mk-custom-content.width-normal .container{max-width:1080px}.mk-custom-content.width-narrow .container{max-width:820px}.mk-custom-content.width-wide .container{max-width:1320px}
.mk-rich-content{background:#fff;padding:clamp(28px,5vw,68px);box-shadow:0 18px 50px #0b1d3610;border-top:3px solid var(--page-accent);font-size:15px;line-height:1.85;color:#354052}
.mk-rich-content h2,.mk-rich-content h3{color:#0b1930;line-height:1.2;margin:36px 0 16px}.mk-rich-content h2{font-size:30px}.mk-rich-content h3{font-size:22px}.mk-rich-content img{max-width:100%;height:auto}.mk-rich-content table{width:100%;border-collapse:collapse}.mk-rich-content td,.mk-rich-content th{padding:12px;border:1px solid #dfe5ec}
.mk-page-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.mk-page-gallery img{width:100%;height:240px;object-fit:cover}
.mk-page-cta{background:#07152c;color:#fff;padding:58px 0}.mk-page-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.mk-page-cta h2{font-size:32px;margin:10px 0}.mk-page-cta p{color:#9eafc3;margin:0}.mk-page-cta a{background:var(--page-accent);color:#fff;padding:16px 22px;font-size:11px;font-weight:900;white-space:nowrap}
.template-minimal .mk-custom-hero{height:340px}.template-technical .mk-rich-content{border-top-width:6px}
@media(max-width:700px){.mk-custom-hero{height:390px}.mk-custom-hero-inner{margin:0;padding:0 22px}.mk-custom-content{padding:36px 0}.mk-page-gallery{grid-template-columns:1fr}.mk-page-cta .container{display:block}.mk-page-cta a{display:inline-block;margin-top:24px}}

/* ==========================================================
   V8.7 CAREER PLATFORM
   ========================================================== */
.career-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.career-hero{position:relative;min-height:690px;background:radial-gradient(circle at 78% 45%,#113f77 0,#0a2244 28%,#07152c 62%,#050c18 100%);color:#fff;overflow:hidden}
.career-hero-inner{min-height:690px;position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}
.career-hero-copy>span,.career-manifesto>div>div>div>span,.career-section-head span,.career-final span,.career-detail-hero .container>span,.career-apply-card>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--mk-cyan)}
.career-hero h1{font-size:clamp(58px,7vw,102px);line-height:.88;letter-spacing:-4.8px;margin:18px 0;color:#fff}.career-hero h1 em,.career-manifesto h2 em,.career-section-head h2 em,.career-final h2 em{font-style:normal;color:var(--mk-cyan)}
.career-hero p{max-width:680px;color:#a9b9cb;font-size:15px;line-height:1.8}.career-hero-copy>a{display:inline-block;margin-top:28px;background:var(--mk-blue);color:#fff;padding:16px 19px;font-size:9px;font-weight:900}
.career-stat-panel{display:grid;border-top:1px solid #35506f}.career-stat-panel div{padding:27px 0;border-bottom:1px solid #35506f;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.career-stat-panel strong{font-size:54px;letter-spacing:-2px}.career-stat-panel span{font-size:9px;color:#8498ae;letter-spacing:.1em;text-align:right}
.career-manifesto{padding:105px 0;background:#f5f7fa;color:#0c1726}.career-manifesto-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.career-manifesto h2,.career-section-head h2,.career-final h2{font-size:clamp(44px,5vw,70px);line-height:.94;letter-spacing:-3px;margin:13px 0}.career-manifesto-grid>div>p{font-size:15px;line-height:1.8;color:#667588;max-width:760px}
.career-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid #dce4ec}.career-values div{padding:26px 22px 0 0;border-right:1px solid #dce4ec}.career-values b,.career-life-grid b{font-size:9px;color:var(--mk-blue)}.career-values h3,.career-life-grid h3{font-size:18px;margin:34px 0 10px}.career-values p,.career-life-grid p{font-size:12px;line-height:1.7;color:#718092}
.career-jobs{padding:105px 0;background:#fff;color:#0c1726}.career-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.career-count{font-size:11px;font-weight:900;color:var(--mk-blue);margin-bottom:38px}
.career-filter{display:grid;grid-template-columns:1.5fr .7fr .7fr auto;gap:10px;padding:15px;background:#f3f6fa;border:1px solid #e1e7ee;margin:0 0 30px}.career-filter input,.career-filter select{width:100%;height:48px;border:1px solid #dbe3ec;background:#fff;padding:0 13px;font:inherit;font-size:12px}.career-search{display:flex}.career-search input{border-right:0}.career-search button{width:80px;border:0;background:var(--mk-blue);color:#fff;font-size:9px;font-weight:900}.career-filter>a{display:flex;align-items:center;color:#e34e4e;font-size:9px;font-weight:900;padding:0 8px}
.career-job-list{border-top:1px solid #dfe5ec}.career-job{display:grid;grid-template-columns:70px minmax(0,1fr) 230px 110px;gap:26px;align-items:center;padding:28px 0;border-bottom:1px solid #dfe5ec;transition:.2s}.career-job:hover{padding-left:12px;background:#f8fafc}.career-job-no{font-size:11px;color:var(--mk-blue);font-weight:900}.career-job-main small{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.13em}.career-job-main h3{font-size:24px;margin:7px 0}.career-job-main p{font-size:12px;color:#738196;line-height:1.6;margin:0}.career-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.career-tags span{font-size:8px;background:#edf4fd;color:#2e67ac;padding:5px 7px}.career-job-meta{display:grid;gap:6px}.career-job-meta span{font-size:10px;color:#667589}.career-job-actions a{display:inline-block;color:var(--mk-blue);font-size:9px;font-weight:900}.career-empty{padding:50px 20px;text-align:center;background:#f8fafc}.career-empty p{color:#758398}
.career-life{padding:105px 0;background:#0a1934;color:#fff}.career-life .career-section-head h2{color:#fff}.career-life-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #29405f}.career-life-grid>div{padding:30px 26px 30px 0;border-right:1px solid #29405f}.career-life-grid h3{color:#fff}.career-life-grid p{color:#91a3b9}
.career-final{padding:85px 0;background:var(--mk-blue);color:#fff}.career-final .container{display:flex;justify-content:space-between;align-items:center;gap:50px}.career-final h2{margin-bottom:12px}.career-final h2 em{color:#07152c}.career-final p{color:#d8ecff}.career-final a{background:#07152c;color:#fff;padding:18px 22px;font-size:9px;font-weight:900;white-space:nowrap}
.career-detail-hero{position:relative;padding:85px 0;background:#07152c;color:#fff;overflow:hidden}.career-detail-hero .container{position:relative;z-index:2}.career-back{display:inline-block;margin-bottom:50px;color:#869bb3;font-size:9px;font-weight:900}.career-detail-hero h1{font-size:clamp(44px,6vw,78px);line-height:.96;letter-spacing:-3px;margin:15px 0 30px}.career-detail-meta{display:flex;gap:9px;flex-wrap:wrap}.career-detail-meta b{padding:8px 10px;border:1px solid #2c4565;color:#a9bdd4;font-size:9px}
.career-detail-body{padding:80px 0;background:#f5f7fa}.career-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.career-description{background:#fff;padding:45px;border-top:3px solid var(--mk-blue)}.career-rich{font-size:14px;line-height:1.85;color:#465669}.career-rich h2,.career-description h2{font-size:28px;color:#0c1726;margin:0 0 20px}.career-rich h2:not(:first-child){margin-top:45px}.career-rich li{margin-bottom:8px}
.career-apply-card{position:sticky;top:105px;background:#fff;padding:32px;border:1px solid #dfe5ec}.career-apply-card h2{font-size:31px;letter-spacing:-1.3px;margin:8px 0 24px}.career-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.career-cv{padding:16px;border:1px dashed #bdc9d6;background:#f8fafc;margin-bottom:16px}.career-cv label{font-size:10px;font-weight:900;display:block;margin-bottom:8px}.career-cv small{display:block;margin-top:7px;color:#8390a1}.career-consent{display:flex;gap:8px;font-size:10px;line-height:1.5;color:#68778a;margin:17px 0}.career-consent input{width:16px;height:16px}
@media(max-width:980px){.career-hero-inner,.career-manifesto-grid,.career-detail-grid{grid-template-columns:1fr}.career-hero-inner{padding:75px 0}.career-stat-panel{max-width:600px}.career-filter{grid-template-columns:1fr 1fr}.career-job{grid-template-columns:50px 1fr}.career-job-meta,.career-job-actions{grid-column:2}.career-life-grid{grid-template-columns:1fr 1fr}.career-apply-card{position:static}}
@media(max-width:620px){.career-hero,.career-hero-inner{min-height:auto}.career-hero-inner{padding:65px 0}.career-hero h1{letter-spacing:-2.7px}.career-values,.career-life-grid{grid-template-columns:1fr}.career-filter{grid-template-columns:1fr}.career-job{grid-template-columns:35px 1fr;gap:12px}.career-job-main h3{font-size:20px}.career-final .container{display:block}.career-final a{display:inline-block;margin-top:22px}.career-description,.career-apply-card{padding:24px}.career-two{grid-template-columns:1fr}}

/* ==========================================================
   V9.1 MODERN HERO + PRIVACY CENTER
   ========================================================== */

/* ==========================================================
   V9.2 DEFINITIVE HERO SLIDER — single engine, horizontal track
   ========================================================== */
.mk-hero-v92{--heroH:max(720px,calc(100svh - 86px));position:relative;height:var(--heroH);min-height:var(--heroH);overflow:hidden;background:#061224;color:#fff}
.mk-hero-v92 .mk-hero-track{display:flex;width:100%;height:100%;transform:translate3d(calc(var(--hero-index,0) * -100%),0,0);transition:transform .9s cubic-bezier(.22,.75,.18,1);will-change:transform}
.mk-hero-v92 .mk-hero-slide{position:relative!important;inset:auto!important;flex:0 0 100%;width:100%;height:100%;min-height:100%;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden;background:linear-gradient(90deg,rgba(3,11,24,.97) 0%,rgba(4,18,39,.83) 42%,rgba(5,22,47,.30) 73%),var(--hero-slide-bg,none),radial-gradient(circle at 76% 45%,#154e8b 0,#0b2b56 24%,#07172e 58%,#050c18 100%);background-size:cover;background-position:center}
.mk-hero-v92 .mk-grid-bg{position:absolute;inset:0;opacity:.58;pointer-events:none}
.mk-hero-v92 .mk-hero-inner{position:relative;z-index:2;height:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:6vw}
.mk-hero-v92 .mk-hero-copy{position:relative;z-index:4}.mk-hero-v92 .mk-eyebrow{letter-spacing:.28em;color:#5bb2ff}.mk-hero-v92 h1{font-size:clamp(60px,6.4vw,104px);line-height:.88;letter-spacing:-.055em;margin:20px 0 26px;max-width:790px}.mk-hero-v92 h1 em{font-style:normal;color:#48aaff}.mk-hero-v92 .mk-hero-copy>p{max-width:680px;color:#b8c7d8;font-size:15px;line-height:1.85}
.mk-hero-v92 .mk-hero-copy>*{opacity:.30;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.mk-hero-v92 .mk-hero-slide.active .mk-hero-copy>*{opacity:1;transform:none}.mk-hero-v92 .mk-hero-slide.active .mk-hero-copy h1{transition-delay:.08s}.mk-hero-v92 .mk-hero-slide.active .mk-hero-copy p{transition-delay:.15s}.mk-hero-v92 .mk-hero-slide.active .mk-hero-actions{transition-delay:.22s}
.mk-hero-v92 .mk-hero-visual{position:relative;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.mk-hero-v92 .mk-hero-visual picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mk-hero-v92 .mk-hero-visual picture img{width:92%;height:min(66vh,620px);object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 40px 70px rgba(0,0,0,.48));transform:scale(.94);transition:transform .9s ease}.mk-hero-v92 .mk-hero-slide.active .mk-hero-visual picture img{transform:scale(1)}
.mk-hero-v92 .mk-orbit{position:absolute;width:min(45vw,650px);height:min(45vw,650px);border:1px solid rgba(89,168,255,.2);border-radius:50%;z-index:1}.mk-hero-v92 .mk-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(89,168,255,.12);border-radius:50%}
.mk-hero-v92 .mk-hero-spec{position:absolute;z-index:4;left:2%;bottom:13%;padding:16px 18px;background:rgba(6,24,48,.72);backdrop-filter:blur(14px);border:1px solid rgba(91,168,255,.28)}
.mk-hero-v92 .mk-hero-controls{position:absolute;z-index:20;left:max(24px,calc((100vw - 1420px)/2));right:max(24px,calc((100vw - 1420px)/2));bottom:34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.mk-hero-v92 .mk-hero-pagination,.mk-hero-v92 .mk-hero-arrows{pointer-events:auto;display:flex;align-items:center}.mk-hero-v92 .mk-hero-pagination{gap:11px;font-size:11px;font-weight:900;letter-spacing:.14em}.mk-hero-v92 .mk-hero-slash,.mk-hero-v92 .mk-hero-total{color:#738ba7}.mk-hero-v92 .mk-hero-dots{display:flex;gap:7px;margin-left:13px}.mk-hero-v92 .mk-hero-dots button{border:0;width:24px;height:3px;padding:0;background:#ffffff3a;cursor:pointer;transition:.25s}.mk-hero-v92 .mk-hero-dots button.active{width:50px;background:#48aaff}
.mk-hero-v92 .mk-hero-arrows{gap:7px}.mk-hero-v92 .mk-hero-arrow{position:static!important;transform:none!important;width:48px;height:48px;border:1px solid #ffffff2f;border-radius:0;background:#07182fb8;color:#fff;font-size:18px;cursor:pointer;transition:.2s}.mk-hero-v92 .mk-hero-arrow:hover{background:#0875e1;border-color:#0875e1}
.mk-hero-v92 .mk-hero-progress{position:absolute;z-index:21;left:0;bottom:0;width:100%;height:3px;background:#ffffff12}.mk-hero-v92 .mk-hero-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0875e1,#48aaff);transform-origin:left}@keyframes mkHeroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mk-hero-v92>.mk-scroll{position:absolute;z-index:22;left:50%;bottom:41px;transform:translateX(-50%);border:0;background:transparent;letter-spacing:.2em;color:#8ea1b8!important}
@media(max-width:980px){.mk-hero-v92{--heroH:820px}.mk-hero-v92 .mk-hero-inner{grid-template-columns:1fr 1fr;gap:25px;padding-left:28px;padding-right:28px}.mk-hero-v92 .mk-hero-visual picture img{height:390px}.mk-hero-v92 h1{font-size:60px}}
@media(max-width:620px){.mk-hero-v92{--heroH:760px}.mk-hero-v92 .mk-hero-inner{display:block;padding:50px 20px 95px}.mk-hero-v92 h1{font-size:50px;line-height:.9;letter-spacing:-2.5px;margin:16px 0}.mk-hero-v92 .mk-hero-copy>p{font-size:13px;line-height:1.65}.mk-hero-v92 .mk-hero-visual{position:absolute;inset:auto 0 75px;height:280px;opacity:.70}.mk-hero-v92 .mk-hero-visual picture img{height:270px;width:92%}.mk-hero-v92 .mk-hero-spec{display:none}.mk-hero-v92 .mk-hero-controls{left:20px;right:20px;bottom:22px}.mk-hero-v92 .mk-hero-dots{display:none}.mk-hero-v92 .mk-hero-arrow{width:42px;height:42px}.mk-hero-v92>.mk-scroll{display:none}}

/* ==========================================================
   V9.4 DYNAMIC TOP MENU
   ========================================================== */
.mk-nav{align-items:center}
.mk-nav-item{position:relative;display:flex;align-items:center}
.mk-nav-link.menu-button{background:var(--mk-blue);color:#fff!important;padding:11px 13px}
.mk-nav-link.menu-outline{border:1px solid #30445e;padding:10px 12px}
.menu-caret{display:inline-block;margin-left:4px;font-size:11px;transition:transform .2s ease}
.mk-submenu{
 position:absolute;top:calc(100% + 19px);left:-18px;z-index:80;
 min-width:225px;padding:8px;background:var(--mk-header-bg,#050d1b);
 border:1px solid #21334b;box-shadow:0 18px 45px rgba(0,0,0,.28);
 opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease
}
.mk-submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.mk-submenu a{display:block!important;padding:11px 12px!important;color:#aebed0!important;font-size:10px!important;border:0!important;white-space:nowrap}
.mk-submenu a:hover{background:#0d203c;color:#fff!important}
.mk-nav-item:hover>.mk-submenu,.mk-nav-item:focus-within>.mk-submenu,.mk-nav-item.submenu-open>.mk-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.mk-nav-item:hover .menu-caret,.mk-nav-item.submenu-open .menu-caret{transform:rotate(180deg)}
@media(max-width:1050px){
 .mk-nav-item{display:block;width:100%}
 .mk-nav-item>.mk-nav-link{display:flex!important;justify-content:space-between;align-items:center}
 .mk-submenu{position:static;display:none;min-width:0;width:100%;padding:4px 0 5px 13px;border:0;border-left:1px solid #2b425f;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}
 .mk-nav-item.submenu-open>.mk-submenu{display:block}
 .mk-submenu a{padding:10px 8px!important}
 .mk-nav-link.menu-button,.mk-nav-link.menu-outline{margin:5px 0}
}

/* ==========================================================
   V9.6.2 COOKIE UI FIX — desktop + mobile
   ========================================================== */
[hidden]{display:none!important}

.mk-cookie-link{
  appearance:none!important;-webkit-appearance:none!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;margin:0!important;color:#718196!important;
  font:inherit!important;font-size:10px!important;line-height:1.4!important;
  cursor:pointer!important;text-decoration:none!important
}
.mk-cookie-link:hover{color:var(--mk-cyan,#48aaff)!important}

.mk-cookie{
  position:fixed;left:50%;bottom:20px;z-index:1000;
  width:min(1160px,calc(100vw - 40px));transform:translateX(-50%);
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;
  padding:20px 22px;border:1px solid #27415f;border-radius:14px;
  background:rgba(5,17,34,.98);color:#fff;
  box-shadow:0 26px 80px rgba(0,0,0,.48);backdrop-filter:blur(14px)
}
.mk-cookie>div:first-child{min-width:0}
.mk-cookie strong{display:block;margin:0 0 7px;font-size:15px;line-height:1.25;color:#fff}
.mk-cookie p{margin:0 0 8px!important;max-width:760px!important;font-size:11px!important;line-height:1.65!important;color:#a8b7c9!important}
.mk-cookie a{color:#72baff!important;font-size:10px!important;text-decoration:none!important}
.mk-cookie a:hover{text-decoration:underline!important}
.mk-cookie-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.mk-cookie-actions button{
  appearance:none;-webkit-appearance:none;min-height:42px;padding:10px 14px;
  border:1px solid #34506f;border-radius:8px;background:#0b203b;color:#dbe6f2;
  font:inherit;font-size:10px;font-weight:800;line-height:1.15;cursor:pointer;white-space:nowrap
}
.mk-cookie-actions button:hover{background:#102a4a;border-color:#54779f;color:#fff}
.mk-cookie-actions button.primary{background:var(--mk-blue,#0875e1);border-color:var(--mk-blue,#0875e1);color:#fff}

.mk-cookie-modal{
  position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;
  background:rgba(0,7,17,.76);backdrop-filter:blur(6px)
}
.mk-cookie-card{
  position:relative;width:min(600px,100%);max-height:calc(100dvh - 48px);overflow:auto;
  padding:30px;border:1px solid #294463;border-radius:16px;
  background:#07172b;color:#fff;box-shadow:0 32px 90px rgba(0,0,0,.56)
}
.mk-cookie-card .mk-eyebrow{display:block;margin-bottom:8px;color:#62b4ff;font-size:9px;letter-spacing:.18em;font-weight:900}
.mk-cookie-card h2{margin:0 0 10px;font-size:28px;line-height:1.1;color:#fff}
.mk-cookie-card>p{margin:0 0 18px!important;font-size:11px!important;line-height:1.65!important;color:#9fb0c4!important}
.mk-cookie-card>label{
  display:flex!important;align-items:center;justify-content:space-between;gap:18px;
  margin:0!important;padding:15px 0!important;border-top:1px solid #1d334d;color:#fff!important
}
.mk-cookie-card>label span{display:block;min-width:0}
.mk-cookie-card>label b{display:block;margin:0 0 4px;font-size:12px;color:#fff}
.mk-cookie-card>label small{display:block;font-size:9px;line-height:1.5;color:#8fa2b8}
.mk-cookie-card>label input[type=checkbox]{width:20px!important;height:20px!important;flex:0 0 20px;accent-color:var(--mk-blue,#0875e1)}
.mk-cookie-card .mk-cookie-actions{margin-top:20px}
.mk-cookie-note{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #1d334d;font-size:9px!important;color:#72869d!important}
.mk-cookie-close{
  position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;
  border:1px solid #304b69;border-radius:8px;background:#0d223d;color:#b8c7d7;
  font-size:20px;line-height:1;cursor:pointer
}

@media(max-width:700px){
  .mk-cookie-link{font-size:9px!important}
  .mk-cookie{
    left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));transform:none;
    width:auto;max-width:none;grid-template-columns:1fr;gap:14px;
    max-height:min(78dvh,620px);overflow:auto;overscroll-behavior:contain;
    padding:16px;border-radius:12px
  }
  .mk-cookie strong{font-size:14px}.mk-cookie p{font-size:10px!important;line-height:1.55!important}.mk-cookie a{font-size:9px!important}
  .mk-cookie-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px!important}
  .mk-cookie-actions button{width:100%;min-width:0;min-height:42px;padding:9px 8px;font-size:9px;white-space:normal}
  .mk-cookie-actions button.primary{grid-column:1/-1;grid-row:1}
  .mk-cookie-modal{padding:12px;align-items:end}
  .mk-cookie-card{width:100%;max-height:calc(100dvh - 24px);padding:22px 16px calc(18px + env(safe-area-inset-bottom));border-radius:14px 14px 10px 10px}
  .mk-cookie-card h2{font-size:23px;padding-right:38px}.mk-cookie-card>p{font-size:10px!important;margin-bottom:12px!important}
  .mk-cookie-card>label{padding:13px 0!important;gap:12px}.mk-cookie-card>label b{font-size:11px}.mk-cookie-card>label small{font-size:9px}
  .mk-cookie-card .mk-cookie-actions{margin-top:16px}.mk-cookie-close{right:12px;top:12px}
}
@media(max-width:380px){
  .mk-cookie{left:8px;right:8px;padding:14px}
  .mk-cookie-actions{grid-template-columns:1fr!important}.mk-cookie-actions button.primary{grid-column:1;grid-row:auto}
}

/* ==========================================================
   V9.6.6 FRONT COMMERCE / CUSTOMER CENTER
   ========================================================== */
.mk-customer-tools{display:flex;align-items:center;gap:7px;margin-left:auto}
.mk-account-link,.mk-cart-link{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #263b56;color:#b9c8d9!important;text-decoration:none!important;font-size:8px;font-weight:900;letter-spacing:.08em;transition:.2s}
.mk-account-link{padding:0 12px}.mk-account-link:hover,.mk-cart-link:hover{border-color:var(--mk-blue);color:#fff!important;background:#0b1d35}.mk-account-icon{font-size:16px;color:var(--mk-cyan)}
.mk-cart-link{position:relative;width:42px}.mk-cart-link>span{font-size:14px}.mk-cart-link>b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--mk-blue);color:#fff;display:grid;place-items:center;font-size:7px;border:2px solid var(--mk-header-bg)}

.customer-flash{margin-top:14px;padding:12px 16px;border-radius:8px;font-size:11px;font-weight:750;position:relative;z-index:5}.customer-flash.success{background:#ecf9f1;border:1px solid #bfe8ce;color:#146b3f}.customer-flash.error{background:#fff1f1;border:1px solid #f5c7c7;color:#a72e2e}

/* Product catalog */
.commerce-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 20%,#113763 0,#081a34 35%,#050d1b 70%);color:#fff;padding:88px 0 76px;border-bottom:1px solid #16304e}
.commerce-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.commerce-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.commerce-hero-grid>div:first-child>span,.customer-page-head span,.account-hero span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--mk-cyan)}
.commerce-hero h1,.customer-page-head h1,.account-hero h1{font-size:clamp(54px,6vw,88px);line-height:.89;letter-spacing:-4px;margin:16px 0 22px;color:#fff}.commerce-hero h1 em,.customer-page-head h1 em,.account-hero h1 em{font-style:normal;color:var(--mk-cyan)}
.commerce-hero p,.customer-page-head p,.account-hero p{max-width:720px;color:#a9b9cb;font-size:13px;line-height:1.8}.commerce-hero-stat{justify-self:end;width:280px;padding:25px;border:1px solid #294867;background:#091b33cc}.commerce-hero-stat b{display:block;font-size:56px;line-height:1;color:#fff}.commerce-hero-stat span{display:block;margin:8px 0 24px;font-size:9px;color:#8ca1b9;letter-spacing:.12em}.commerce-hero-stat a{display:inline-block;color:#fff;background:var(--mk-blue);padding:12px 14px;font-size:8px;font-weight:900}
.product-catalog{padding:68px 0 100px;background:#f5f7fa}.catalog-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 260px auto;gap:10px;margin-bottom:26px;padding:12px;background:#fff;border:1px solid #e0e6ed}.catalog-search{display:flex}.catalog-search input,.catalog-toolbar select{min-height:46px;border:1px solid #dce3eb;background:#fafbfd;padding:0 13px;font:inherit;font-size:11px;outline:0}.catalog-search input{width:100%;border-right:0}.catalog-search button{min-width:76px;border:0;background:#07152c;color:#fff;font-size:8px;font-weight:900}.catalog-toolbar select{width:100%}.catalog-toolbar>a{display:grid;place-items:center;padding:0 10px;color:#b33b3b;font-size:8px;font-weight:900}
.product-grid-v966{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card-v966{background:#fff;border:1px solid #e1e6ed;min-width:0;transition:transform .25s,box-shadow .25s}.product-card-v966:hover{transform:translateY(-4px);box-shadow:0 18px 45px #10213a12}
.product-card-image{position:relative;height:310px;background:#eef2f6;display:block;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .3s}.product-card-v966:hover .product-card-image img{transform:scale(1.025)}.product-card-image>span{position:absolute;left:15px;top:15px;padding:7px 9px;background:#07152c;color:#fff;font-size:7px;font-weight:900;letter-spacing:.1em}
.product-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#5c6c80;font-size:26px;font-weight:900;letter-spacing:.08em;background:linear-gradient(145deg,#e8edf3,#f5f7f9)}.product-placeholder small{font-size:9px}.product-placeholder.big{min-height:480px}
.product-card-body{padding:21px}.product-card-body>small{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.1em}.product-card-body h2{font-size:20px;line-height:1.2;margin:7px 0 9px}.product-card-body h2 a{color:#101d2e;text-decoration:none}.product-card-body>p{min-height:58px;margin:0;color:#718093;font-size:11px;line-height:1.65}
.product-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:22px;padding-top:16px;border-top:1px solid #edf0f4}.product-card-bottom>div>b{display:block;font-size:18px;color:#0d1b2c}.product-card-bottom>div>b.quote-price{font-size:11px;color:var(--mk-blue)}.product-card-bottom>div>small{display:block;margin-top:4px;color:#9aa4b2;font-size:8px}.product-add-btn{border:0;background:var(--mk-blue);color:#fff!important;padding:11px 12px;font-size:8px;font-weight:900;cursor:pointer;text-decoration:none!important;white-space:nowrap}.product-add-btn.outline{background:#fff;color:#26405f!important;border:1px solid #cfd9e5}
.catalog-empty{grid-column:1/-1;text-align:center;padding:70px;background:#fff;border:1px solid #e2e7ed}.catalog-empty b{font-size:18px}.catalog-empty p{color:#7c8998}

/* Product detail */
.product-detail-v966{padding:38px 0 95px;background:#f4f7fa}.product-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:8px;font-weight:900;color:#8b97a7}.product-breadcrumb a{color:var(--mk-blue)}.product-detail-grid-v966{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.product-main-image{height:600px;background:#fff;border:1px solid #dfe5ec;display:grid;place-items:center;overflow:hidden}.product-main-image>img{width:100%;height:100%;object-fit:contain;padding:35px}.product-thumbs{display:flex;gap:8px;margin-top:9px;overflow:auto}.product-thumbs button{width:76px;height:76px;padding:4px;border:1px solid #dce4ec;background:#fff;cursor:pointer}.product-thumbs img{width:100%;height:100%;object-fit:contain}.product-detail-copy>span,.product-content-v966>div>span{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.12em}.product-detail-copy h1{font-size:clamp(38px,4.6vw,67px);line-height:.95;letter-spacing:-2.7px;margin:13px 0 22px;color:#0d1b2c}.product-detail-lead{font-size:13px;line-height:1.8;color:#647487}.product-detail-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dbe2e9;border-bottom:1px solid #dbe2e9;margin:28px 0}.product-detail-meta>div{padding:18px 0}.product-detail-meta>div+div{padding-left:20px;border-left:1px solid #dbe2e9}.product-detail-meta small{display:block;font-size:8px;color:#8390a0;font-weight:900}.product-detail-meta b{display:block;margin-top:7px;font-size:20px;color:#172537}
.product-order-form{display:flex;gap:8px;align-items:flex-end}.product-order-form label{font-size:8px;font-weight:900;color:#6d7c8f}.product-order-form input{display:block;width:76px;height:46px;margin-top:5px;border:1px solid #ccd7e2;padding:0 10px}.product-order-form button,.product-inquiry-btn{height:46px;border:0;background:var(--mk-blue);color:#fff!important;padding:0 18px;display:inline-flex;align-items:center;font-size:8px;font-weight:900;cursor:pointer;text-decoration:none!important}.product-member-note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:15px;background:#eaf2fb;border-left:3px solid var(--mk-blue)}.product-member-note>span{font-size:19px;color:var(--mk-blue)}.product-member-note p{margin:0;font-size:9px;line-height:1.55;color:#66778b}.product-member-note b{display:block;color:#21354e;margin-bottom:2px}
.product-content-v966{display:grid;grid-template-columns:.35fr .65fr;gap:70px;margin-top:70px;padding:48px;background:#fff;border-top:3px solid #07152c}.product-content-v966 h2{font-size:27px;margin:8px 0}.product-content-v966 article{font-size:13px;line-height:1.85;color:#4f6073}.product-content-v966 article img{max-width:100%;height:auto}

/* Authentication */
.customer-auth{min-height:calc(100dvh - 90px);background:#07152c;padding:60px 20px;color:#fff;display:grid;place-items:center}.customer-auth-shell{width:min(1180px,100%);display:grid;grid-template-columns:1fr 480px;min-height:650px;border:1px solid #28415f;background:#091a32;box-shadow:0 30px 90px #0005}.customer-auth-brand{padding:70px;background:radial-gradient(circle at 80% 20%,#174f8a 0,#0a2548 30%,#07152c 68%);position:relative;overflow:hidden}.customer-auth-brand:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.customer-auth-brand>*{position:relative;z-index:1}.customer-auth-brand>span,.customer-auth-form>span{font-size:8px;color:var(--mk-cyan);font-weight:900;letter-spacing:.16em}.customer-auth-brand h1{font-size:58px;line-height:.92;letter-spacing:-3px;margin:17px 0 20px}.customer-auth-brand h1 em{font-style:normal;color:var(--mk-cyan)}.customer-auth-brand>p{max-width:520px;color:#9db0c6;font-size:12px;line-height:1.75;margin-bottom:40px}.auth-feature{display:flex;align-items:center;gap:13px;border-top:1px solid #294361;padding:14px 0;color:#c1cedc;font-size:10px}.auth-feature b{color:var(--mk-cyan);font-size:9px}
.customer-auth-form{background:#fff;color:#152238;padding:62px 48px;display:flex;flex-direction:column;justify-content:center}.customer-auth-form h2{font-size:30px;letter-spacing:-1px;margin:9px 0 28px}.customer-auth-form form{display:grid;gap:15px}.customer-auth-form label,.profile-form label{font-size:9px;font-weight:850;color:#536176}.customer-auth-form input,.profile-form input,.profile-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d9e1ea;border-radius:7px;background:#fafbfd;padding:13px 12px;font:inherit;font-size:11px;outline:0}.customer-auth-form input:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:#7b9fd2;box-shadow:0 0 0 3px #3979d210}.customer-auth-form form>button,.account-primary-btn{border:0;background:#07152c;color:#fff;padding:15px;font-size:9px;font-weight:900;cursor:pointer}.customer-auth-form>p{margin-top:20px;color:#7a8799;font-size:10px}.customer-auth-form>p a{color:var(--mk-blue);font-weight:850}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-consent{display:flex!important;align-items:flex-start;gap:8px!important;line-height:1.5}.auth-consent input{width:16px!important;height:16px!important;margin:1px 0 0!important;padding:0!important}.auth-consent span{font-size:9px;font-weight:500}.auth-consent a{color:var(--mk-blue)}

/* Account center */
.account-hero,.customer-page-head{padding:70px 0 55px;background:#07152c;color:#fff;border-bottom:1px solid #19314d}.customer-page-head.compact{padding:55px 0 40px}.account-hero h1,.customer-page-head h1{font-size:60px;margin-bottom:12px}.account-center{padding:48px 0 90px;background:#f4f7fa}.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.account-nav{position:sticky;top:100px;background:#07152c;color:#fff;padding:22px}.account-user{padding-bottom:18px;border-bottom:1px solid #263d58}.account-user b{display:block;font-size:12px}.account-user span{display:block;margin-top:5px;font-size:9px;color:#91a4ba;overflow:hidden;text-overflow:ellipsis}.account-nav nav{display:grid;margin-top:12px}.account-nav nav a{display:flex;justify-content:space-between;align-items:center;color:#aebdd0;padding:12px 9px;border-bottom:1px solid #182e48;font-size:9px;font-weight:800;text-decoration:none}.account-nav nav a:hover,.account-nav nav a.active{background:#0c2340;color:#fff}.account-nav nav a b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:#15365b;color:#8dcaff;font-size:8px}.account-nav nav a.logout{color:#ff9a9a;margin-top:10px;border:0}.account-content{background:#fff;border:1px solid #e0e6ed;padding:30px;min-height:500px}.account-section-head>span,.account-block-head span{font-size:8px;color:var(--mk-blue);font-weight:900;letter-spacing:.12em}.account-section-head h2{font-size:30px;margin:7px 0 25px}.account-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-kpis>div{padding:21px;background:#f6f8fb;border:1px solid #e8edf3}.account-kpis span{display:block;font-size:8px;color:#8290a3;font-weight:900}.account-kpis b{display:block;margin-top:8px;font-size:28px;color:#132136}.account-block{margin-top:26px;border-top:1px solid #e4e9ef;padding-top:25px}.account-block-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.account-block-head h3{margin:5px 0 0;font-size:19px}.account-block-head>a{font-size:8px;font-weight:900;color:var(--mk-blue)}.customer-order-list{border-top:1px solid #e4e9ef}.customer-order-row{display:grid;grid-template-columns:minmax(160px,1fr) 150px 130px 110px 20px;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #e9edf2;text-decoration:none!important;color:#344359}.customer-order-row:hover{background:#f9fbfd}.customer-order-row small{display:block;font-size:7px;color:#8b97a5}.customer-order-row b{display:block;margin-top:3px;font-size:10px}.customer-order-row>span{font-size:9px;color:#7a8797}.customer-order-row>strong{font-size:11px}.customer-order-row>i,.order-history-card i,.public-order-head i{font-style:normal;padding:6px 8px;border-radius:99px;font-size:7px;font-weight:900;text-align:center}.customer-order-row>i.paid,.order-history-card i.paid,.public-order-head i.paid{background:#e8f8ee;color:#18794a}.customer-order-row>i.pending,.order-history-card i.pending,.public-order-head i.pending{background:#fff3dc;color:#a26400}.customer-order-row>em{font-style:normal;color:var(--mk-blue)}.account-empty{text-align:center;padding:50px 20px;background:#f7f9fb}.account-empty b{display:block;font-size:15px}.account-empty p{font-size:10px;color:#7c899a}.account-empty a{font-size:8px;color:var(--mk-blue);font-weight:900}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-form-grid .wide{grid-column:1/-1}.profile-form small{font-weight:500;color:#9aa4b2}.profile-form .account-primary-btn{margin-top:18px;padding:14px 18px}

/* Orders */
.customer-orders{padding:45px 0 90px;background:#f4f7fa}.customer-orders-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.orders-list-panel,.order-detail-public{background:#fff;border:1px solid #e1e6ed;padding:24px}.order-history-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid #e7ebf0;border-left:3px solid transparent;margin-top:8px;text-decoration:none!important;color:#38465a}.order-history-card:hover,.order-history-card.active{border-left-color:var(--mk-blue);background:#f6f9fd}.order-history-card small{display:block;font-size:7px;color:#8b97a8}.order-history-card b{display:block;margin:4px 0;font-size:11px}.order-history-card span{font-size:9px;color:#8490a0}.order-history-card>div:last-child{text-align:right}.order-history-card strong{display:block;font-size:11px;margin-bottom:7px}.public-order-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e6ebf0}.public-order-head>span{font-size:8px;color:var(--mk-blue);font-weight:900}.public-order-head h2{font-size:17px;margin:0 auto 0 0}.public-order-products{display:grid;gap:9px;margin:18px 0}.public-order-product{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e8edf2;text-decoration:none!important;color:#2a394e}.public-order-product img,.public-order-product>span{width:52px;height:52px;object-fit:contain;background:#f2f5f8;display:grid;place-items:center}.public-order-product b{display:block;font-size:10px}.public-order-product small{display:block;margin-top:4px;font-size:8px;color:#8490a1}.public-order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e7ed;padding-top:18px}.public-order-total span{font-size:8px;color:#8491a2}.public-order-total b{font-size:23px}.order-select-empty{text-align:center;padding:80px 15px}.order-select-empty b{font-size:15px}.order-select-empty p{font-size:10px;color:#8491a2}

/* Cart */
.cart-page{padding:45px 0 90px;background:#f4f7fa}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.cart-items{background:#fff;border:1px solid #e0e6ed;padding:20px}.cart-row{display:grid;grid-template-columns:74px minmax(0,1fr) 70px 120px 30px;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #e7ebf0}.cart-row>img,.cart-no-img{width:74px;height:74px;object-fit:contain;background:#f2f5f8;display:grid;place-items:center}.cart-product small{display:block;font-size:7px;color:var(--mk-blue);font-weight:900}.cart-product>a{display:block;margin:3px 0;font-size:12px;font-weight:850;color:#203049;text-decoration:none}.cart-product>span{font-size:8px;color:#8a96a7}.cart-row>label{font-size:8px;color:#7d8999}.cart-row>label input{display:block;width:60px;height:36px;margin-top:5px;border:1px solid #d9e0e8;padding:0 8px}.cart-row>b{text-align:right;font-size:11px}.cart-remove{width:28px;height:28px;border:1px solid #f0d5d5;background:#fff5f5;color:#b53c3c;cursor:pointer}.cart-update-btn{margin-top:15px;border:1px solid #cfd8e3;background:#fff;padding:11px 13px;font-size:8px;font-weight:900;cursor:pointer}.cart-summary{position:sticky;top:100px;background:#07152c;color:#fff;padding:25px}.cart-summary>span{font-size:8px;color:var(--mk-cyan);font-weight:900;letter-spacing:.12em}.cart-summary>div{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #263c56}.cart-summary small{font-size:9px;color:#8fa2b9}.cart-summary b{font-size:12px}.cart-summary>p{font-size:9px;line-height:1.6;color:#90a4ba;margin:18px 0}.cart-summary form button{width:100%;border:0;background:var(--mk-blue);color:#fff;padding:14px;font-size:8px;font-weight:900;cursor:pointer}.cart-summary>a{display:block;text-align:center;margin-top:14px;color:#9eb2c9;font-size:8px;font-weight:900}

@media(max-width:1180px){
 .mk-nav{gap:12px}.mk-nav-link{font-size:8px!important}.mk-account-link>span:last-child{display:none}.mk-account-link{width:42px;padding:0}
 .product-grid-v966{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
 .commerce-hero-grid,.product-detail-grid-v966,.customer-auth-shell,.account-layout,.customer-orders-grid,.cart-layout,.product-content-v966{grid-template-columns:1fr}
 .commerce-hero-stat{justify-self:start}.customer-auth-brand{padding:45px}.customer-auth-shell{min-height:0}.account-nav,.cart-summary{position:static}.account-nav nav{grid-template-columns:1fr 1fr}.account-content{padding:22px}
 .product-main-image{height:480px}.product-content-v966{gap:25px}
}
@media(max-width:700px){
 .mk-customer-tools{margin-left:0;order:3}.mk-account-link{width:auto;padding:0 10px}.mk-account-link>span:last-child{display:inline}.mk-cart-link{width:42px}
 .commerce-hero{padding:58px 0}.commerce-hero h1,.customer-page-head h1,.account-hero h1{font-size:48px;letter-spacing:-2.5px}.commerce-hero-grid{gap:28px}.commerce-hero-stat{width:100%;display:flex;align-items:center;gap:15px}.commerce-hero-stat b{font-size:38px}.commerce-hero-stat span{margin:0 auto 0 0}.commerce-hero-stat a{white-space:nowrap}
 .product-catalog{padding:35px 0 65px}.catalog-toolbar{grid-template-columns:1fr}.product-grid-v966{grid-template-columns:1fr}.product-card-image{height:280px}
 .product-detail-v966{padding-top:25px}.product-detail-grid-v966{gap:30px}.product-main-image{height:360px}.product-detail-copy h1{font-size:40px}.product-content-v966{margin-top:40px;padding:24px}
 .customer-auth{padding:20px 12px}.customer-auth-brand{padding:34px 24px}.customer-auth-brand h1{font-size:44px}.customer-auth-form{padding:35px 22px}.auth-two,.account-form-grid{grid-template-columns:1fr}.account-form-grid .wide{grid-column:auto}
 .account-hero,.customer-page-head{padding:50px 0 38px}.account-center,.customer-orders,.cart-page{padding:28px 0 60px}.account-nav nav{grid-template-columns:1fr}.account-kpis{grid-template-columns:1fr}.customer-order-row{grid-template-columns:1fr auto;gap:8px}.customer-order-row>span,.customer-order-row>strong{grid-column:1}.customer-order-row>i{grid-column:2;grid-row:1}.customer-order-row>em{display:none}
 .orders-list-panel,.order-detail-public{padding:16px}.order-history-card{align-items:flex-start}.public-order-head{align-items:flex-start;flex-wrap:wrap}.public-order-head h2{order:3;width:100%}
 .cart-items{padding:13px}.cart-row{grid-template-columns:60px 1fr 28px}.cart-row>img,.cart-no-img{width:60px;height:60px}.cart-row>label{grid-column:2}.cart-row>b{grid-column:2;text-align:left}.cart-remove{grid-column:3;grid-row:1}
}

/* ==========================================================
   V9.6.7 CLIENT PORTAL — projects / quotes / requests
   ========================================================== */
.product-showcase-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.product-inquiry-btn.secondary{background:#fff;color:#17304d!important;border:1px solid #c7d3df}
.portal-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.portal-quick-grid>a{min-height:210px;padding:24px;display:flex;flex-direction:column;background:#07152c;color:#fff!important;text-decoration:none!important;border:1px solid #18334f;transition:.2s}
.portal-quick-grid>a:hover{transform:translateY(-3px);border-color:var(--mk-blue);background:#0a1c35}
.portal-quick-grid span{font-size:8px;color:var(--mk-cyan);font-weight:900;letter-spacing:.12em}
.portal-quick-grid b{margin:22px 0 auto;font-size:18px;line-height:1.35;max-width:250px}
.portal-quick-grid em{font-style:normal;font-size:8px;font-weight:900;color:#91caff;margin-top:30px}
.project-portal-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #e5eaf0;border-left:3px solid transparent;margin-bottom:9px;text-decoration:none!important;color:#314157;background:#fff}
.project-portal-card:hover,.project-portal-card.active{background:#f4f8fd;border-left-color:var(--mk-blue)}
.project-portal-card small{display:block;font-size:7px;color:var(--mk-blue);font-weight:900;letter-spacing:.08em}
.project-portal-card b{display:block;margin:5px 0;font-size:12px}
.project-portal-card span{font-size:8px;color:#8794a4}.project-portal-card>strong{font-size:22px;color:#183657}
.project-progress{padding:24px 0;border-bottom:1px solid #e4e9ef}.project-progress>div:first-child{display:flex;align-items:center;justify-content:space-between}.project-progress span,.project-info-grid small{font-size:8px;color:#8390a1;font-weight:900}.project-progress b{font-size:22px;color:#193653}.project-progress-track{height:7px;background:#e9eef4;margin-top:12px;overflow:hidden}.project-progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--mk-blue),var(--mk-cyan))}
.project-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e5eaf0;margin:20px 0}.project-info-grid>div{background:#f7f9fb;padding:16px}.project-info-grid b{display:block;margin-top:5px;font-size:11px}
.project-summary{font-size:11px;line-height:1.8;color:#657487;background:#f8fafc;padding:18px;margin:0 0 18px}.account-primary-btn.inline{display:inline-flex;text-decoration:none!important}
.quote-center,.request-center{padding:45px 0 90px;background:#f4f7fa}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.quote-card{background:#fff;border:1px solid #dfe5ec;padding:25px;border-top:3px solid #07152c}.quote-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-card-top>span{font-size:8px;font-weight:900;color:var(--mk-blue);letter-spacing:.1em}.quote-card-top>i{font-style:normal;padding:6px 8px;background:#edf5ff;color:#2e65a5;border-radius:99px;font-size:7px;font-weight:900}.quote-card h2{font-size:22px;margin:16px 0 9px}.quote-card>p{min-height:55px;font-size:10px;line-height:1.65;color:#718094}.quote-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e7ebf0;margin:20px 0}.quote-meta>div{background:#f7f9fb;padding:15px}.quote-meta small{display:block;font-size:7px;color:#8995a5}.quote-meta b{display:block;margin-top:6px;font-size:14px;color:#1c2d43}.quote-download{display:inline-block;background:var(--mk-blue);color:#fff!important;padding:11px 13px;font-size:8px;font-weight:900;text-decoration:none!important}.quote-empty{grid-column:1/-1}
.request-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.request-head>b{font-size:10px;color:#6e7c8f}.request-head>a{background:var(--mk-blue);color:#fff!important;padding:11px 13px;font-size:8px;font-weight:900;text-decoration:none!important}.request-list{display:grid;gap:9px}.request-list>article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#fff;border:1px solid #e0e6ed}.request-list small{display:block;font-size:7px;color:var(--mk-blue);font-weight:900}.request-list h2{font-size:16px;margin:5px 0}.request-list p{font-size:9px;color:#8290a1;margin:0}.request-status{padding:7px 10px;background:#eef5fd;color:#245e9d;font-size:8px;font-weight:900;white-space:nowrap}
@media(max-width:900px){.portal-quick-grid{grid-template-columns:1fr}.quote-grid{grid-template-columns:1fr}}
@media(max-width:700px){.project-portal-card,.request-list>article{align-items:flex-start;flex-direction:column}.project-info-grid,.quote-meta{grid-template-columns:1fr}.quote-card{padding:19px}.request-head{align-items:flex-start;flex-direction:column;gap:10px}}

/* ==========================================================
   V9.6.9 HERO — TERMINAL TYPING + IMAGE ENTER
   ========================================================== */
.mk-hero-v969 .mk-hero-copy>*{
 opacity:1!important;
 transform:none!important;
 transition:none!important
}
.mk-hero-v969 [data-hero-type]{
 position:relative;
 opacity:1!important;
 visibility:visible!important
}
.mk-hero-v969 [data-hero-type].typing-hidden{
 opacity:0!important
}

/* terminal-style caret follows the field currently being written */
.mk-hero-v969 [data-hero-type].is-typing:after{
 content:"";
 display:inline-block;
 width:.09em;
 height:.82em;
 margin-left:.08em;
 vertical-align:-.04em;
 background:#55b6ff;
 box-shadow:0 0 12px rgba(72,170,255,.75);
 animation:mkTypingCaret .72s steps(1,end) infinite
}
.mk-hero-v969 .mk-eyebrow.is-typing:after{
 width:5px;height:11px;vertical-align:-1px;margin-left:7px
}
.mk-hero-v969 p.is-typing:after{
 width:2px;height:1em;vertical-align:-2px
}
@keyframes mkTypingCaret{0%,48%{opacity:1}49%,100%{opacity:0}}

/* Buttons wait until all text is written. */
.mk-hero-v969 [data-hero-actions]{
 opacity:0!important;
 transform:translateY(14px)!important;
 pointer-events:none;
 transition:opacity .48s ease,transform .48s cubic-bezier(.22,.75,.18,1)!important
}
.mk-hero-v969 [data-hero-actions].hero-content-ready{
 opacity:1!important;
 transform:translateY(0)!important;
 pointer-events:auto
}

/* Entire visual stage is held back. It enters only after typing has completed. */
.mk-hero-v969 [data-hero-visual]{
 opacity:0;
 transform:translate3d(90px,0,0) scale(.94);
 filter:blur(7px);
 transition:
   opacity .72s ease,
   transform 1.05s cubic-bezier(.16,.82,.19,1),
   filter .8s ease;
 will-change:transform,opacity,filter
}
.mk-hero-v969 [data-hero-visual].hero-visual-ready{
 opacity:1;
 transform:translate3d(0,0,0) scale(1);
 filter:blur(0)
}

/* Do not let the older V9.2 img-scale animation fight with the new stage animation. */
.mk-hero-v969 .mk-hero-visual picture img,
.mk-hero-v969 .mk-hero-slide.active .mk-hero-visual picture img{
 transform:none!important;
 transition:none!important
}

/* subtle engineering scan when the visual lands */
.mk-hero-v969 [data-hero-visual]:after{
 content:"";
 position:absolute;
 z-index:5;
 top:12%;bottom:12%;
 left:-30%;
 width:18%;
 opacity:0;
 pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(79,177,255,.13),transparent);
 transform:skewX(-12deg)
}
.mk-hero-v969 [data-hero-visual].hero-visual-ready:after{
 animation:mkHeroVisualScan 1.25s .25s ease-out 1
}
@keyframes mkHeroVisualScan{
 0%{left:-30%;opacity:0}
 18%{opacity:1}
 100%{left:112%;opacity:0}
}

@media(prefers-reduced-motion:reduce){
 .mk-hero-v969 [data-hero-type]:after{display:none!important}
 .mk-hero-v969 [data-hero-actions],
 .mk-hero-v969 [data-hero-visual]{
   opacity:1!important;transform:none!important;filter:none!important;transition:none!important
 }
}
@media(max-width:620px){
 .mk-hero-v969 [data-hero-visual]{
   transform:translate3d(48px,0,0) scale(.96)
 }
 .mk-hero-v969 [data-hero-visual].hero-visual-ready{
   transform:translate3d(0,0,0) scale(1)
 }
}


/* ==========================================================
   V9.6.10 HERO MOBILE — adaptive complex responsive layout
   ========================================================== */

/* Tablet / compact laptop */
@media (max-width:980px){
 .mk-hero-v969{
   --heroH:clamp(700px,100svh,860px);
   height:var(--heroH);
   min-height:var(--heroH)
 }
 .mk-hero-v969 .mk-hero-inner{
   grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
   gap:22px;
   padding:42px 28px 88px
 }
 .mk-hero-v969 h1{
   font-size:clamp(52px,7.6vw,68px);
   line-height:.9;
   letter-spacing:-3px;
   margin:14px 0 18px
 }
 .mk-hero-v969 .mk-hero-copy>p{
   font-size:12px;
   line-height:1.65;
   max-width:560px
 }
 .mk-hero-v969 .mk-hero-actions{gap:8px;flex-wrap:wrap}
 .mk-hero-v969 .mk-hero-actions a{padding:12px 14px;font-size:8px}
 .mk-hero-v969 .mk-hero-visual picture img{
   width:100%;
   height:min(46svh,420px)
 }
 .mk-hero-v969 .mk-orbit{
   width:min(47vw,500px);
   height:min(47vw,500px)
 }
}

/* Mobile master layout */
@media (max-width:700px){
 .mk-hero-v969{
   --heroH:100svh;
   height:100svh;
   min-height:680px;
   max-height:920px;
   overflow:hidden
 }

 .mk-hero-v969 .mk-hero-slide{
   background:
    linear-gradient(180deg,rgba(3,11,24,.985) 0%,rgba(5,18,37,.93) 45%,rgba(5,21,44,.84) 100%),
    var(--hero-slide-bg,none),
    radial-gradient(circle at 76% 65%,#154e8b 0,#0b2b56 28%,#07172e 62%,#050c18 100%);
   background-size:cover;
   background-position:center
 }

 .mk-hero-v969 .mk-grid-bg{opacity:.35}

 .mk-hero-v969 .mk-hero-inner{
   display:grid;
   grid-template-columns:1fr;
   grid-template-rows:auto minmax(180px,1fr);
   align-content:start;
   height:100%;
   gap:4px;
   padding:
     clamp(34px,5.2svh,54px)
     20px
     max(82px,calc(68px + env(safe-area-inset-bottom)))
 }

 .mk-hero-v969 .mk-hero-copy{
   z-index:5;
   width:100%;
   padding-right:0
 }

 .mk-hero-v969 .mk-eyebrow{
   display:block;
   max-width:100%;
   font-size:7px;
   line-height:1.35;
   letter-spacing:.20em;
   margin-bottom:8px;
   white-space:normal
 }

 .mk-hero-v969 h1{
   font-size:clamp(40px,11.3vw,58px);
   line-height:.86;
   letter-spacing:-.045em;
   max-width:100%;
   margin:8px 0 13px;
   overflow-wrap:normal;
   word-break:normal
 }

 .mk-hero-v969 .mk-hero-copy>p{
   max-width:94%;
   font-size:clamp(10px,2.8vw,12px);
   line-height:1.5;
   margin:0 0 13px;
   color:#b7c5d5;
   display:-webkit-box;
   -webkit-line-clamp:3;
   -webkit-box-orient:vertical;
   overflow:hidden
 }

 .mk-hero-v969 .mk-hero-actions{
   display:flex;
   flex-wrap:wrap;
   gap:7px;
   margin-top:10px
 }

 .mk-hero-v969 .mk-hero-actions a{
   min-height:40px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   padding:10px 11px;
   font-size:7px;
   letter-spacing:.04em;
   flex:0 1 auto
 }

 /* Visual becomes a dedicated lower stage instead of overlapping text */
 .mk-hero-v969 .mk-hero-visual{
   position:relative;
   inset:auto;
   height:auto;
   min-height:0;
   width:100%;
   margin-top:0;
   align-self:stretch;
   display:flex;
   align-items:center;
   justify-content:center;
   overflow:visible
 }

 .mk-hero-v969 .mk-hero-visual picture{
   height:100%;
   width:100%;
   display:flex;
   align-items:center;
   justify-content:center
 }

 .mk-hero-v969 .mk-hero-visual picture img{
   width:min(92vw,560px);
   height:min(34svh,320px);
   max-height:100%;
   object-fit:contain;
   padding:0;
   filter:drop-shadow(0 24px 40px rgba(0,0,0,.42))
 }

 .mk-hero-v969 .mk-orbit{
   width:min(82vw,390px);
   height:min(82vw,390px);
   opacity:.72
 }

 .mk-hero-v969 .mk-hero-spec{
   left:50%;
   bottom:4px;
   transform:translateX(-50%);
   min-width:210px;
   max-width:85%;
   padding:9px 11px;
   text-align:center;
   backdrop-filter:blur(10px)
 }
 .mk-hero-v969 .mk-hero-spec b{font-size:7px}
 .mk-hero-v969 .mk-hero-spec span{font-size:6px}

 .mk-hero-v969 .mk-hero-controls{
   left:16px;
   right:16px;
   bottom:max(14px,env(safe-area-inset-bottom));
   align-items:center
 }

 .mk-hero-v969 .mk-hero-pagination{
   gap:7px;
   font-size:8px;
   letter-spacing:.08em
 }

 .mk-hero-v969 .mk-hero-arrow{
   width:38px;
   height:38px;
   font-size:14px;
   background:rgba(5,20,40,.78);
   backdrop-filter:blur(8px)
 }

 .mk-hero-v969>.mk-scroll{display:none}
}

/* Short phones: prioritize content, reduce visual to keep everything in viewport */
@media (max-width:700px) and (max-height:760px){
 .mk-hero-v969{
   min-height:620px;
   height:100svh
 }
 .mk-hero-v969 .mk-hero-inner{
   grid-template-rows:auto minmax(145px,1fr);
   padding-top:28px;
   padding-bottom:max(68px,calc(58px + env(safe-area-inset-bottom)))
 }
 .mk-hero-v969 h1{
   font-size:clamp(36px,10vw,48px);
   margin:6px 0 10px
 }
 .mk-hero-v969 .mk-hero-copy>p{
   font-size:10px;
   line-height:1.42;
   -webkit-line-clamp:2;
   margin-bottom:8px
 }
 .mk-hero-v969 .mk-hero-actions{margin-top:7px}
 .mk-hero-v969 .mk-hero-actions a{
   min-height:36px;
   padding:8px 9px;
   font-size:6.5px
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   height:min(27svh,220px)
 }
 .mk-hero-v969 .mk-orbit{
   width:min(66vw,300px);
   height:min(66vw,300px)
 }
 .mk-hero-v969 .mk-hero-spec{display:none}
 .mk-hero-v969 .mk-hero-arrow{width:34px;height:34px}
}

/* Narrow phones */
@media (max-width:390px){
 .mk-hero-v969 .mk-hero-inner{
   padding-left:15px;
   padding-right:15px
 }
 .mk-hero-v969 h1{
   font-size:clamp(34px,10.8vw,44px);
   letter-spacing:-.04em
 }
 .mk-hero-v969 .mk-hero-copy>p{
   max-width:100%;
   font-size:9.5px
 }
 .mk-hero-v969 .mk-hero-actions{
   gap:5px
 }
 .mk-hero-v969 .mk-hero-actions a{
   min-height:34px;
   padding:7px 8px
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   width:96vw;
   height:min(30svh,240px)
 }
 .mk-hero-v969 .mk-hero-controls{
   left:12px;
   right:12px
 }
}

/* Very tall phones: give visual more breathing space */
@media (max-width:700px) and (min-height:850px){
 .mk-hero-v969 .mk-hero-inner{
   grid-template-rows:auto minmax(250px,1fr);
   padding-top:48px
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   height:min(38svh,360px)
 }
 .mk-hero-v969 .mk-orbit{
   width:min(86vw,430px);
   height:min(86vw,430px)
 }
}


/* ==========================================================
   V9.6.11 HERO MOBILE — extra compact proportions
   ========================================================== */
@media (max-width:700px){
 .mk-hero-v969{
   --heroH:auto;
   height:auto;
   min-height:610px;
   max-height:none
 }

 .mk-hero-v969 .mk-hero-inner{
   min-height:610px;
   height:auto;
   grid-template-rows:auto 210px;
   gap:0;
   padding:
     26px
     16px
     max(58px,calc(48px + env(safe-area-inset-bottom)))
 }

 .mk-hero-v969 .mk-eyebrow{
   font-size:6.3px;
   line-height:1.25;
   letter-spacing:.16em;
   margin-bottom:6px
 }

 .mk-hero-v969 h1{
   font-size:clamp(33px,9.2vw,45px);
   line-height:.88;
   letter-spacing:-.038em;
   margin:5px 0 9px
 }

 .mk-hero-v969 .mk-hero-copy>p{
   max-width:100%;
   font-size:9.4px;
   line-height:1.42;
   margin-bottom:8px;
   -webkit-line-clamp:2
 }

 .mk-hero-v969 .mk-hero-actions{
   gap:5px;
   margin-top:6px
 }

 .mk-hero-v969 .mk-hero-actions a{
   min-height:33px;
   padding:7px 9px;
   font-size:6.3px;
   letter-spacing:.025em
 }

 .mk-hero-v969 .mk-hero-visual{
   min-height:0;
   height:210px;
   margin-top:0
 }

 .mk-hero-v969 .mk-hero-visual picture img{
   width:min(78vw,390px);
   height:195px;
   max-height:195px
 }

 .mk-hero-v969 .mk-orbit{
   width:min(66vw,305px);
   height:min(66vw,305px)
 }

 .mk-hero-v969 .mk-hero-spec{
   bottom:0;
   min-width:175px;
   max-width:74%;
   padding:6px 8px
 }
 .mk-hero-v969 .mk-hero-spec b{font-size:6px}
 .mk-hero-v969 .mk-hero-spec span{font-size:5.4px}

 .mk-hero-v969 .mk-hero-controls{
   left:12px;
   right:12px;
   bottom:max(10px,env(safe-area-inset-bottom))
 }

 .mk-hero-v969 .mk-hero-arrow{
   width:31px;
   height:31px;
   font-size:12px
 }

 .mk-hero-v969 .mk-hero-pagination{
   gap:5px;
   font-size:7px
 }
}

/* Very small phones */
@media (max-width:390px){
 .mk-hero-v969{
   min-height:575px
 }
 .mk-hero-v969 .mk-hero-inner{
   min-height:575px;
   grid-template-rows:auto 180px;
   padding-top:22px;
   padding-left:13px;
   padding-right:13px;
   padding-bottom:max(54px,calc(44px + env(safe-area-inset-bottom)))
 }
 .mk-hero-v969 h1{
   font-size:clamp(30px,8.9vw,39px);
   margin:4px 0 8px
 }
 .mk-hero-v969 .mk-hero-copy>p{
   font-size:8.8px;
   line-height:1.38
 }
 .mk-hero-v969 .mk-hero-actions a{
   min-height:31px;
   padding:6px 8px;
   font-size:6px
 }
 .mk-hero-v969 .mk-hero-visual{
   height:180px
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   width:min(74vw,330px);
   height:165px;
   max-height:165px
 }
 .mk-hero-v969 .mk-orbit{
   width:min(60vw,265px);
   height:min(60vw,265px)
 }
 .mk-hero-v969 .mk-hero-spec{display:none}
}

/* Short viewport phones */
@media (max-width:700px) and (max-height:700px){
 .mk-hero-v969{
   min-height:540px
 }
 .mk-hero-v969 .mk-hero-inner{
   min-height:540px;
   grid-template-rows:auto 155px;
   padding-top:18px;
   padding-bottom:max(50px,calc(42px + env(safe-area-inset-bottom)))
 }
 .mk-hero-v969 .mk-eyebrow{font-size:5.8px}
 .mk-hero-v969 h1{
   font-size:clamp(29px,8.5vw,38px);
   margin:3px 0 7px
 }
 .mk-hero-v969 .mk-hero-copy>p{
   font-size:8.5px;
   line-height:1.32;
   margin-bottom:5px
 }
 .mk-hero-v969 .mk-hero-actions{
   margin-top:4px
 }
 .mk-hero-v969 .mk-hero-actions a{
   min-height:29px;
   padding:5px 7px
 }
 .mk-hero-v969 .mk-hero-visual{
   height:155px
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   height:145px;
   max-height:145px;
   width:min(68vw,300px)
 }
 .mk-hero-v969 .mk-orbit{
   width:min(54vw,235px);
   height:min(54vw,235px)
 }
 .mk-hero-v969 .mk-hero-spec{display:none}
}


/* ==========================================================
   V9.6.12 MOBILE PRO SYSTEM
   Unified mobile header, drawer, dock, cards and spacing
   ========================================================== */
.mk-mobile-dock,.mk-mobile-nav-backdrop{display:none}

@media(max-width:700px){
 html{scroll-padding-top:72px}
 body{padding-bottom:72px}
 body.mk-inner-body{background:#f4f7fa}

 /* Header — compact glass engineering bar */
 .mk-header{
   position:sticky!important;
   top:0;
   z-index:950;
   height:68px!important;
   min-height:68px!important;
   background:rgba(4,12,25,.94)!important;
   border-bottom:1px solid rgba(82,132,188,.24)!important;
   backdrop-filter:blur(18px) saturate(135%);
   -webkit-backdrop-filter:blur(18px) saturate(135%)
 }
 .mk-header-inner{
   height:68px!important;
   min-height:68px!important;
   padding:0 14px!important;
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto auto!important;
   gap:8px!important;
   align-items:center!important
 }
 .mk-logo{
   min-width:0;
   height:50px;
   display:flex;
   align-items:center
 }
 .mk-logo img{
   max-width:150px!important;
   max-height:44px!important;
   width:auto!important;
   object-fit:contain
 }
 .mk-project-btn{display:none!important}
 .mk-customer-tools{order:initial!important;margin:0!important}
 .mk-account-link{
   width:38px!important;
   height:38px!important;
   padding:0!important;
   border-radius:10px!important;
   border:1px solid #29425e!important;
   background:#0a1b30!important
 }
 .mk-account-link>span:last-child{display:none!important}
 .mk-account-icon{font-size:15px!important}
 .mk-menu-btn{
   display:grid!important;
   place-items:center;
   width:40px!important;
   height:40px!important;
   border-radius:10px!important;
   border:1px solid #29425e!important;
   background:#0a1b30!important;
   color:#d6e2ee!important;
   font-size:0!important;
   position:relative;
   z-index:1002
 }
 .mk-menu-btn:before,.mk-menu-btn:after,.mk-menu-btn{
   transition:.22s ease
 }
 .mk-menu-btn:before,.mk-menu-btn:after{
   content:"";
   position:absolute;
   width:16px;
   height:1.5px;
   background:#fff;
   left:11px
 }
 .mk-menu-btn:before{top:14px;box-shadow:0 5px 0 #fff}
 .mk-menu-btn:after{top:24px}
 .mk-menu-btn.active:before{top:19px;transform:rotate(45deg);box-shadow:none}
 .mk-menu-btn.active:after{top:19px;transform:rotate(-45deg)}

 /* Off-canvas navigation */
 .mk-nav{
   position:fixed!important;
   z-index:1001!important;
   top:0!important;
   right:0!important;
   bottom:0!important;
   width:min(86vw,350px)!important;
   height:100dvh!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
   gap:0!important;
   padding:88px 18px 100px!important;
   overflow-y:auto!important;
   overscroll-behavior:contain;
   background:
     radial-gradient(circle at 100% 0,#12345d 0,#081a32 27%,#050d1b 64%)!important;
   border-left:1px solid #233d5c!important;
   box-shadow:-24px 0 70px rgba(0,0,0,.46)!important;
   transform:translateX(104%)!important;
   opacity:1!important;
   visibility:visible!important;
   transition:transform .32s cubic-bezier(.2,.8,.2,1)!important
 }
 .mk-nav.open{transform:translateX(0)!important}
 .mk-nav:before{
   content:"MENÜ / MECHACORE";
   display:block;
   padding:0 10px 14px;
   margin-bottom:8px;
   border-bottom:1px solid #203851;
   color:#5eb4ff;
   font-size:7px;
   font-weight:900;
   letter-spacing:.18em
 }
 .mk-nav>.mk-nav-link,.mk-nav-item>.mk-nav-link{
   min-height:49px!important;
   padding:0 10px!important;
   display:flex!important;
   align-items:center!important;
   justify-content:space-between!important;
   border:0!important;
   border-bottom:1px solid #1b314a!important;
   background:transparent!important;
   color:#d6e1ed!important;
   font-size:10px!important;
   font-weight:850!important;
   letter-spacing:.025em!important
 }
 .mk-nav-link:before{
   content:"";
   width:5px;
   height:5px;
   border:1px solid #4487cb;
   transform:rotate(45deg);
   margin-right:10px;
   flex:0 0 auto
 }
 .mk-nav>.mk-nav-link{justify-content:flex-start!important}
 .mk-nav-item>.mk-nav-link{justify-content:flex-start!important}
 .mk-nav-item>.mk-nav-link .menu-caret{margin-left:auto!important}
 .mk-nav-link.menu-button,.mk-nav-link.menu-outline{
   margin:7px 0 0!important;
   border:1px solid #315170!important;
   border-radius:9px!important
 }
 .mk-nav-link.menu-button{background:#0875e1!important;border-color:#0875e1!important}
 .mk-submenu{
   margin:0!important;
   padding:5px 0 8px 27px!important;
   border-left:0!important
 }
 .mk-submenu a{
   min-height:38px!important;
   display:flex!important;
   align-items:center!important;
   padding:0 8px!important;
   color:#8ea3ba!important;
   font-size:8.5px!important;
   border-bottom:1px dashed #1c324a!important
 }
 .mk-mobile-nav-backdrop{
   display:block;
   position:fixed;
   inset:0;
   z-index:999;
   background:rgba(0,5,13,.67);
   backdrop-filter:blur(3px);
   opacity:0;
   visibility:hidden;
   transition:.25s ease
 }
 .mk-mobile-nav-backdrop.active{opacity:1;visibility:visible}
 html.mobile-nav-open,html.mobile-nav-open body{overflow:hidden}

 /* Bottom dock */
 .mk-mobile-dock{
   position:fixed;
   left:10px;
   right:10px;
   bottom:max(8px,env(safe-area-inset-bottom));
   z-index:920;
   height:58px;
   display:grid;
   grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;
   align-items:center;
   padding:4px 6px;
   border:1px solid rgba(92,138,185,.34);
   border-radius:16px;
   background:rgba(5,16,31,.94);
   box-shadow:0 14px 40px rgba(0,0,0,.38);
   backdrop-filter:blur(16px) saturate(140%);
   -webkit-backdrop-filter:blur(16px) saturate(140%)
 }
 .mk-mobile-dock a{
   height:48px;
   min-width:0;
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:3px;
   color:#8194aa!important;
   text-decoration:none!important;
   border-radius:10px
 }
 .mk-mobile-dock a:active{background:#10243d}
 .mk-mobile-dock a>span{font-size:15px;line-height:1;color:#9eb2c8}
 .mk-mobile-dock a>b{max-width:100%;font-size:5.8px;line-height:1.1;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mk-mobile-dock-main{
   height:50px!important;
   margin-top:-17px!important;
   background:linear-gradient(145deg,#0875e1,#1596f4)!important;
   border:1px solid #45aaff;
   box-shadow:0 10px 25px rgba(8,117,225,.35)
 }
 .mk-mobile-dock-main>span,.mk-mobile-dock-main>b{color:#fff!important}
 .mk-mobile-dock-main>span{font-size:20px!important}

 /* Hero refinement within whole mobile system */
 .mk-hero-v969{
   margin-top:0!important;
   border-bottom:1px solid #173354
 }
 .mk-hero-v969 .mk-hero-inner{
   padding-top:24px!important;
   padding-bottom:62px!important
 }
 .mk-hero-v969 .mk-hero-copy{
   padding:12px 11px 10px;
   border-left:1px solid rgba(77,153,225,.23);
   background:linear-gradient(90deg,rgba(7,29,55,.24),transparent)
 }
 .mk-hero-v969 h1{text-wrap:balance}
 .mk-hero-v969 .mk-hero-visual{
   border-top:1px solid rgba(77,153,225,.10)
 }

 /* Universal mobile section rhythm */
 .section,.mk-section,.product-catalog,.quote-center,.request-center,.customer-orders,.cart-page,.account-center{
   padding-top:34px!important;
   padding-bottom:46px!important
 }
 .container{
   width:min(100% - 28px,1420px)!important
 }
 .section-head h2,.mk-section-title,.account-section-head h2{
   font-size:clamp(25px,7vw,34px)!important;
   line-height:1.02!important;
   letter-spacing:-.025em!important
 }

 /* Cards get a consistent engineered geometry */
 .product-card-v966,.quote-card,.orders-list-panel,.order-detail-public,.account-content,
 .request-list>article,.portal-quick-grid>a{
   border-radius:12px!important;
   overflow:hidden
 }
 .product-card-v966{
   box-shadow:0 12px 28px rgba(17,35,58,.08)
 }
 .product-card-image{height:225px!important}
 .product-card-body{padding:17px!important}
 .product-card-body h2{font-size:17px!important}
 .product-card-body>p{min-height:0!important;font-size:10px!important}
 .product-card-bottom{align-items:center!important}
 .product-add-btn{padding:9px 10px!important;font-size:7px!important}

 /* Client portal as mobile app-like experience */
 .account-hero,.customer-page-head{
   padding:38px 0 30px!important;
   background:
     radial-gradient(circle at 92% 20%,#15497e 0,#0a2343 30%,#07152c 67%)!important
 }
 .account-hero h1,.customer-page-head h1{
   font-size:clamp(38px,10vw,48px)!important;
   line-height:.9!important;
   margin:10px 0!important
 }
 .account-layout{gap:13px!important}
 .account-nav{
   padding:11px!important;
   border-radius:12px!important;
   background:#07152c!important
 }
 .account-user{
   padding:7px 8px 11px!important
 }
 .account-nav nav{
   display:flex!important;
   overflow-x:auto!important;
   gap:6px!important;
   padding:7px 0 2px!important;
   scrollbar-width:none
 }
 .account-nav nav::-webkit-scrollbar{display:none}
 .account-nav nav a{
   min-width:max-content!important;
   min-height:38px!important;
   padding:0 11px!important;
   border:1px solid #203954!important;
   border-radius:8px!important;
   font-size:7.5px!important
 }
 .account-nav nav a.active{background:#0d294a!important;border-color:#3578ba!important}
 .account-user b{font-size:10px!important}
 .account-user span{font-size:7.5px!important}
 .account-content{padding:18px!important}
 .account-kpis{
   grid-template-columns:repeat(3,1fr)!important;
   gap:6px!important
 }
 .account-kpis>div{padding:12px 8px!important;border-radius:8px}
 .account-kpis span{font-size:6px!important;line-height:1.25}
 .account-kpis b{font-size:20px!important}
 .portal-quick-grid{gap:8px!important}
 .portal-quick-grid>a{
   min-height:150px!important;
   padding:17px!important
 }
 .portal-quick-grid b{font-size:15px!important;margin:15px 0 auto!important}
 .portal-quick-grid em{margin-top:18px!important}

 /* Quote and request cards */
 .quote-grid{gap:10px!important}
 .quote-card{padding:17px!important}
 .quote-card h2{font-size:18px!important}
 .quote-meta{margin:14px 0!important}
 .request-list>article{padding:15px!important}
 .request-list h2{font-size:14px!important}

 /* Auth becomes premium mobile card */
 .customer-auth{
   min-height:calc(100dvh - 68px)!important;
   padding:14px 10px 84px!important;
   background:
     radial-gradient(circle at 100% 0,#184e85 0,#0b274a 26%,#07152c 64%)!important
 }
 .customer-auth-shell{
   border-radius:16px!important;
   overflow:hidden!important;
   box-shadow:0 24px 60px rgba(0,0,0,.34)!important
 }
 .customer-auth-brand{
   padding:28px 21px!important
 }
 .customer-auth-brand h1{font-size:38px!important;letter-spacing:-2px!important}
 .customer-auth-brand>p{font-size:10px!important;margin-bottom:20px!important}
 .auth-feature{padding:9px 0!important;font-size:8px!important}
 .customer-auth-form{padding:27px 20px!important}
 .customer-auth-form h2{font-size:24px!important;margin-bottom:18px!important}
 .customer-auth-form input{min-height:44px!important}
 .customer-auth-form form>button{min-height:44px!important;border-radius:7px!important}

 /* Footer — denser, structured accordion-like columns */
 .mk-footer{
   padding-bottom:70px!important
 }
 .mk-footer-grid{
   gap:15px!important;
   padding:34px 0 24px!important
 }
 .mk-footer-grid>div{
   padding:15px 0!important;
   border-bottom:1px solid #152a42
 }
 .mk-footer-brand{padding-top:0!important}
 .mk-footer h4{margin-bottom:9px!important}
 .mk-footer-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 12px!important}
 .mk-footer-links a,.mk-footer-links span{
   font-size:9px!important;
   line-height:1.45!important
 }
 .mk-footer-cta{
   padding:16px!important;
   border-radius:10px!important;
   background:linear-gradient(145deg,#0b1d35,#0d2849)!important
 }
 .mk-footer-bottom{
   padding:15px 0 18px!important
 }

 /* WhatsApp becomes icon-only so it never competes with dock */
 .mk-wa{
   right:14px!important;
   bottom:82px!important;
   width:46px!important;
   height:46px!important;
   min-width:46px!important;
   min-height:46px!important;
   padding:0!important;
   border-radius:14px!important;
   display:grid!important;
   place-items:center!important;
   box-shadow:0 10px 28px rgba(0,0,0,.25)!important
 }
 .mk-wa-text{display:none!important}
 .mk-wa-icon{width:23px!important;height:23px!important}

 /* Cookie stays above bottom dock */
 .mk-cookie{
   bottom:max(76px,calc(68px + env(safe-area-inset-bottom)))!important;
   border-radius:14px!important
 }
}

@media(max-width:390px){
 .mk-header-inner{padding:0 10px!important}
 .mk-logo img{max-width:128px!important}
 .mk-mobile-dock{left:6px;right:6px}
 .mk-mobile-dock a>b{font-size:5.2px}
 .account-kpis{grid-template-columns:1fr 1fr 1fr!important}
 .account-kpis>div{padding:9px 6px!important}
 .account-kpis b{font-size:17px!important}
 .mk-footer-links{grid-template-columns:1fr!important}
}

/* Landscape mobile: keep dock compact and content accessible */
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){
 body{padding-bottom:58px}
 .mk-header{height:58px!important;min-height:58px!important}
 .mk-header-inner{height:58px!important;min-height:58px!important}
 .mk-logo{height:42px}.mk-logo img{max-height:36px!important}
 .mk-mobile-dock{height:50px}.mk-mobile-dock a{height:42px}.mk-mobile-dock-main{height:44px!important}
 .mk-nav{padding-top:72px!important}
 .mk-hero-v969{min-height:500px!important}
 .mk-wa{bottom:68px!important}
}


/* ==========================================================
   V9.6.13 MOBILE FINAL STABILITY LAYER
   ========================================================== */
@media(max-width:700px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 body{position:relative}
 *,*::before,*::after{box-sizing:border-box!important}
 img,svg,video,canvas,iframe{max-width:100%!important}

 .mk-header,.mk-header-inner,.mk-nav,.mk-hero,.mk-hero-slider,.mk-hero-track,.mk-hero-slide,
 .mk-hero-inner,.mk-hero-copy,.mk-hero-visual,.mk-footer,.mk-footer-grid,.mk-footer-bottom,
 .product-catalog,.product-grid-v966,.account-center,.account-layout,.account-content,
 .customer-orders,.customer-orders-grid,.quote-center,.quote-grid,.request-center,.request-list,
 .customer-auth,.customer-auth-shell,.commerce-hero,.commerce-hero-grid{
   min-width:0!important;max-width:100%!important
 }

 .container{
   width:calc(100% - 24px)!important;
   max-width:calc(100% - 24px)!important;
   margin-inline:auto!important;
   padding-inline:0!important
 }

 .mk-header{width:100%!important;left:0!important;right:0!important;height:64px!important;min-height:64px!important}
 .mk-header-inner{
   width:100%!important;max-width:100%!important;height:64px!important;min-height:64px!important;
   padding:0 12px!important;margin:0!important;
   display:grid!important;grid-template-columns:minmax(0,1fr) 38px 40px!important;gap:7px!important
 }
 .mk-logo{min-width:0!important;width:auto!important;overflow:hidden!important}
 .mk-logo img{display:block!important;width:auto!important;max-width:min(145px,46vw)!important;height:auto!important;max-height:40px!important}
 .mk-customer-tools{width:38px!important;min-width:38px!important;max-width:38px!important}
 .mk-account-link{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important}
 .mk-menu-btn{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important}

 .mk-nav{
   left:auto!important;right:0!important;width:min(82vw,330px)!important;max-width:330px!important;
   padding:82px 14px 94px!important;transform:translate3d(105%,0,0)!important;overflow-x:hidden!important
 }
 .mk-nav.open{transform:translate3d(0,0,0)!important}
 .mk-nav-item,.mk-nav-link,.mk-submenu,.mk-submenu a{width:100%!important;max-width:100%!important;min-width:0!important}
 .mk-nav-link{white-space:normal!important;overflow-wrap:anywhere!important}

 .mk-hero-v969{width:100%!important;min-height:560px!important;height:auto!important;overflow:hidden!important}
 .mk-hero-v969 .mk-hero-track{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .mk-hero-v969 .mk-hero-slide{width:100%!important;min-width:100%!important;max-width:100%!important;overflow:hidden!important}
 .mk-hero-v969 .mk-hero-inner{
   width:100%!important;max-width:100%!important;min-height:560px!important;
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 175px!important;
   gap:4px!important;padding:20px 14px 56px!important;overflow:hidden!important
 }
 .mk-hero-v969 .mk-hero-copy{
   width:100%!important;max-width:100%!important;min-width:0!important;
   padding:10px 8px 8px!important;margin:0!important;overflow:hidden!important
 }
 .mk-hero-v969 .mk-eyebrow{
   width:100%!important;max-width:100%!important;font-size:6px!important;letter-spacing:.13em!important;
   white-space:normal!important;overflow-wrap:anywhere!important
 }
 .mk-hero-v969 h1{
   width:100%!important;max-width:100%!important;font-size:clamp(30px,8.8vw,42px)!important;
   line-height:.9!important;letter-spacing:-.035em!important;margin:4px 0 8px!important;
   overflow:hidden!important;overflow-wrap:normal!important;word-break:normal!important
 }
 .mk-hero-v969 .mk-hero-copy>p{
   width:100%!important;max-width:100%!important;font-size:8.8px!important;line-height:1.4!important;
   margin:0 0 7px!important;-webkit-line-clamp:2!important
 }
 .mk-hero-v969 .mk-hero-actions{
   width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;
   gap:5px!important;margin:5px 0 0!important
 }
 .mk-hero-v969 .mk-hero-actions a{
   flex:0 1 auto!important;max-width:100%!important;min-height:30px!important;
   padding:6px 8px!important;font-size:6px!important;white-space:normal!important;text-align:center!important
 }
 .mk-hero-v969 .mk-hero-visual{
   width:100%!important;max-width:100%!important;height:175px!important;min-height:175px!important;
   overflow:hidden!important;margin:0!important
 }
 .mk-hero-v969 .mk-hero-visual picture{width:100%!important;height:100%!important;overflow:hidden!important}
 .mk-hero-v969 .mk-hero-visual picture img{
   width:auto!important;max-width:78%!important;height:160px!important;max-height:160px!important;
   object-fit:contain!important;margin:0 auto!important;padding:0!important
 }
 .mk-hero-v969 .mk-orbit{width:230px!important;height:230px!important;max-width:70vw!important;max-height:70vw!important}
 .mk-hero-v969 .mk-hero-spec{display:none!important}
 .mk-hero-v969 .mk-hero-controls{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important}

 .commerce-hero-grid,.product-grid-v966,.customer-orders-grid,.quote-grid,.portal-quick-grid,
 .account-layout,.customer-auth-shell{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:10px!important
 }
 .product-card-v966,.quote-card,.request-list>article,.portal-quick-grid>a,
 .orders-list-panel,.order-detail-public,.account-content{
   width:100%!important;max-width:100%!important;min-width:0!important
 }

 .product-card-image{width:100%!important;height:210px!important}
 .product-card-image img{width:100%!important;height:100%!important;object-fit:contain!important}
 .product-card-body{padding:15px!important}
 .product-card-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}

 .account-nav{width:100%!important;max-width:100%!important;padding:10px!important;overflow:hidden!important}
 .account-nav nav{
   width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
   display:flex!important;flex-wrap:nowrap!important
 }
 .account-nav nav a{flex:0 0 auto!important;max-width:220px!important}
 .account-kpis{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .account-kpis>div{min-width:0!important;overflow:hidden!important}
 .account-kpis span,.account-kpis b{overflow-wrap:anywhere!important}

 .customer-auth{width:100%!important;padding:12px 10px 82px!important;overflow:hidden!important}
 .customer-auth-shell{width:100%!important;max-width:100%!important;margin:0!important}
 .customer-auth-brand,.customer-auth-form{width:100%!important;max-width:100%!important;min-width:0!important}

 .mk-footer{width:100%!important;overflow:hidden!important}
 .mk-footer-grid,.mk-footer-bottom{width:100%!important;max-width:100%!important}
 .mk-footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .mk-footer-links{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
 .mk-footer-links a,.mk-footer-links span{max-width:100%!important;overflow-wrap:anywhere!important}

 .mk-mobile-dock{
   left:8px!important;right:8px!important;width:auto!important;max-width:none!important;
   grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:4px!important;overflow:visible!important
 }
 .mk-mobile-dock a{min-width:0!important;width:100%!important;overflow:hidden!important}
 .mk-mobile-dock a>b{width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}

 .mk-wa{right:12px!important;left:auto!important;bottom:78px!important}
 .mk-cookie{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;transform:none!important}

 .product-card-v966,.quote-card,.request-list>article,.account-content,.orders-list-panel,.order-detail-public{
   background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(8,117,225,.22),rgba(72,170,255,.05)) border-box!important;
   border:1px solid transparent!important;box-shadow:0 12px 26px rgba(15,34,57,.07)!important
 }
 .portal-quick-grid>a{position:relative!important;isolation:isolate!important}
 .portal-quick-grid>a:after{
   content:"";position:absolute;right:-24px;bottom:-24px;width:95px;height:95px;
   border:1px solid rgba(72,170,255,.18);border-radius:50%;
   box-shadow:0 0 0 18px rgba(72,170,255,.04);pointer-events:none;z-index:-1
 }
 .request-list>article,.project-portal-card{transition:none!important;transform:none!important}
}

@media(max-width:360px){
 .mk-header-inner{grid-template-columns:minmax(0,1fr) 36px 38px!important;padding:0 9px!important}
 .mk-logo img{max-width:118px!important}
 .mk-hero-v969 .mk-hero-inner{min-height:530px!important;grid-template-rows:auto 155px!important;padding:16px 11px 54px!important}
 .mk-hero-v969 h1{font-size:29px!important}
 .mk-hero-v969 .mk-hero-visual{height:155px!important;min-height:155px!important}
 .mk-hero-v969 .mk-hero-visual picture img{height:140px!important;max-height:140px!important;max-width:74%!important}
 .account-kpis{grid-template-columns:1fr!important}
}

/* V9.6.14 MOBILE FINAL */
@media(max-width:700px){
.mk-hero-v969 .mk-hero-track{display:flex!important;flex-wrap:nowrap!important;width:100%!important;height:100%!important;overflow:visible!important;transition:transform .62s cubic-bezier(.22,.75,.18,1)!important;will-change:transform!important}
.mk-hero-v969 .mk-hero-slide{position:relative!important;inset:auto!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.mk-hero-v969 [data-hero-type],.mk-hero-v969 [data-hero-actions],.mk-hero-v969 [data-hero-visual]{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
.mk-header-inner{grid-template-columns:minmax(0,1fr) 34px 38px!important;gap:6px!important}
.mk-account-link{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;padding:0!important;border-radius:11px!important}
.mk-menu-btn{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;padding:9px!important;border-radius:11px!important}
.mk-nav{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;height:100dvh!important;width:min(84vw,320px)!important;max-width:320px!important;margin:0!important;z-index:10020!important;overflow-y:auto!important}
.mk-mobile-nav-backdrop{position:fixed!important;inset:0!important;z-index:10010!important}
.mk-mobile-dock{position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;height:62px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:2px!important;padding:5px!important;border-radius:20px!important}
.mk-mobile-dock a,.mk-mobile-dock-main{width:100%!important;height:50px!important;min-width:0!important;transform:none!important}
#home-technology .mk-tech-grid,#home-process .mk-process-line,#home-projects .mk-home-project-grid,#home-references .mk-reference-grid,#home-news .mk-news-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
#home-technology .mk-tech-grid>a,#home-process .mk-process-step,#home-projects .mk-home-project,#home-references .mk-reference-card,#home-news .mk-news-grid>a{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;border-radius:10px!important;overflow:hidden!important}
#home-technology h3,#home-process h3,#home-projects h3,#home-references h3,#home-news h3{font-size:11px!important;line-height:1.2!important}
#home-technology p,#home-process p,#home-projects p,#home-references p,#home-news p{font-size:7.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#home-projects .mk-home-project .img,#home-news .mk-news-grid>a>img,#home-technology .mk-tech-card-image{width:100%!important;height:105px!important;object-fit:cover!important;border-radius:7px!important}
#home-projects .mk-home-project .img img{width:100%!important;height:100%!important;object-fit:cover!important}
#home-showcase{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
#home-showcase .mk-showcase-item{min-height:260px!important;height:260px!important;border-radius:12px!important;overflow:hidden!important}
#home-showcase .mk-showcase-content{width:100%!important;max-width:100%!important;height:100%!important;padding:12px!important;margin:0!important;display:flex!important;align-items:flex-end!important}
#home-showcase .mk-showcase-main h2{font-size:15px!important;line-height:1.05!important}
#home-showcase .mk-showcase-main p{font-size:7.5px!important;line-height:1.4!important}
#home-showcase .mk-spec-list{display:none!important}
}


/* ==========================================================
   V9.6.15 MOBILE FOOTER 2-COLUMN + PREMIUM HERO
   ========================================================== */
@media(max-width:700px){

 /* ---------- PREMIUM HERO COMPOSITION ---------- */
 .mk-hero-v969{
   min-height:590px!important;
   background:#061326!important;
   border-bottom:1px solid #173657!important;
 }
 .mk-hero-v969 .mk-hero-inner{
   min-height:590px!important;
   grid-template-rows:auto 205px!important;
   gap:10px!important;
   padding:22px 14px 60px!important;
 }

 .mk-hero-v969 .mk-hero-copy{
   position:relative!important;
   padding:14px 12px 12px!important;
   border:1px solid rgba(80,153,224,.18)!important;
   border-radius:14px!important;
   background:
      linear-gradient(180deg,rgba(15,45,79,.34),rgba(6,20,39,.14))!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
   overflow:visible!important;
 }
 .mk-hero-v969 .mk-hero-copy:before{
   content:"";
   position:absolute;
   left:12px;
   top:-1px;
   width:54px;
   height:2px;
   background:linear-gradient(90deg,#42a8ff,transparent);
 }
 .mk-hero-v969 .mk-eyebrow{
   display:inline-flex!important;
   align-items:center!important;
   gap:6px!important;
   width:auto!important;
   max-width:100%!important;
   padding:5px 7px!important;
   margin:0 0 7px!important;
   border:1px solid rgba(72,170,255,.20)!important;
   border-radius:999px!important;
   background:rgba(11,35,64,.55)!important;
   color:#7cc4ff!important;
   font-size:5.8px!important;
   letter-spacing:.14em!important;
 }
 .mk-hero-v969 .mk-eyebrow:before{
   content:"";
   width:5px;height:5px;
   border-radius:50%;
   background:#43b2ff;
   box-shadow:0 0 10px rgba(67,178,255,.8);
 }
 .mk-hero-v969 h1{
   font-size:clamp(31px,8.8vw,43px)!important;
   line-height:.89!important;
   letter-spacing:-.04em!important;
   margin:4px 0 9px!important;
   text-shadow:0 10px 30px rgba(0,0,0,.22);
 }
 .mk-hero-v969 .mk-hero-copy>p{
   font-size:8.8px!important;
   line-height:1.48!important;
   color:#b2c1d1!important;
   margin-bottom:9px!important;
 }

 .mk-hero-v969 .mk-hero-actions{
   display:grid!important;
   grid-template-columns:1fr 1fr!important;
   gap:6px!important;
   margin-top:8px!important;
 }
 .mk-hero-v969 .mk-hero-actions a{
   width:100%!important;
   min-height:34px!important;
   padding:8px 8px!important;
   border-radius:8px!important;
   font-size:6.1px!important;
   letter-spacing:.03em!important;
 }

 /* visual becomes a premium engineering stage */
 .mk-hero-v969 .mk-hero-visual{
   position:relative!important;
   height:205px!important;
   min-height:205px!important;
   border:1px solid rgba(77,151,223,.18)!important;
   border-radius:16px!important;
   background:
     radial-gradient(circle at 50% 48%,rgba(35,103,173,.25),transparent 48%),
     linear-gradient(180deg,rgba(11,37,69,.60),rgba(5,17,34,.88))!important;
   overflow:hidden!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 34px rgba(0,0,0,.18)!important;
 }
 .mk-hero-v969 .mk-hero-visual:before{
   content:"";
   position:absolute;
   inset:0;
   background-image:
     linear-gradient(rgba(77,151,223,.06) 1px,transparent 1px),
     linear-gradient(90deg,rgba(77,151,223,.06) 1px,transparent 1px);
   background-size:28px 28px;
   mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);
   pointer-events:none;
 }
 .mk-hero-v969 .mk-hero-visual picture{
   position:relative!important;
   z-index:2!important;
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   max-width:74%!important;
   height:168px!important;
   max-height:168px!important;
   filter:drop-shadow(0 18px 28px rgba(0,0,0,.46))!important;
 }
 .mk-hero-v969 .mk-orbit{
   width:240px!important;
   height:240px!important;
   opacity:.72!important;
 }
 .mk-hero-v969 .mk-orbit:before,
 .mk-hero-v969 .mk-orbit:after{
   opacity:.6!important;
 }

 /* technical corner markers */
 .mk-hero-v969 .mk-hero-visual:after{
   content:"MECHACORE / ENGINEERING";
   position:absolute;
   left:10px;
   bottom:9px;
   z-index:4;
   padding:5px 7px;
   border:1px solid rgba(92,175,255,.22);
   background:rgba(4,16,31,.62);
   color:#75bfff;
   font-size:5.2px;
   font-weight:900;
   letter-spacing:.12em;
   border-radius:6px;
 }

 /* slider controls become compact premium footer inside hero */
 .mk-hero-v969 .mk-hero-controls{
   left:14px!important;
   right:14px!important;
   bottom:11px!important;
   padding:0!important;
   align-items:center!important;
 }
 .mk-hero-v969 .mk-hero-pagination{
   display:flex!important;
   align-items:center!important;
   gap:6px!important;
   padding:6px 9px!important;
   border:1px solid rgba(83,153,221,.18)!important;
   border-radius:999px!important;
   background:rgba(4,17,33,.64)!important;
   backdrop-filter:blur(8px)!important;
 }
 .mk-hero-v969 .mk-hero-arrow{
   width:32px!important;
   height:32px!important;
   border-radius:9px!important;
   background:rgba(6,24,45,.76)!important;
   border:1px solid #2e4f70!important;
 }
 .mk-hero-v969 .mk-hero-arrow:hover{
   background:#0b3158!important;
 }

 /* ---------- MOBILE FOOTER 2-COLUMN ---------- */
 .mk-footer{
   padding-bottom:76px!important;
 }
 .mk-footer-grid{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:10px!important;
   padding:30px 0 20px!important;
 }
 .mk-footer-grid>div{
   min-width:0!important;
   width:100%!important;
   margin:0!important;
   padding:14px!important;
   border:1px solid #162d47!important;
   border-radius:12px!important;
   background:linear-gradient(180deg,#07182d,#061426)!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
 }
 .mk-footer-brand{
   grid-column:1/-1!important;
   display:grid!important;
   grid-template-columns:120px minmax(0,1fr)!important;
   align-items:center!important;
   gap:12px!important;
 }
 .mk-footer-brand img{
   max-width:115px!important;
   max-height:55px!important;
   margin:0!important;
 }
 .mk-footer-brand p{
   margin:0!important;
   font-size:8px!important;
   line-height:1.5!important;
   color:#8ea2b8!important;
 }
 .mk-footer h4{
   margin:0 0 9px!important;
   font-size:8px!important;
   color:#fff!important;
   letter-spacing:.10em!important;
 }
 .mk-footer-links{
   display:grid!important;
   grid-template-columns:1fr!important;
   gap:6px!important;
 }
 .mk-footer-links a,.mk-footer-links span{
   display:block!important;
   font-size:8px!important;
   line-height:1.4!important;
   color:#8fa4bb!important;
   overflow-wrap:anywhere!important;
 }
 .mk-footer-links a:hover{color:#56b0ff!important}

 .mk-footer-cta{
   grid-column:1/-1!important;
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   align-items:center!important;
   gap:12px!important;
   padding:16px!important;
   background:
    linear-gradient(135deg,#0b2341,#0a1a31)!important;
   border:1px solid #254769!important;
   border-radius:12px!important;
 }
 .mk-footer-cta h4{font-size:10px!important}
 .mk-footer-cta p{font-size:8px!important;line-height:1.5!important}
 .mk-footer-cta a{
   min-width:max-content!important;
   padding:9px 10px!important;
   font-size:6px!important;
   border-radius:7px!important;
 }

 .mk-footer-bottom{
   display:grid!important;
   grid-template-columns:1fr!important;
   gap:8px!important;
   padding:14px 0 16px!important;
   text-align:center!important;
 }
 .mk-footer-bottom>*{
   justify-content:center!important;
 }
}

@media(max-width:380px){
 .mk-footer-grid{gap:7px!important}
 .mk-footer-grid>div{padding:11px!important}
 .mk-footer-brand{
   grid-template-columns:95px minmax(0,1fr)!important;
 }
 .mk-footer-brand img{max-width:92px!important}
 .mk-footer h4{font-size:7px!important}
 .mk-footer-links a,.mk-footer-links span{font-size:7.3px!important}
 .mk-footer-cta{
   grid-template-columns:1fr!important;
 }
 .mk-footer-cta a{
   justify-self:start!important;
 }
 .mk-hero-v969 .mk-hero-inner{
   grid-template-rows:auto 190px!important;
 }
 .mk-hero-v969 .mk-hero-visual{
   height:190px!important;
   min-height:190px!important;
 }
 .mk-hero-v969 .mk-hero-visual picture img{
   height:155px!important;
   max-height:155px!important;
 }
}


/* ==========================================================
   V9.6.16 MOBILE FOOTER CTA CENTER + PREMIUM BOTTOM NAV
   ========================================================== */
@media(max-width:700px){

  /* Footer project CTA fully centered */
  .mk-footer-cta{
    grid-column:1/-1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
    min-height:180px!important;
    padding:24px 18px!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(34,111,191,.18),transparent 48%),
      linear-gradient(180deg,#0a1e37,#07182d)!important;
  }

  .mk-footer-cta>div{
    width:100%!important;
    max-width:440px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  .mk-footer-cta h4{
    margin:0 0 8px!important;
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
    text-align:center!important;
  }

  .mk-footer-cta p{
    margin:0 auto!important;
    max-width:420px!important;
    font-size:9px!important;
    line-height:1.55!important;
    text-align:center!important;
    color:#91a4b9!important;
  }

  .mk-footer-cta a{
    min-width:190px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:8px auto 0!important;
    padding:10px 16px!important;
    border-radius:10px!important;
    font-size:7px!important;
    letter-spacing:.04em!important;
    box-shadow:0 10px 24px rgba(10,126,230,.22)!important;
  }

  /* Footer bottom text centered and compact */
  .mk-footer-bottom{
    text-align:center!important;
    justify-items:center!important;
  }

  .mk-footer-bottom>div,
  .mk-footer-bottom-links{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .mk-footer-bottom-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
  }

  .mk-footer-bottom-links a,
  .mk-footer-bottom-links button{
    font-size:7.5px!important;
  }

  /* Premium mobile bottom navigation */
  .mk-mobile-dock{
    left:12px!important;
    right:12px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:68px!important;
    padding:5px 6px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    border:1px solid rgba(89,143,197,.28)!important;
    border-radius:22px!important;
    background:
      linear-gradient(180deg,rgba(8,24,45,.97),rgba(4,14,29,.98))!important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.03)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    overflow:visible!important;
  }

  .mk-mobile-dock a{
    position:relative!important;
    width:100%!important;
    height:56px!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:3px!important;
    border-radius:14px!important;
    color:#91a4b9!important;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }

  .mk-mobile-dock a:active{
    transform:scale(.96)!important;
    background:#0c2948!important;
  }

  .mk-mobile-dock a>span{
    width:26px!important;
    height:26px!important;
    display:grid!important;
    place-items:center!important;
    font-size:15px!important;
    line-height:1!important;
    color:#9fb3c8!important;
  }

  .mk-mobile-dock a>b{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:5.8px!important;
    line-height:1.05!important;
    font-weight:800!important;
    text-align:center!important;
    color:#8ea1b5!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* central project action: floating but proportional */
  .mk-mobile-dock-main{
    height:64px!important;
    margin-top:-18px!important;
    border-radius:18px!important;
    background:
      linear-gradient(145deg,#087ee9,#20a1ff)!important;
    border:1px solid rgba(113,196,255,.62)!important;
    box-shadow:
      0 12px 28px rgba(8,126,233,.36),
      inset 0 1px 0 rgba(255,255,255,.22)!important;
    overflow:visible!important;
  }

  .mk-mobile-dock-main:before{
    content:"";
    position:absolute;
    inset:-5px;
    border:1px solid rgba(62,163,246,.18);
    border-radius:22px;
    pointer-events:none;
  }

  .mk-mobile-dock-main>span{
    width:30px!important;
    height:30px!important;
    font-size:24px!important;
    color:#fff!important;
  }

  .mk-mobile-dock-main>b{
    font-size:6px!important;
    color:#fff!important;
  }

  /* active-feeling hover for normal dock links */
  .mk-mobile-dock a:not(.mk-mobile-dock-main):hover{
    background:#0a223d!important;
  }

  /* WhatsApp remains visually separate from dock */
  .mk-wa{
    right:14px!important;
    bottom:88px!important;
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  }
}

@media(max-width:380px){
  .mk-footer-cta{
    min-height:165px!important;
    padding:20px 14px!important;
  }
  .mk-footer-cta h4{
    font-size:14px!important;
  }
  .mk-footer-cta p{
    font-size:8.3px!important;
  }
  .mk-footer-cta a{
    min-width:170px!important;
    min-height:39px!important;
  }

  .mk-mobile-dock{
    left:7px!important;
    right:7px!important;
    gap:2px!important;
    padding:4px!important;
  }

  .mk-mobile-dock a{
    padding:2px!important;
  }

  .mk-mobile-dock a>span{
    width:23px!important;
    height:23px!important;
    font-size:13px!important;
  }

  .mk-mobile-dock a>b{
    font-size:5.2px!important;
  }

  .mk-mobile-dock-main{
    margin-top:-15px!important;
    height:60px!important;
  }
}

/* V9.6.17 Google fast membership */
.google-fast-auth{
 display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;
 min-height:48px;margin:0 0 15px;padding:6px 12px;border:1px solid #d9e1ea;border-radius:8px;
 background:#fff;color:#223047!important;text-decoration:none!important;box-shadow:0 4px 16px rgba(20,38,61,.04);
 transition:border-color .2s,box-shadow .2s,transform .2s
}
.google-fast-auth:hover{border-color:#aebfd3;box-shadow:0 9px 24px rgba(20,38,61,.08);transform:translateY(-1px)}
.google-fast-auth .google-g-mark{
 width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e1e5ea;
 color:#4285f4;font:900 16px/1 Arial,sans-serif
}
.google-fast-auth b{font-size:10px;text-align:center}.google-fast-auth em{font-style:normal;color:#8290a1;text-align:right}
.auth-divider{position:relative;text-align:center;margin:15px 0}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e9ee}
.auth-divider span{position:relative;padding:0 10px;background:#fff;color:#97a1ae;font-size:8px}
.google-privacy-note{margin:-5px 0 12px;color:#8a96a6;font-size:8px;line-height:1.5;text-align:center}
@media(max-width:700px){
 .google-fast-auth{min-height:46px;margin-bottom:12px}.google-fast-auth b{font-size:9px}
}

/* V9.6.18 customer password reset */
.auth-forgot-row{display:flex;justify-content:flex-end;align-items:center;margin-top:-6px}
.auth-forgot-row a{font-size:8px;font-weight:800;color:#167de0;text-decoration:none}
.auth-forgot-row a:hover{text-decoration:underline}


/* ==========================================================
   V9.6.19 MOBILE READABILITY + NAV TYPOGRAPHY
   ========================================================== */
@media(max-width:700px){

 /* Home cards: readable text, no overlapping glyphs */
 #home-technology h3,
 #home-process h3,
 #home-projects h3,
 #home-references h3,
 #home-news h3,
 #home-showcase .mk-showcase-main h2{
   font-size:clamp(13px,3.8vw,16px)!important;
   line-height:1.24!important;
   letter-spacing:0!important;
   word-spacing:0!important;
   font-weight:800!important;
   font-kerning:normal!important;
   text-rendering:optimizeLegibility!important;
   overflow-wrap:break-word!important;
   word-break:normal!important;
   white-space:normal!important;
   margin:7px 0 8px!important;
   min-height:auto!important;
 }

 #home-technology p,
 #home-process p,
 #home-projects p,
 #home-references p,
 #home-news p,
 #home-showcase .mk-showcase-main p{
   font-size:9.4px!important;
   line-height:1.55!important;
   letter-spacing:.005em!important;
   color:#b8c5d4!important;
   -webkit-line-clamp:4!important;
 }

 #home-process .mk-process-step,
 #home-technology .mk-tech-grid>a,
 #home-projects .mk-home-project,
 #home-references .mk-reference-card,
 #home-news .mk-news-grid>a{
   padding:13px!important;
 }

 #home-process .mk-process-step>b,
 #home-technology .mk-tech-grid>a>span,
 #home-projects .mk-home-project>span,
 #home-references .mk-reference-card>span,
 #home-news .mk-news-grid>a>span{
   font-size:8px!important;
   line-height:1.3!important;
   letter-spacing:.08em!important;
 }

 #home-showcase .mk-showcase-item{
   min-height:285px!important;
   height:285px!important;
 }
 #home-showcase .mk-showcase-content{padding:14px!important}
 #home-showcase .mk-showcase-main a{
   font-size:7.2px!important;
   line-height:1.2!important;
   letter-spacing:.05em!important
 }

 /* Bottom mobile nav: larger and clearer */
 .mk-mobile-dock{
   height:72px!important;
   padding:6px 7px!important;
   border-radius:21px!important;
 }
 .mk-mobile-dock a{
   height:58px!important;
   gap:5px!important;
 }
 .mk-mobile-dock a>span{
   width:28px!important;
   height:28px!important;
   font-size:17px!important;
   color:#c3d1df!important;
 }
 .mk-mobile-dock a>b{
   font-size:7px!important;
   line-height:1.12!important;
   font-weight:850!important;
   color:#c1ccda!important;
   opacity:1!important;
   text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
 }
 .mk-mobile-dock-main{
   height:66px!important;
   margin-top:-18px!important;
 }
 .mk-mobile-dock-main>span{
   width:31px!important;
   height:31px!important;
   font-size:25px!important;
 }
 .mk-mobile-dock-main>b{
   font-size:7.2px!important;
   color:#fff!important;
 }

 /* Forgot password is visibly actionable */
 .auth-forgot-row{
   margin:2px 0 10px!important;
   justify-content:flex-end!important;
 }
 .auth-forgot-row a{
   display:inline-flex!important;
   align-items:center!important;
   min-height:34px!important;
   padding:7px 10px!important;
   border-radius:8px!important;
   background:#eef6ff!important;
   color:#096fcf!important;
   font-size:9px!important;
   font-weight:850!important;
   text-decoration:none!important;
 }
 .auth-forgot-row a:before{
   content:"↻";
   margin-right:6px;
   font-size:11px;
 }
}

@media(max-width:380px){
 #home-technology h3,
 #home-process h3,
 #home-projects h3,
 #home-references h3,
 #home-news h3,
 #home-showcase .mk-showcase-main h2{
   font-size:12.5px!important;
 }
 #home-technology p,
 #home-process p,
 #home-projects p,
 #home-references p,
 #home-news p,
 #home-showcase .mk-showcase-main p{
   font-size:8.8px!important;
 }
 .mk-mobile-dock a>b{font-size:6.4px!important}
}
/* Luxor Kimya Lite 1.0 overrides */
:root{--luxor-green:#9acb3b;--luxor-lime:#d7ef78;--luxor-ink:#0b120d;--luxor-paper:#f7f9f3}
.mk-body{background:var(--luxor-paper)}
.mk-header{border-bottom:1px solid rgba(154,203,59,.18)}
.mk-project-btn,.mk-hero-actions a:not(.outline),.mk-final-cta a,.mk-footer-cta a{background:var(--luxor-green)!important;color:#091009!important}
.mk-eyebrow,.mk-section-title>span,.mk-section-title em,.mk-hero-spec b{color:var(--luxor-green)!important}
.mk-hero{background:linear-gradient(135deg,#071008,#132015)}
.mk-hero-slide:before{background:radial-gradient(circle at 75% 42%,rgba(154,203,59,.18),transparent 38%)}
.mk-showcase-item:after{background:linear-gradient(90deg,rgba(7,16,8,.94),rgba(7,16,8,.5),rgba(7,16,8,.15))}
.product-inquiry-btn{background:var(--luxor-green)!important;color:#091009!important}
.mk-wa{background:#25D366!important}
@media(max-width:760px){.mk-hero-copy h1{font-size:clamp(38px,11vw,58px)!important}.mk-project-btn{display:none}.mk-footer-grid{grid-template-columns:1fr 1fr!important}}
/* V11.5 global premium corporate header */
.lux-topbar .lux-wrap{gap:28px}.lux-topbar-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.lux-topbar-brand>b{flex:none}.lux-header.nexava-header{background:rgba(255,255,255,.985);box-shadow:0 12px 38px rgba(25,21,12,.055)}.nexava-header .lux-head-main{height:92px}.lux-logo{min-width:250px}.lux-logo img{max-width:220px!important;max-height:64px!important}.lux-company-signature{display:flex;flex-direction:column;border-left:1px solid #e8e1d2;padding-left:18px;min-width:185px}.lux-company-signature b{font-size:11px;letter-spacing:.13em}.lux-company-signature small{margin-top:4px;font-size:8px;letter-spacing:.11em;color:#8b8170}.lux-support{border-right:0!important;padding-right:8px!important}.lux-support-icon{background:#25d366!important;color:#fff!important;border:0!important}.lux-head-actions .lux-market-action{min-width:152px!important;height:56px!important;display:flex!important;flex-direction:row!important;gap:9px!important;border-radius:12px!important}.lux-head-actions .lux-market-action>span{font-size:21px}.lux-head-actions .lux-market-action small{align-items:flex-start!important}.lux-nav-inner:before{content:"LUXOR KİMYA";font-size:8px;font-weight:900;letter-spacing:.18em;color:var(--gold,#c99412);margin-right:10px;padding-right:20px;border-right:1px solid #ece6da}.lux-nav-item:last-child{margin-left:0!important}.lux-nav-inner:after{content:"ÜRETİM • KALİTE • GÜVEN";margin-left:auto;font-size:8px;font-weight:800;letter-spacing:.12em;color:#9a9182}.mk-wa{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;font-size:0!important}.mk-wa span{display:none!important}.mk-wa:before{content:"";width:27px;height:27px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M16.04 3A12.8 12.8 0 0 0 5.2 22.6L3.5 29l6.55-1.72A12.84 12.84 0 1 0 16.04 3Zm0 23.45a10.55 10.55 0 0 1-5.38-1.47l-.38-.22-3.89 1.02 1.04-3.79-.25-.39a10.57 10.57 0 1 1 8.86 4.85Zm5.8-7.9c-.32-.16-1.88-.93-2.17-1.03-.29-.11-.5-.16-.71.16-.21.32-.82 1.03-1 1.24-.19.21-.37.24-.69.08-.32-.16-1.34-.49-2.55-1.57-.94-.84-1.58-1.88-1.76-2.2-.19-.32-.02-.49.14-.65.14-.14.32-.37.48-.56.16-.18.21-.32.32-.53.1-.21.05-.4-.03-.56-.08-.16-.71-1.72-.98-2.35-.26-.62-.52-.54-.71-.55h-.61c-.21 0-.56.08-.85.4-.29.32-1.11 1.08-1.11 2.64s1.14 3.07 1.3 3.28c.16.21 2.24 3.42 5.43 4.8.76.33 1.35.52 1.81.67.76.24 1.45.21 2 .13.61-.09 1.88-.77 2.14-1.51.27-.74.27-1.38.19-1.51-.08-.13-.29-.21-.61-.37Z'/%3E%3C/svg%3E")}
@media(max-width:1180px){.lux-company-signature{display:none}.lux-logo{min-width:210px}.lux-nav-inner:after{display:none}}@media(max-width:980px){.lux-nav-inner:before{display:none}}@media(max-width:620px){.mk-wa{width:50px!important;height:50px!important}}