/* mock-up styles, scoped under .mkx-port; written by scripts/port_mockup.py */
.mkx-port{--ink:#1D1D1F;--ground:#FFFFFF;--stone:#F2F1EE;--line:#DAD8D3;--black:#000;--muted:#5E5E63;--onblack:#F5F5F7;--onblack-muted:#A1A1A6;--link:#007C79;--link-onblack:#3FD0CC;--brown:#6D3628;
  --font:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;--arabic:'IBM Plex Sans Arabic','Geeza Pro',Tahoma,sans-serif;
  --gut:max(20px,env(safe-area-inset-left,0px));--gutR:max(20px,env(safe-area-inset-right,0px));color-scheme:light}
.mkx-port *{box-sizing:border-box}
.mkx-port{scroll-behavior:smooth}
.mkx-port{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
.mkx-port::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--black);z-index:30}
.mkx-port img{max-width:100%;height:auto;display:block}
.mkx-port a{color:inherit}
.mkx-port h1,.mkx-port h2,.mkx-port h3{margin:0;font-weight:600;letter-spacing:-0.035em;line-height:1.05;text-wrap:balance}
.mkx-port p{margin:0}
.mkx-port button,.mkx-port input{font:inherit;color:inherit}
.mkx-port .wrap{max-width:1280px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gutR)}
.mkx-port .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mkx-port :focus-visible{outline:3px solid var(--link);outline-offset:3px}
.mkx-port .more{color:var(--link);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.mkx-port .more::after{content:"\203A";margin-inline-start:6px;font-size:1.15em;transition:transform .2s}
.mkx-port .more:hover{text-decoration:underline;text-underline-offset:4px}
.mkx-port .more:hover::after{transform:translateX(3px)}
.mkx-port .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ink);color:#FFF;text-decoration:none;font-weight:600;font-size:17px;border:0;cursor:pointer;transition:background .15s,transform .15s}
.mkx-port .btn:hover{background:#3A3A3C}
.mkx-port .btn:active{transform:translateY(1px)}
.mkx-port .crumbs{font-size:13px;color:var(--muted);padding-block:14px 0}
.mkx-port .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 8px;align-items:center}
.mkx-port .crumbs li+li::before{content:"\203A";margin-inline-end:8px}
.mkx-port .crumbs a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.mkx-port .crumbs a:hover{color:var(--ink);text-decoration:underline}
.mkx-port .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mkx-port .chip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--ground);cursor:pointer;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s}
.mkx-port .chip:hover{border-color:#A9A6A0}
.mkx-port .chip[aria-pressed="true"],.mkx-port .chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#FFF}
.mkx-port .chip .n{font-size:13px;opacity:.65;font-variant-numeric:tabular-nums}
.mkx-port .serp{font-family:Arial,sans-serif;max-width:600px;min-width:0}
.mkx-port .serp .site{display:flex;gap:10px;align-items:center;font-size:13px;color:#202124}
.mkx-port .serp .fav{width:28px;height:28px;border-radius:50%;background:var(--black);display:grid;place-items:center;flex:none}
.mkx-port .serp .fav img{width:20px}
.mkx-port .serp .url{font-size:13px;color:#4D5156}
.mkx-port .serp .t{font-size:22px;color:#1A0DAB;margin:6px 0 4px;line-height:1.3}
.mkx-port .serp .d{font-size:13px;color:#4D5156;line-height:1.58}
@media (max-width:900px){}
@media (prefers-reduced-motion:reduce){.mkx-port *,.mkx-port *::before,.mkx-port *::after{transition:none !important;animation:none !important}
.mkx-port{scroll-behavior:auto}}
.mkx-port .visit{background:var(--stone);padding-block:20px}
.mkx-port .ask+.visit,.mkx-port .ask+#visit>.visit{padding-top:0;padding-bottom:28px}
.mkx-port .visit .vrow{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.mkx-port .ask+.visit .vrow,.mkx-port .ask+#visit>.visit .vrow{border-top:1px solid var(--line);padding-top:18px}
.mkx-port .visit .vpin{flex:none;width:40px;height:40px;border-radius:50%;background:#FFF;display:grid;place-items:center;color:var(--ink)}
.mkx-port .visit .vtx{flex:1 1 320px;min-width:0}
.mkx-port .visit h2{font-size:17px;font-weight:700;letter-spacing:0;line-height:1.3}
.mkx-port .visit p{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.45}
.mkx-port .visit p a{color:inherit}
.mkx-port .visit .dot{padding-inline:2px}
.mkx-port .visit .vgo{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;background:#FFF}
.mkx-port .visit .vgo:hover{background:var(--ink);color:#FFF}
.mkx-port .visit .vgo span{margin-inline-start:6px}
@media (max-width:600px){.mkx-port .visit .vpin{display:none}
.mkx-port .visit .vgo{width:100%;justify-content:center}}
.mkx-port .shero{text-align:center;padding-block:28px 0}
.mkx-port .shero .eb{font-size:17px;font-weight:600;color:var(--muted)}
.mkx-port .shero h1{font-size:clamp(72px,11vw,72px);letter-spacing:-0.05em;margin-top:6px}
.mkx-port .shero .lead{font-size:clamp(22px,2.4vw,30px);font-weight:500;letter-spacing:-0.02em;margin-top:10px;max-width:24em;margin-inline:auto}
.mkx-port .shero .ctas{display:flex;gap:12px 28px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:26px}
.mkx-port .shero .ph{margin-top:26px}
.mkx-port .shero .ph img{width:100%;aspect-ratio:16/8;object-fit:cover}
.mkx-port .sec{padding-block:52px}
.mkx-port .sec h2{font-size:clamp(30px,5vw,72px)}
.mkx-port .sec .sub{font-size:clamp(17px,1.6vw,22px);color:var(--muted);margin-top:14px;max-width:38em}
.mkx-port .ctr{text-align:center}
.mkx-port .ctr .sub{margin-inline:auto}
.mkx-port .onb{background:var(--black);color:var(--onblack)}
.mkx-port .onb .sub{color:var(--onblack-muted)}
.mkx-port .sec.onb.ctr.wh{padding-block:36px}
.mkx-port .wh h2{font-size:clamp(22px,2.6vw,30px)}
.mkx-port .wh .sub{font-size:17px;margin-top:6px}
.mkx-port .where{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#2C2C2E;border:1px solid #2C2C2E}
.mkx-port .where li{background:var(--black);padding:16px 14px;display:flex;flex-direction:column;gap:6px;text-align:start}
.mkx-port .where li svg{width:28px;height:28px}
.mkx-port .where b{font-size:17px;font-weight:600;letter-spacing:-0.01em;line-height:1.25}
.mkx-port .where p{color:var(--onblack-muted);font-size:13px;line-height:1.4}
.mkx-port .where .ok{font-size:13px;font-weight:600;color:#7EE2A8;display:inline-flex;gap:6px;align-items:center}
.mkx-port .cpick{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:start}
.mkx-port .cpk{padding-top:36px}
.mkx-port .cview{position:sticky;top:84px;margin:0}
.mkx-port .cbp{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--stone)}
.mkx-port .cbp #croom,.mkx-port .cbp canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.mkx-port .cbp .ins{position:absolute;inset-inline-start:14px;bottom:14px;width:24%;aspect-ratio:1;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.mkx-port .cpk .lbl{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.mkx-port .cpk .dlt{margin-top:18px}
.mkx-port .cview img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--stone)}
.mkx-port .cview .rm{aspect-ratio:1;background:var(--stone);display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;padding:20px}
.mkx-port .cview figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.mkx-port .cname{font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-0.03em}
.mkx-port .fam{font-size:13px;font-weight:600;color:var(--muted);margin-top:22px}
.mkx-port .sws{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mkx-port .sw{width:52px;height:52px;border-radius:50%;border:0;padding:0;cursor:pointer;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.mkx-port .sw[aria-checked="true"]{box-shadow:0 0 0 2px #FFF,0 0 0 4px var(--ink)}
.mkx-port .ctab{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px}
.mkx-port .ctab th{text-align:start;font-weight:600;padding:10px 8px 10px 0;border-bottom:1px solid var(--ink);font-size:13px;color:var(--muted)}
.mkx-port .ctab td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:middle}
.mkx-port .ctab .cp{min-height:44px;min-width:44px;border:0;background:none;color:var(--link);font-weight:600;cursor:pointer;padding:0 4px}
.mkx-port .ctab .st{font-size:13px;font-weight:600;background:#E7F5EC;color:#1C5B33;border-radius:4px;padding:2px 6px;white-space:nowrap}
.mkx-port .scale{margin-top:29px;overflow-x:auto}
.mkx-port .sec.szs{padding-block:44px}
.mkx-port .szl{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;font-size:15px}
.mkx-port .szl li{background:#FFF;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}
.mkx-port .szl b{display:block;font-size:clamp(22px,1.8vw,22px);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.mkx-port .szl span{color:var(--muted)}
.mkx-port .facts{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.mkx-port .facts b{display:block;font-size:clamp(44px,4.6vw,72px);font-weight:600;letter-spacing:-0.04em;line-height:1}
.mkx-port .facts i{display:block;font-style:normal;font-weight:600;margin-top:14px}
.mkx-port .facts span{display:block;color:var(--muted);margin-top:6px;font-size:17px}
.mkx-port .tech{margin-top:38px}
.mkx-port .tech summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--link)}
.mkx-port .tech table{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px}
.mkx-port .tech th,.mkx-port .tech td{text-align:start;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.mkx-port .tech th{font-weight:600;width:24%}
.mkx-port .tech td.n{color:var(--muted);font-size:13px}
.mkx-port .gal{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:24px;padding-bottom:8px;scrollbar-width:thin}
.mkx-port .gal figure{margin:0;flex:0 0 min(78%,720px);scroll-snap-align:start}
.mkx-port .gal img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--stone)}
.mkx-port .gal figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.mkx-port .gal figcaption b{color:var(--onblack)}
.mkx-port .dls{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mkx-port .dls a{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px solid var(--line);border-radius:16px;text-decoration:none;min-height:44px}
.mkx-port .dls a:hover{border-color:var(--ink)}
.mkx-port .dls b{font-size:17px}
.mkx-port .dls span{font-size:13px;color:var(--muted)}
.mkx-port .enq{background:var(--stone)}
.mkx-port .enqg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.mkx-port .form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.mkx-port .form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.mkx-port .form input,.mkx-port .form select,.mkx-port .form textarea{min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;font-size:17px;background:#FFF;color:var(--ink)}
.mkx-port .form .full{grid-column:1/-1}
.mkx-port .form .row{grid-column:1/-1;display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}
.mkx-port .form .tiny{font-size:13px;color:var(--muted);font-weight:400}
.mkx-port .alt{display:flex;flex-direction:column;gap:8px;margin-top:22px}
@media (max-width:900px){.mkx-port .cview{position:static}
.mkx-port .cview figcaption{padding-inline:0}
.mkx-port .cbp .ins{width:28%;inset-inline-start:12px;bottom:12px}
.mkx-port .cpk{padding-top:24px}
.mkx-port .where{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.mkx-port .where li{padding:12px}
.mkx-port .where p,.mkx-port .where .ok{display:none}
.mkx-port .scale svg{min-width:620px}
.mkx-port .ctab td:first-child{white-space:nowrap}
.mkx-port .ctab{font-size:13px}
.mkx-port .cpick,.mkx-port .enqg{grid-template-columns:1fr;gap:28px}
.mkx-port .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
.mkx-port .szl{grid-template-columns:repeat(2,minmax(0,1fr))}
.mkx-port .dls{grid-template-columns:1fr}
.mkx-port .sec{padding-block:36px}
.mkx-port .shero{padding-block:32px 0}
.mkx-port .shero .ph img{aspect-ratio:4/3}
.mkx-port .shero .ph{margin-inline:calc(var(--gut)*-1)}
.mkx-port .gal figure{flex-basis:86%}
.mkx-port .tech th{width:38%}}
@media (max-width:560px){.mkx-port .form{grid-template-columns:1fr}}
.mkx-port .shero .dltc{display:flex;justify-content:center;margin-top:14px}
.mkx-port .shero .dltc .dlt{margin-top:0}
.mkx-port .dlt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:18px;font-size:15px}
.mkx-port .dlt>span{font-weight:600;color:var(--muted);margin-inline-end:4px}
.mkx-port .dlt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:600;color:var(--ink);background:#FFF}
.mkx-port .dlt a:hover{border-color:var(--ink)}
.mkx-port .dlt .dlx{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px dashed var(--line);border-radius:999px;font-weight:600;color:var(--muted)}
.mkx-port .dlt.on-photo>span{color:rgba(255,255,255,.85)}
.mkx-port .dlt.on-photo a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#FFF;backdrop-filter:blur(6px)}
.mkx-port .dlb{padding-block:32px;border-top:1px solid var(--line)}
.mkx-port .dlb .dlh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.mkx-port .dlb h2{font-size:clamp(22px,2vw,22px);letter-spacing:-0.01em}
.mkx-port .dlb .dlh .sub{font-size:15px;color:var(--muted);margin:0}
.mkx-port .dlb .dls{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px}
.mkx-port .dlb .dls a,.mkx-port .dlb .dlx2{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px 10px 10px;min-height:64px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.mkx-port .dlb .dlx2{border-style:dashed}
.mkx-port .dlb .dls a:hover{border-color:var(--ink)}
.mkx-port .dlb .ft{flex:none;width:44px;height:44px;border-radius:8px;background:var(--stone);display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink);text-transform:uppercase}
.mkx-port .dlb .dtx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mkx-port .dlb .dls b,.mkx-port .dlb .dlx2 b{font-size:15px;line-height:1.3}
.mkx-port .dlb .dtx>span{font-size:13px;color:var(--muted);line-height:1.35}
.mkx-port .dlb .dls a>svg{flex:none;color:var(--muted)}
.mkx-port .dlb .dls a:hover>svg{color:var(--ink)}
.mkx-port .ask{background:var(--stone);padding-block:28px 20px}
.mkx-port .ask>.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:end}
.mkx-port .ask h2{font-size:clamp(22px,2vw,22px);letter-spacing:-0.01em;line-height:1.2}
.mkx-port .ask .sub{font-size:13px;color:var(--muted);margin-top:4px}
.mkx-port .ask .sub a{color:inherit}
.mkx-port .askf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:0}
.mkx-port .askf label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.mkx-port .askf input,.mkx-port .askf select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;font-size:17px;letter-spacing:0;text-transform:none;font-weight:400;background:#FFF;color:var(--ink);width:100%}
.mkx-port .askf input:focus,.mkx-port .askf select:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.mkx-port .askf .btn{min-height:44px;padding:0 24px;font-size:17px}
.mkx-port .askf .tiny{grid-column:1/-1;font-size:13px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}
.mkx-port .askf .tiny:empty{display:none}
@media (min-width:1100px){.mkx-port .ask>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);gap:32px}}
@media (max-width:900px){.mkx-port .askf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mkx-port .askf .btn{grid-column:1/-1;width:100%}}
.mkx-port .gf{border-bottom:1px solid var(--line)}
.mkx-port .gf>summary{cursor:pointer;list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.mkx-port .gf>summary::-webkit-details-marker{display:none}
.mkx-port .gf>summary>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mkx-port .gf>summary h2,.mkx-port .gf>summary h3{margin:0}
.mkx-port .gf .gn{font-size:13px;color:var(--muted)}
.mkx-port .gf>summary::after{content:"+";font-size:30px;line-height:1;color:var(--muted);flex:none}
.mkx-port .gf[open]>summary::after{content:"\2212"}
.mkx-port .gf[open]{padding-bottom:28px}
.mkx-port .gfs{border-top:1px solid var(--line)}
@media (hover:hover) and (min-width:901px){}
@media (max-width:1180px){}
@media (max-width:900px){}
@media (min-width:901px){}
@media (max-width:900px){}
.mkx-port .lg{display:block;height:calc(var(--lh,30px)*var(--s,1));width:auto;max-width:100%;color:var(--ink,#17130E)}
.mkx-port .lgm{display:inline-block;vertical-align:middle;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}
.mkx-port .lgw{height:auto;line-height:var(--lh,30px);font-size:calc(var(--lh,30px)*.95);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.mkx-port .lgw.w-ax{letter-spacing:.14em;font-weight:500}
.mkx-port .lgw.w-fl{letter-spacing:.08em;font-weight:500;font-size:calc(var(--lh,30px)*.8)}
.mkx-port p a[href^="tel:"],.mkx-port p a[href^="mailto:"],.mkx-port li a[href^="tel:"]{display:inline-block;padding-block:12px;margin-block:-12px}
.mkx-port .askf{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}
.mkx-port .askf select{appearance:none;-webkit-appearance:none;padding-inline-end:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236E6E73' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.mkx-port [dir=rtl] .askf select{background-position:left 14px center}
.mkx-port .askf label{font-size:13px;letter-spacing:.02em}
.mkx-port .askf .priv{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}
@media (max-width:900px){.mkx-port .askf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mkx-port .askf .btn{grid-column:1/-1;width:100%}}
.mkx-port .pc{display:none}
.mkx-port ::selection{background:#BDE6E3;color:#1D1D1F}
.mkx-port{accent-color:#1D1D1F}
@media (min-width:1100px){.mkx-port .shop,.mkx-port .hero .shop{overflow:visible}
.mkx-port .shop li,.mkx-port .hero .shop li{flex:1 1 0;width:auto;min-width:0}}
.mkx-port .info h1{font-size:clamp(30px,3vw,44px)}
.mkx-port .gal,.mkx-port .klg{border-radius:16px;overflow:hidden}
.mkx-port .also a,.mkx-port .klist a,.mkx-port .rail .ph,.mkx-port .dia{border-radius:16px;overflow:hidden}
.mkx-port .rail,.mkx-port .shop,.mkx-port .swipe{scroll-padding-inline:max(20px,env(safe-area-inset-left,0px))}
@media (max-width:480px){.mkx-port .swatches{gap:8px}}
@media (max-width:600px){.mkx-port .crumbs ol{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.mkx-port .crumbs li{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.mkx-port .crumbs li:first-child{flex:none}
.mkx-port .crumbs li[aria-current]{display:none}}
.mkx-port .act{flex-wrap:wrap;flex:1 1 auto;min-width:0}
.mkx-port .askf label{text-transform:none;letter-spacing:0;font-size:15px}
.mkx-port .ferr{display:block;font-size:13px;line-height:1.35;color:#B3261E;font-weight:500;text-transform:none;letter-spacing:0;margin-top:2px}
.mkx-port .askf [aria-invalid="true"]{border-color:#B3261E}
.mkx-port .lead,.mkx-port .kind,.mkx-port .hero.hC .sub,.mkx-port section:not(.ask) h2+p.sub,.mkx-port .wrap.head>p{color:var(--ink)}
.mkx-port .since{text-transform:none;letter-spacing:0}
.mkx-port .btn,.mkx-port .chip,.mkx-port .cpy,.mkx-port .kf button,.mkx-port .vgo{transition:transform .12s ease}
.mkx-port .btn:active,.mkx-port .chip:active,.mkx-port .cpy:active,.mkx-port .kf button:active,.mkx-port .vgo:active,.mkx-port .sw:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.mkx-port .btn,.mkx-port .chip,.mkx-port .cpy,.mkx-port .kf button,.mkx-port .vgo{transition:none}}

.mkx-port .iw{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#FFF;display:grid;gap:12px}
.mkx-port .iwg{display:grid;gap:6px}
.mkx-port .iwt{margin:0;font-size:17px;font-weight:700}
.mkx-port .iwh{margin:0;font-size:15px;font-weight:600}
.mkx-port .iwl{margin:0;font-size:13px;color:var(--muted)}
.mkx-port .iwl2{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mkx-port .iwp{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
.mkx-port .iwi{display:block;width:64px;height:64px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#FFF}
.mkx-port .iwi span{display:block;width:100%;height:100%;background-repeat:no-repeat}
.mkx-port .iwp div{display:grid;gap:2px;min-width:0}
.mkx-port .iwn{font-weight:600;font-size:15px;line-height:1.3}
.mkx-port .iwb{font-size:13px;color:var(--muted)}
.mkx-port .iwc{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-size:15px}
.mkx-port .cpy2{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#FFF;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mkx-port .cpy2:hover{border-color:var(--ink)}
.mkx-port .iwf{margin:0;font-size:13px}
.mkx-port .cneed{display:block;font-size:13px;color:var(--ink);margin-top:6px;line-height:1.35;padding-inline-start:8px;border-inline-start:2px solid var(--ink)}
.mkx-port .lhero{padding-block:24px 4px}
.mkx-port .lhero h1{font-size:clamp(44px,6vw,72px);letter-spacing:-0.04em}
.mkx-port .lhero .lead{font-size:clamp(17px,1.6vw,22px);color:var(--muted);max-width:40em;margin-top:10px;line-height:1.45}
.mkx-port .lhero .dist{font-size:15px;color:var(--muted);margin-top:10px}
.mkx-port .tchips{margin-top:18px}
.mkx-port .tchips .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mkx-port .pg{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mkx-port .pg li[hidden]{display:none}
.mkx-port .pg li{position:relative}
.mkx-port .pg .bdg{position:absolute;top:10px;inset-inline-end:10px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:3px 8px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkx-port .pg a{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px 14px 16px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.mkx-port .pg a:hover{border-color:var(--ink)}
.mkx-port .pg .pi{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF;margin-bottom:6px}
.mkx-port .pg .pi.none{display:grid;place-items:center;color:var(--muted);font-size:13px;background:var(--stone);border-radius:10px}
.mkx-port .pg b.nm{font-size:15px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.6em}
.mkx-port .pg .pf,.mkx-port .pg .pc,.mkx-port .pg .av{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em;line-height:1.4}
.mkx-port .pg .po{color:var(--muted)}
.mkx-port .pg .av{margin-top:auto;padding-top:6px;min-height:calc(1.4em + 14px)}
.mkx-port .pg .avc{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 4px;border-radius:999px;background:#E6F2F1;color:var(--link);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkx-port .pg .avd{flex:none;width:14px;height:14px;border-radius:50%;background:conic-gradient(#C9CDD2 0 20%,#C8A55A 0 40%,#1D1D1F 0 60%,#B87361 0 80%,#F4F4F2 0);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.mkx-port .pg .avb{font-size:13px;color:var(--muted)}
@media (max-width:600px){.mkx-port .pg .avl{display:none}}
.mkx-port .pg .pb,.mkx-port .pg .pc{font-size:13px;color:var(--muted)}
.mkx-port .pg .pc{font-variant-numeric:tabular-nums}
.mkx-port .pg .pf{font-size:13px}
.mkx-port .bchips,.mkx-port .schips{margin-top:10px}
.mkx-port .schips[hidden]{display:none}
.mkx-port .bchips .lab,.mkx-port .schips .lab{font-size:13px;font-weight:600;color:var(--muted);align-self:center;margin-inline-end:2px}
.mkx-port .bchips .chip[aria-pressed=true],.mkx-port .schips .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mkx-port .lmore2{margin-top:22px}
.mkx-port .sec2{padding-block:40px 0}
.mkx-port .sec2 h2{font-size:clamp(30px,3vw,44px);letter-spacing:-0.02em}
.mkx-port .sec2 .sub{color:var(--muted);margin-top:6px;max-width:44em}
.mkx-port .txt{max-width:44em}
.mkx-port .txt p{margin-top:14px;line-height:1.6;font-size:17px}
.mkx-port .txt h2{margin-top:36px}
.mkx-port .facts2{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mkx-port .facts2 li{padding:18px;border:1px solid var(--line);border-radius:16px;background:#FFF}
.mkx-port .facts2 b{display:block;font-size:22px;letter-spacing:-0.02em}
.mkx-port .facts2 span{color:var(--muted);font-size:15px}
/* showroom hours through the year (app/hours.py, 2026-11-02): today's season in bold */
.mkx-port .hrs3{margin:14px 0 0;font-size:13px;color:var(--muted)}
.mkx-port .hrsy{margin-top:4px}
.mkx-port .hrsy dt{font-weight:500}
.mkx-port .hrsy dt span{color:inherit;font-size:inherit}
.mkx-port .hrsy dt small{display:block;font-size:13px;font-weight:400;color:var(--muted)}
.mkx-port .hrsy .now,.mkx-port .hrsy dd.now{font-weight:700;color:var(--ink,#17130E)}
@media (max-width:1100px){.mkx-port .pg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.mkx-port .bchips,.mkx-port .schips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut,16px)*-1);padding-inline:var(--gut,16px)}
.mkx-port .bchips::-webkit-scrollbar,.mkx-port .schips::-webkit-scrollbar{display:none}
.mkx-port .bchips li,.mkx-port .schips li{flex:none}
.mkx-port .pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mkx-port .pg a{padding:10px 10px 14px}
.mkx-port .facts2{grid-template-columns:1fr}}
.mkx-port [hidden]{display:none!important}
.mkx-port .r1h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center;padding-block:24px 8px}
.mkx-port .r1h h1{font-size:clamp(44px,6vw,72px);letter-spacing:-0.04em}
.mkx-port .r1h .lead{font-size:clamp(17px,1.6vw,22px);color:var(--muted);margin-top:10px;line-height:1.45;max-width:34em}
.mkx-port .r1h figure{margin:0}
.mkx-port .r1h img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}
.mkx-port .r1h figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.mkx-port .r1s{padding-block:44px 0}
.mkx-port .r1s>h2,.mkx-port .r1s .r1t h2{font-size:clamp(30px,3vw,44px);letter-spacing:-0.02em}
.mkx-port .r1s .sub{color:var(--muted);margin-top:6px;max-width:44em}
.mkx-port .r1t{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.mkx-port .ctg{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.mkx-port .ctg a{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px 10px 14px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.mkx-port .ctg a:hover{border-color:var(--ink)}
.mkx-port .ctg .ci{display:block;aspect-ratio:1;border-radius:10px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden}
.mkx-port .ctg .ci img{width:100%;height:100%;object-fit:cover;display:block}
.mkx-port .ctg b{font-size:17px;font-weight:600;line-height:1.25;padding-inline:4px}
.mkx-port .ctg span.cs{font-size:13px;color:var(--muted);line-height:1.35;padding-inline:4px;margin-top:-4px}
.mkx-port .psrch{display:flex;align-items:center;max-width:560px;margin-top:18px;border:1px solid var(--line);border-radius:999px;background:#FFF;padding-inline:20px 4px;min-height:52px}
.mkx-port .psrch:focus-within{border-color:var(--ink)}
.mkx-port .psrch input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;outline:0;color:var(--ink)}
.mkx-port .psrch button{min-width:44px;min-height:44px;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.mkx-port .pgrp{padding-block:36px 0}
.mkx-port .pgrp h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-0.02em}
.mkx-port .pgrp h2 a{color:var(--ink);text-decoration:none}
.mkx-port .pgrp h2 a:hover{text-decoration:underline}
.mkx-port .smart{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mkx-port .smart a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink);height:100%}
.mkx-port .smart a:hover{border-color:var(--ink)}
.mkx-port .smart .ci{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF}
.mkx-port .smart b{display:block;font-size:17px;line-height:1.3}
.mkx-port .smart span.cs{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.4}
.mkx-port .sets{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.mkx-port .sets a{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px 12px 14px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.mkx-port .sets a:hover{border-color:var(--ink)}
.mkx-port .sets .ci{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF}
.mkx-port .sets b{font-size:17px}
.mkx-port .mk{display:flex;flex-wrap:wrap;gap:4px}
.mkx-port .mk i{font-style:normal;font-size:13px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink)}
.mkx-port .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.mkx-port .two>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#FFF}
.mkx-port .two .ci{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF}
.mkx-port .two h3{font-size:22px;letter-spacing:-0.01em}
.mkx-port .two p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.45}
.mkx-port .two .acts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px}
.mkx-port .frow{margin-top:10px}
.mkx-port .frow .lab{font-size:13px;font-weight:600;color:var(--muted);align-self:center;margin-inline-end:2px;min-width:4.5em}
.mkx-port .frow .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mkx-port .fcount{margin-top:16px;font-size:13px;color:var(--muted)}
.mkx-port .brl{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mkx-port .brl a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:#FFF;text-decoration:none;color:var(--ink)}
.mkx-port .brl a:hover{border-color:var(--ink)}
.mkx-port .brl .bw{display:flex;align-items:center;height:48px;--lh:30px;color:var(--ink)}
.mkx-port .brl .bo{font-size:13px;color:var(--muted)}
.mkx-port .brl .bc{font-size:15px;line-height:1.45}
.mkx-port .brl .go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--link)}
.mkx-port .bchip2{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;padding:0}
@media (max-width:1000px){.mkx-port .smart{grid-template-columns:1fr}
.mkx-port .two{grid-template-columns:1fr}}
@media (max-width:900px){.mkx-port .r1h{grid-template-columns:1fr;gap:16px}
.mkx-port .r1h figure{order:-1}
.mkx-port .r1h.txt1 figure{order:0}
.mkx-port .ctg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mkx-port .sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mkx-port .smart a{grid-template-columns:96px minmax(0,1fr)}
.mkx-port .two>div{grid-template-columns:96px minmax(0,1fr)}
.mkx-port .frow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut,16px)*-1);padding-inline:var(--gut,16px)}
.mkx-port .frow::-webkit-scrollbar{display:none}
.mkx-port .frow li{flex:none}}
.mkx-port .ptx{margin-top:24px;font-size:17px;line-height:1.6;color:var(--ink);text-align:start}
.mkx-port .ptx p{margin:0;max-width:44em}
.mkx-port .ptx h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 10px}
.mkx-port .ptx details{margin-top:10px;font-size:13px;color:var(--muted)}
.mkx-port .ptx details p{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:17px;line-height:1.8;color:var(--ink);margin-top:8px}
.mkx-port .ptx summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.mkx-port .coll{padding-block:8px 8px}
.mkx-port .coll h2{font-size:clamp(17px,1.8vw,22px);margin:0 0 12px}
.mkx-port .coll ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mkx-port .coll a{display:flex;flex-direction:column;gap:4px;height:100%;padding:10px;border:1px solid var(--line);border-radius:16px;background:#FFF;color:var(--ink);text-decoration:none}
.mkx-port .coll .cpi{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF}
.mkx-port .coll b{font-size:13px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.mkx-port .coll a>span:last-child{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:900px){.mkx-port .coll ul{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:38%;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut,16px)*-1);padding-inline:var(--gut,16px)}
.mkx-port .coll ul::-webkit-scrollbar{display:none}}
.mkx-port .figs.sm{background:none;text-align:start;padding-block:40px 0}
.mkx-port .figs.sm h2,.mkx-port .mean.sm h2,.mkx-port .meanc.sm h2{font-size:22px;letter-spacing:-0.01em}
.mkx-port .figs.sm ul{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}
.mkx-port .figs.sm b{font-size:22px;letter-spacing:-0.02em}
.mkx-port .figs.sm span{font-size:13px;margin-top:4px}
.mkx-port .mean.sm,.mkx-port .meanc.sm{padding-block:32px 0;background:none}
.mkx-port .mean.sm .mg{gap:24px;margin-top:14px;grid-template-columns:320px minmax(0,1fr);align-items:start}
.mkx-port .mean.sm .dia{max-width:320px;padding:12px}
.mkx-port .mean.sm .dia figcaption{font-size:13px}
.mkx-port .mean.sm .mcards,.mkx-port .meanc.sm ul{gap:14px 24px;margin-top:14px}
.mkx-port .mean.sm .mcards b,.mkx-port .meanc.sm b{font-size:15px}
.mkx-port .mean.sm .mcards span,.mkx-port .meanc.sm span{font-size:13px;margin-top:2px}
.mkx-port .nf{color:var(--muted);font-weight:400}
.mkx-port .more-d{margin-top:18px}
.mkx-port .more-d summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.mkx-port .also .ph2{background-size:contain;background-position:center}
.mkx-port .specs .feat{margin-top:20px;color:var(--muted);font-size:15px}
.mkx-port .specs .feat b{color:var(--ink);font-weight:600}
@media (max-width:700px){.mkx-port .figs.sm ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mkx-port .figs.sm b{font-size:22px}
.mkx-port .mean.sm .dia{margin-inline:0}
.mkx-port .mean.sm .mg{grid-template-columns:minmax(0,1fr)}}
.mkx-port .mean{padding-block:48px}
.mkx-port .mean h2{font-size:clamp(30px,4vw,44px)}
.mkx-port .mg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center;margin-top:24px}
.mkx-port .dia{margin:0;background:var(--stone);border-radius:16px;padding:32px}
.mkx-port .dia figcaption{font-size:15px;color:var(--muted);margin-top:14px}
.mkx-port .mcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.mkx-port .mcards b{display:block;font-size:22px;letter-spacing:-0.01em}
.mkx-port .mcards span{display:block;color:var(--muted);margin-top:6px}
.mkx-port .cpy{min-height:44px;border:0;background:var(--stone);border-radius:999px;padding:0 16px;font-weight:600;cursor:pointer;margin-inline-start:10px;font-size:13px}
.mkx-port .buy{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding-block:24px 48px}
.mkx-port .gal{position:relative;background:var(--stone);aspect-ratio:9/10}
.mkx-port .gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s}
.mkx-port .gal img.off{opacity:0}
.mkx-port .info{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;padding-top:12px}
.mkx-port .info h1{font-size:clamp(30px,4vw,44px)}
.mkx-port .kind{font-size:17px;color:var(--muted);margin-top:-6px}
.mkx-port .code{font-size:17px;font-variant-numeric:tabular-nums;color:var(--muted)}
.mkx-port .code b{color:var(--ink);font-weight:600}
.mkx-port .fin{border-top:1px solid var(--line);padding-top:18px}
.mkx-port .fin p{font-size:17px}
.mkx-port .swatches{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.mkx-port .sw{width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:transform .15s}
.mkx-port .sw:hover{transform:scale(1.08)}
.mkx-port .sw[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--ground),0 0 0 4px var(--ink)}
.mkx-port .acts{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-top:1px solid var(--line);padding-top:20px}
.mkx-port .acts .btn{margin-bottom:8px}
.mkx-port .hint{font-size:13px;color:var(--muted)}
.mkx-port .figs{background:var(--stone);padding-block:44px;text-align:center}
.mkx-port .figs h2,.mkx-port .specs h2,.mkx-port .codesec h2,.mkx-port .also h2{font-size:clamp(30px,4vw,44px)}
.mkx-port .figs ul{list-style:none;margin:29px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mkx-port .figs b{display:block;font-size:clamp(44px,6vw,72px);font-weight:600;letter-spacing:-0.04em;line-height:1;font-variant-numeric:tabular-nums}
.mkx-port .figs span{display:block;color:var(--muted);margin-top:10px;font-size:17px}
.mkx-port .specs{padding-block:48px 24px}
.mkx-port .specs dl{margin:36px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.mkx-port .specs dl div{display:flex;justify-content:space-between;gap:24px;padding-block:14px;border-bottom:1px solid var(--line)}
.mkx-port .specs dt{color:var(--muted)}
.mkx-port .specs dd{margin:0;text-align:end;font-variant-numeric:tabular-nums}
.mkx-port .specs .more{margin-top:12px}
.mkx-port .codesec{padding-block:16px 28px}
.mkx-port .codesec table{border-collapse:collapse;margin-top:28px;width:100%;max-width:560px;font-variant-numeric:tabular-nums}
.mkx-port .codesec th,.mkx-port .codesec td{text-align:start;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.mkx-port .codesec th{color:var(--muted);font-weight:500}
.mkx-port .also{padding-block:0 48px}
.mkx-port .also ul{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mkx-port .also a{display:block;background:var(--stone);text-decoration:none;padding:24px 24px 28px}
.mkx-port .also img{aspect-ratio:1/1;width:100%;object-fit:contain;mix-blend-mode:multiply}
.mkx-port .also b{display:block;font-size:22px;font-weight:600;letter-spacing:-0.015em;margin-top:14px}
.mkx-port .also span{font-size:15px;color:var(--muted)}
.mkx-port .also a:hover b{color:var(--link)}
@media (max-width:900px){.mkx-port .buy{grid-template-columns:1fr;gap:24px;padding-block:12px 32px}
.mkx-port .info{position:static;padding-top:0}
.mkx-port .figs{padding-block:32px}
.mkx-port .figs ul{grid-template-columns:1fr;gap:32px;margin-top:32px}
.mkx-port .specs{padding-block:32px 32px}
.mkx-port .specs dl{grid-template-columns:1fr}
.mkx-port .codesec{padding-block:8px 40px}
.mkx-port .mean{padding-block:32px}
.mkx-port .mg{grid-template-columns:1fr;gap:32px}
.mkx-port .dia{padding:18px;margin-inline:calc(var(--gut)*-1);border-radius:0}
.mkx-port .mcards{grid-template-columns:1fr;gap:20px}
.mkx-port .also ul{grid-template-columns:1fr}}
.mkx-port .allc summary{cursor:pointer;list-style:none;min-height:56px;display:flex;align-items:center;font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-0.015em}
.mkx-port .allc summary::-webkit-details-marker{display:none}
.mkx-port .allc summary::after{content:'+';margin-inline-start:auto;font-weight:400;color:var(--muted)}
.mkx-port .allc[open] summary::after{content:'\\2212'}
.mkx-port .gal{background:#FFF;border:1px solid var(--line)}
.mkx-port .gal .ph{position:absolute;inset:6%;background-repeat:no-repeat}
.mkx-port .meanc{background:var(--stone);padding-block:44px}
.mkx-port .meanc h2,.mkx-port .feat2 h2{font-size:clamp(30px,4vw,44px)}
.mkx-port .meanc ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
.mkx-port .meanc b{display:block;font-size:22px}
.mkx-port .meanc span{display:block;color:var(--muted);margin-top:6px}
.mkx-port .fl2{list-style:none;margin:20px 0 0;padding:0;columns:2;column-gap:56px}
.mkx-port .full{font-size:15px;color:var(--muted);margin-top:6px}
.mkx-port .nf{color:var(--muted);font-weight:400}
.mkx-port .more-d{margin-top:18px}
.mkx-port .allc summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-0.015em}
.mkx-port .allc summary::after{content:'+';margin-inline-start:auto;font-weight:400;color:var(--muted)}
.mkx-port .allc[open] summary::after{content:'\2212'}
.mkx-port .more-d summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.mkx-port .fl2 li{padding-block:10px;border-bottom:1px solid var(--line);break-inside:avoid}
@media (max-width:900px){.mkx-port .meanc{padding-block:28px}
.mkx-port .meanc ul{grid-template-columns:1fr;gap:20px}
.mkx-port .fl2{columns:1}}
.mkx-port .fpb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:20px 8px}
.mkx-port .fpb .ph{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#FFF;border:1px solid var(--line);border-radius:16px}
.mkx-port .fpb .eb{font-weight:600;color:var(--muted);font-size:15px}
.mkx-port .fpb h1{font-size:clamp(30px,4.4vw,44px);letter-spacing:-0.03em;line-height:1.05;margin-top:6px}
.mkx-port .fpb .lead{color:var(--muted);font-size:17px;margin-top:10px;line-height:1.45}
.mkx-port .fpb .code{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:17px;font-variant-numeric:tabular-nums}
.mkx-port .fpb .cpy{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#FFF;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}
.mkx-port .fpb .fin{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.mkx-port .fpb .fin p{font-size:17px}
.mkx-port .fpb .nf{color:var(--muted)}
.mkx-port .fpb .sws{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mkx-port .fpb .sw{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.mkx-port .fpb .sw[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:3px}
.mkx-port .fpb .nop{font-size:13px;color:var(--muted);margin-top:8px}
.mkx-port .fpb .acts{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:20px}
.mkx-port .fpd{list-style:none;margin:0;padding:0;display:grid;max-width:44em}
.mkx-port .fpd li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}
.mkx-port .fpd li span:first-child{color:var(--muted)}
.mkx-port .fpd li span:last-child{text-align:end}
.mkx-port .fpc table{border-collapse:collapse;margin-top:10px;font-size:15px;font-variant-numeric:tabular-nums}
.mkx-port .fpc td,.mkx-port .fpc th{padding:8px 14px 8px 0;text-align:start;border-bottom:1px solid var(--line)}
.mkx-port .fpc summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
@media (max-width:900px){.mkx-port .fpb{grid-template-columns:1fr;gap:18px}}
/* site rules (review 2026-10-29, S6): list cards show no order code; search keeps them */
.mkx-port .pg .pc{display:none}
/* 2026-10-30: the code a quotation link opened */
.mkx-port tr.hit td{font-weight:700;border-bottom:2px solid var(--ink,#17130E)}
/* S19: the site's own tile hero (.shero in site.css) bleeds to the screen edge on phones; the mock-up's
   .shero is a plain section, so it must not take that margin (it scrolled 20 px sideways at 390 px), nor its fixed shape, grey band and cut-off (P3: the NEOREST line-up was clipped at 1150 px) */
.mkx-port .shero{margin-inline:0;margin-top:0;aspect-ratio:auto;overflow:visible;background:none}
.mkx-port .shero img{height:auto}
/* Tariq 2026-10-30: NEOREST WX awards at the top without making the page longer. Wide screens: in the
   empty space beside the name. Phones: under the order codes, in the room they left at the bottom.
   The page's own .aw rule is for the old strip under the order codes, so these name .nhero to win */
.mkx-port .nhero .wrap{position:relative}
.mkx-port .nhero .nwx-aw{display:block;max-width:220px;margin:8px auto 0}
.mkx-port .nhero .nwx-aw img{display:block;width:100%;height:auto}
.mkx-port .nhero .nwx-aw p{margin:4px 0 0;font-size:12px;line-height:1.35;color:var(--muted);text-align:center}
@media (min-width:1100px){.mkx-port .nhero .nwx-aw{position:absolute;top:8px;inset-inline-end:var(--pad,24px);width:min(260px,calc(50% - 240px));max-width:none;margin:0}}