:root{
  --mk-mobile-orange: var(--mk-int-orange, var(--mk-orange, #ff7b35));
  --mk-mobile-green: var(--mk-int-green, var(--mk-green, #36c77b));
  --mk-mobile-ink: #edf8f4;
  --mk-mobile-muted: rgba(224, 239, 233, .72);
  --mk-mobile-panel: rgba(12, 31, 26, .88);
  --mk-mobile-line: rgba(255, 255, 255, .11);
}
.mk-mobile-app-showcase{
  position: relative;
  overflow: hidden;
  padding-top: 0 !important;
  isolation: isolate;
}
.mk-mobile-app-showcase::before{
  content: "";
  position: absolute;
  inset: 7% -10% 2%;
  z-index: -2;
  background:
    radial-gradient(circle at 20% 48%, color-mix(in srgb, var(--mk-mobile-orange) 19%, transparent), transparent 32%),
    radial-gradient(circle at 78% 46%, color-mix(in srgb, var(--mk-mobile-green) 18%, transparent), transparent 34%);
  filter: blur(18px);
  pointer-events: none;
}
.mk-mobile-app-shell{
  position: relative;
  min-height: 610px;
  overflow: hidden;
  border: 1px solid var(--mk-mobile-line);
  border-radius: 30px;
  background:
    linear-gradient(118deg, rgba(7, 23, 19, .97), rgba(16, 40, 33, .92)),
    url("../images/categories/engineering.webp") center/cover no-repeat;
  box-shadow: 0 34px 86px rgba(0, 0, 0, .27);
}
.mk-mobile-app-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6, 18, 15, .98) 0 43%, rgba(6, 18, 15, .74) 62%, rgba(6, 18, 15, .46)),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.022) 80px),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(255,255,255,.018) 80px);
  pointer-events: none;
}
.mk-mobile-app-shell::after{
  content: "";
  position: absolute;
  width: 46%;
  aspect-ratio: 1;
  left: -10%;
  bottom: -48%;
  border: 1px solid color-mix(in srgb, var(--mk-mobile-orange) 36%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 44px color-mix(in srgb, var(--mk-mobile-green) 6%, transparent), 0 0 0 88px color-mix(in srgb, var(--mk-mobile-orange) 5%, transparent);
  pointer-events: none;
}
.mk-mobile-app-grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: 610px;
  padding: clamp(2.1rem, 5vw, 5.2rem);
}
.mk-mobile-app-copy{
  max-width: 720px;
}
.mk-mobile-app-kicker,.mk-mobile-app-status,.mk-mobile-app-tag{
  display: inline-flex;
  align-items: center;
}
.mk-mobile-app-kicker{
  gap: .55rem;
  margin-bottom: 1.15rem;
  padding: .52rem .85rem;
  border: 1px solid color-mix(in srgb, var(--mk-mobile-orange) 34%, transparent);
  border-radius: 999px;
  color: #ffd4bd;
  background: color-mix(in srgb, var(--mk-mobile-orange) 9%, transparent);
  font-size: .78rem;
  font-weight: 900;
}
.mk-mobile-app-kicker i{ color: var(--mk-mobile-green); }
.mk-mobile-app-copy h2{
  max-width: 670px;
  margin: 0;
  color: var(--mk-mobile-ink);
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 950;
  line-height: 1.28;
  letter-spacing: -.035em;
}
.mk-mobile-app-copy h2 span{
  display: block;
  background: linear-gradient(100deg, var(--mk-mobile-orange), #ffb082 42%, var(--mk-mobile-green) 82%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mk-mobile-app-copy > p{
  max-width: 650px;
  margin: 1.1rem 0 0;
  color: var(--mk-mobile-muted);
  font-size: 1.02rem;
  line-height: 2;
}
.mk-mobile-app-tags{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin: 1.45rem 0;
}
.mk-mobile-app-tag{
  gap: .62rem;
  min-height: 48px;
  padding: .66rem .8rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  color: #eef7f3;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  font-size: .82rem;
  font-weight: 850;
}
.mk-mobile-app-tag i{ color: var(--mk-mobile-orange); }
.mk-mobile-app-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .75rem;
}
.mk-mobile-install-button{
  width: 260px;
  min-width: 260px;
  min-height: 64px;
  padding: .75rem 1rem;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  justify-content: start;
  gap: .75rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 15px;
  color: #fff;
  background: rgba(255,255,255,.055);
  text-align: right;
  text-decoration: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.mk-mobile-install-button:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mk-mobile-orange) 52%, transparent);
  color: #fff;
  background: rgba(255,255,255,.085);
}
.mk-mobile-install-button--primary{
  border-color: color-mix(in srgb, var(--mk-mobile-orange) 44%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--mk-mobile-orange) 92%, #17110e), color-mix(in srgb, var(--mk-mobile-green) 64%, #17231d));
}
.mk-mobile-install-button > i{
  width: 38px;
  justify-self: center;
  font-size: 1.45rem;
  text-align: center;
}
.mk-mobile-install-button span{ width:100%; min-width:0; display:grid; gap:.08rem; text-align:right; }
.mk-mobile-install-button b{ font-size: .88rem; font-weight: 950; }
.mk-mobile-install-button small{ color: rgba(255,255,255,.72); font-size: .68rem; }
.mk-mobile-app-meta{
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1rem;
}
.mk-mobile-app-status{
  gap: .45rem;
  color: #dff8e9;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .03em;
}
.mk-mobile-app-status i{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mk-mobile-green);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--mk-mobile-green) 12%, transparent), 0 0 18px var(--mk-mobile-green);
  animation: mkMobilePulse 1.9s ease-in-out infinite;
}
.mk-mobile-app-meta code{
  padding: .36rem .58rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  color: rgba(255,255,255,.66);
  background: rgba(0,0,0,.18);
  font-size: .65rem;
}
.mk-mobile-app-visual{
  position: relative;
  min-height: 510px;
}
.mk-mobile-circuit{
  position: absolute;
  
  border: 1px solid color-mix(in srgb, var(--mk-mobile-orange) 25%, transparent);
  border-radius: 50%;
  transform: rotate(-12deg);
}
.mk-mobile-circuit::before,.mk-mobile-circuit::after{
  content: "";
  position: absolute;
  border-radius: inherit;
  border: 1px dashed color-mix(in srgb, var(--mk-mobile-green) 25%, transparent);
}
.mk-mobile-circuit::before{ inset: 9%; }
.mk-mobile-circuit::after{ inset: 22%; border-style: solid;  }
.mk-mobile-circuit span{
  position: absolute;
  top: 16%;
  right: 5%;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--mk-mobile-orange);
  box-shadow: 0 0 18px var(--mk-mobile-orange);
  animation: mkMobileOrbit 6.5s linear infinite;
}
.mk-mobile-device{
  position: absolute;
  width: clamp(190px, 17vw, 244px);
  aspect-ratio: .51;
  overflow: hidden;
  padding: 9px;
  
  border-radius: 36px;
  
  
}
.mk-mobile-device--front{ z-index: 3;    }
.mk-mobile-device--back{ z-index: 2;     }
.mk-mobile-device__screen{
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 29px;
  color: #eaf6f1;
  
}
.mk-mobile-device__notch{
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 50%;
  
  
  
  background: #060908;
  transform: translateX(-50%);
}
.mk-mobile-device__hero{
  min-height: 42%;
  padding: 2.65rem .9rem 1rem;
  background:
    linear-gradient(180deg, rgba(3,10,8,.12), rgba(3,10,8,.94)),
    url("../images/categories/materials.webp") center/cover no-repeat;
}
.mk-mobile-device--back .mk-mobile-device__hero{ background-image: linear-gradient(180deg, rgba(3,10,8,.18), rgba(3,10,8,.95)), url("../images/categories/plumbing.webp"); }
.mk-mobile-device__brand{ display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .55rem; font-weight: 900; }
.mk-mobile-device__brand img{ width: 62px; height: 27px; object-fit: contain; }
.mk-mobile-device__hero h3{ margin: 2.2rem 0 .45rem; font-size: 1rem; font-weight: 950; line-height: 1.5; }
.mk-mobile-device__hero p{ margin: 0; color: rgba(255,255,255,.67); font-size: .54rem; line-height: 1.7; }
.mk-mobile-device__content{ padding: .8rem; }
.mk-mobile-device__chips{ display: flex; gap: .35rem; overflow: hidden; }
.mk-mobile-device__chips span{ flex: 0 0 auto; padding: .3rem .5rem; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.045); font-size: .45rem; }
.mk-mobile-device__cards{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .45rem; margin-top: .65rem; }
.mk-mobile-device__card{ min-height: 74px; padding: .5rem; border: 1px solid rgba(255,255,255,.07); border-radius: 11px;  }
.mk-mobile-device__card i{ color: var(--mk-mobile-orange); font-size: .8rem; }
.mk-mobile-device__card b{ display: block; margin-top: .38rem; font-size: .48rem; }
.mk-mobile-device__card small{ color: rgba(255,255,255,.52); font-size: .38rem; }
.mk-mobile-qr{
  position: absolute;
  z-index: 4;
  
  
  width: 120px;
  padding: .65rem;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;
  color: #edf7f3;
  
  
  backdrop-filter: blur(13px);
  text-align: center;
}
.mk-mobile-qr img{ display: block; width: 100%; padding: .3rem; border-radius: 10px; background: #fff; }
.mk-mobile-qr b{ display: block; margin-top: .5rem; font-size: .64rem; }
.mk-mobile-qr small{ display: block; margin-top: .18rem; color: rgba(255,255,255,.6); font-size: .52rem; }
.mk-mobile-app-strip{
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(105deg, rgba(7,23,19,.98), rgba(22,48,39,.96));
}
.mk-mobile-app-strip::after{
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -120px;
  top: -160px;
  border: 1px solid color-mix(in srgb, var(--mk-mobile-orange) 28%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 38px color-mix(in srgb, var(--mk-mobile-green) 5%, transparent);
}
.mk-mobile-app-strip__inner{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1.1rem;
  min-height: 126px;
  padding-block: 1.25rem;
}
.mk-mobile-app-strip__icon{
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid color-mix(in srgb, var(--mk-mobile-orange) 34%, transparent);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mk-mobile-orange) 78%, #18100c), color-mix(in srgb, var(--mk-mobile-green) 68%, #13221b));
  font-size: 1.55rem;
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}
.mk-mobile-app-strip h2{ margin: 0; color: #f2faf7; font-size: clamp(1.15rem, 2vw, 1.65rem); font-weight: 950; }
.mk-mobile-app-strip p{ margin: .35rem 0 0; color: rgba(230,242,237,.68); font-size: .85rem; }
.mk-mobile-app-strip__actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }
.mk-mobile-app-strip__actions .btn{ white-space: nowrap; }
.mk-login-mobile{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: .8rem;
  margin-top: 1.1rem;
  padding: .85rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
}
.mk-login-mobile > i{ color: var(--mk-mobile-orange); font-size: 1.2rem; }
.mk-login-mobile b{ display: block; color: #f2faf7; font-size: .76rem; }
.mk-login-mobile small{ display: block; margin-top: .16rem; color: rgba(227,240,235,.62); font-size: .62rem; }
.mk-login-mobile__actions{ display: flex; gap: .35rem; }
.mk-login-mobile__actions button{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: #fff;
  background: rgba(255,255,255,.05);
}
.back-to-top{
  position:fixed;
  bottom:1rem;
  left:1rem;
  z-index:99;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  color:#fff;
  border:1px solid #d85d17;
  border-radius:.65rem;
  background:linear-gradient(145deg,#f07832,#d85d17);
  box-shadow:0 14px 32px rgba(216,93,23,.28);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .25s ease;
}
.back-to-top:hover{
  box-shadow:0 18px 38px rgba(216,93,23,.38);
  transform:translateY(-2px);
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:none;
}
.back-to-top .mk-svg-icon{
  width:1rem;
  height:1rem;
}
.mk-mobile-install-bar{
  position: relative;
  z-index: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: none;
  width: calc(100% - 24px);
  margin: 12px auto max(12px, env(safe-area-inset-bottom));
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: .65rem;
  min-height: 68px;
  padding: .68rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  color: #f0faf6;
  background: rgba(8,24,19,.94);
  box-shadow: 0 22px 52px rgba(0,0,0,.38);
  backdrop-filter: blur(18px);
  transform: translateY(calc(100% + 24px));
  opacity: 0;
  transition: transform .3s ease, opacity .3s ease;
}
.mk-mobile-install-bar.is-visible{ transform: translateY(0); opacity: 1; }
.mk-mobile-install-bar__icon{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--mk-mobile-orange), var(--mk-mobile-green));
}
.mk-mobile-install-bar b{ display: block; font-size: .72rem; }
.mk-mobile-install-bar small{ display: block; margin-top: .12rem; color: rgba(234,244,240,.62); font-size: .58rem; }
.mk-mobile-install-bar__install{
  min-height: 36px;
  padding: .45rem .75rem;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--mk-mobile-orange), color-mix(in srgb, var(--mk-mobile-green) 68%, #17231d));
  font: inherit;
  font-size: .68rem;
  font-weight: 950;
}
.mk-mobile-install-bar__close{
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  color: rgba(255,255,255,.65);
  background: rgba(255,255,255,.045);
}
.mk-mobile-install-dialog{
  position: fixed;
  z-index: 1100;
  inset: 0;
  display: none;
  place-items: center;
  padding: 1rem;
  background: rgba(2,8,6,.72);
  backdrop-filter: blur(8px);
}
.mk-mobile-install-dialog.is-open{ display: grid; }
.mk-mobile-install-dialog__panel{
  width: min(520px, 100%);
  max-height: min(700px, calc(100vh - 2rem));
  overflow: auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  color: #eff9f5;
  background: linear-gradient(155deg, #102821, #091712);
  box-shadow: 0 36px 90px rgba(0,0,0,.5);
}
.mk-mobile-install-dialog__head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mk-mobile-install-dialog__head h2{ margin: 0; font-size: 1rem; font-weight: 950; }
.mk-mobile-install-dialog__head button{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: rgba(255,255,255,.06);
}
.mk-mobile-install-dialog__body{ padding: 1.2rem; }
.mk-mobile-install-dialog__body > p{ margin: 0 0 1rem; color: rgba(232,244,239,.69); line-height: 1.9; }
.mk-mobile-install-steps{ display: grid; gap: .7rem; }
.mk-mobile-install-step{
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .75rem;
  align-items: center;
  padding: .75rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.mk-mobile-install-step b{
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--mk-mobile-orange), var(--mk-mobile-green));
}
.mk-mobile-install-step span{ font-size: .78rem; line-height: 1.8; }
.mk-mobile-install-dialog__qr{ display: grid; place-items: center; margin-top: 1rem; }
.mk-mobile-install-dialog__qr img{ width: 118px; padding: .4rem; border-radius: 12px; background: #fff; }
.mk-mobile-install-downloads{ display:grid; gap:.7rem; margin-top:1rem; }
.mk-mobile-install-download{ min-height:64px; display:flex; align-items:center; gap:.8rem; padding:.78rem .9rem; border:1px solid rgba(255,255,255,.13); border-radius:15px; color:#fff; background:rgba(255,255,255,.055); text-decoration:none; }
.mk-mobile-install-download:hover,.mk-mobile-install-download:focus-visible{ color:#fff; border-color:color-mix(in srgb,var(--mk-mobile-orange) 52%,transparent); background:rgba(255,255,255,.085); }
.mk-mobile-install-download--primary{ background:linear-gradient(135deg,color-mix(in srgb,var(--mk-mobile-orange) 92%,#17110e),color-mix(in srgb,var(--mk-mobile-green) 64%,#17231d)); }
.mk-mobile-install-download>i{ width:38px; height:38px; flex:0 0 38px; }
.mk-mobile-install-download>span{ min-width:0; display:grid; gap:.08rem; text-align:right; }
.mk-mobile-install-download b{ font-size:.86rem; font-weight:950; }
.mk-mobile-install-download small{ color:rgba(255,255,255,.7); font-size:.68rem; }

/* Installed PWA application shell. Active only in standalone display mode. */
html.mk-app-standalone{
  --mk-app-safe-top: env(safe-area-inset-top, 0px);
  --mk-app-safe-right: env(safe-area-inset-right, 0px);
  --mk-app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mk-app-safe-left: env(safe-area-inset-left, 0px);
  background: var(--bs-body-bg);
}
html.mk-app-standalone body{
  min-height: 100dvh;
  padding-right: var(--mk-app-safe-right);
  padding-left: var(--mk-app-safe-left);
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: transparent;
}
html.mk-app-standalone .market-topbar{ display:none !important; }
html.mk-app-standalone .market-header{
  top:0;
  padding-top:var(--mk-app-safe-top);
  border-bottom-color:rgba(255,255,255,.1);
  background:color-mix(in srgb,var(--bs-body-bg) 88%,transparent);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(22px) saturate(1.12);
  -webkit-backdrop-filter:blur(22px) saturate(1.12);
}
html.mk-app-standalone .market-header .navbar{ min-height:68px; }
html.mk-app-standalone .market-brand img{ max-height:46px; }
html.mk-app-standalone .mk-mobile-header-search-toggle,
html.mk-app-standalone .header-actions > .header-icon[aria-label="جست‌وجو"]{ display:none !important; }
html.mk-app-installed .mk-mobile-install-bar,
html.mk-app-installed .mk-mobile-install-dialog,
html.mk-app-installed .mk-mobile-app-showcase,
html.mk-app-installed .mk-mobile-app-strip{ display:none !important; }
html.mk-app-standalone .back-to-top{ bottom:calc(92px + var(--mk-app-safe-bottom)); }
html.mk-app-standalone .product-compare-fab-v627{ bottom:calc(96px + var(--mk-app-safe-bottom)); }
html.mk-app-standalone footer,
html.mk-app-standalone .site-footer,
html.mk-app-standalone .portal-footer{ padding-bottom:calc(var(--mk-app-safe-bottom) + 1rem); }
@media (max-width:1199.98px){
  .market-header.sticky-top{
    position:sticky !important;
    top:0;
    z-index:1030;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transition:none !important;
  }
  html.mk-app-standalone .market-header .container-fluid{ min-height:68px; }
  html.mk-app-standalone .navbar-toggler,
  html.mk-app-standalone .header-icon,
  html.mk-app-standalone .theme-switch{ border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.14); }
  html.mk-app-standalone .offcanvas.mk-mobile-premium{ padding-top:var(--mk-app-safe-top); padding-bottom:var(--mk-app-safe-bottom); }
}
html[data-bs-theme="light"].mk-app-standalone .market-header{
  border-bottom-color:rgba(40,31,23,.1);
  background:color-mix(in srgb,#fff 88%,transparent);
  box-shadow:0 12px 34px rgba(53,39,25,.1);
}

/* Standalone navigation, update feedback and offline experience. */
.mk-app-bottom-nav{ display:none; }
html.mk-app-standalone body{ padding-bottom:calc(78px + var(--mk-app-safe-bottom)); }
html.mk-app-standalone .mk-app-bottom-nav{
 position:fixed; z-index:1035; isolation:isolate; pointer-events:auto; touch-action:manipulation; -webkit-user-select:none; user-select:none; right:max(10px,var(--mk-app-safe-right)); left:max(10px,var(--mk-app-safe-left)); bottom:max(8px,var(--mk-app-safe-bottom));
 display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); min-height:66px; padding:7px; border:1px solid rgba(255,255,255,.11); border-radius:22px;
 background:color-mix(in srgb,#0c1b17 91%,transparent); box-shadow:0 18px 45px rgba(0,0,0,.35); backdrop-filter:blur(24px) saturate(1.2); -webkit-backdrop-filter:blur(24px) saturate(1.2);
}
html.mk-app-standalone .mk-app-bottom-nav a,html.mk-app-standalone .mk-app-bottom-nav button{
 position:relative; display:grid; place-items:center; align-content:center; gap:3px; min-width:0; border:0; border-radius:16px; color:rgba(235,244,240,.62); background:transparent; text-decoration:none; font:inherit; touch-action:manipulation; -webkit-tap-highlight-color:transparent; cursor:pointer;
}
html.mk-app-standalone .mk-app-bottom-nav i{ width:20px; height:20px; }
html.mk-app-standalone .mk-app-bottom-nav span{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.62rem; font-weight:800; }
html.mk-app-standalone .mk-app-bottom-nav :is(a,button).is-active{ color:#fff; background:linear-gradient(145deg,rgba(210,106,45,.3),rgba(45,141,102,.22)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
html.mk-app-standalone .mk-app-bottom-nav :is(a,button).is-active::before{ content:""; position:absolute; top:3px; width:18px; height:3px; border-radius:999px; background:#e17235; box-shadow:0 0 12px rgba(225,114,53,.65); }
html[data-bs-theme="light"].mk-app-standalone .mk-app-bottom-nav{ border-color:rgba(48,36,25,.12); background:color-mix(in srgb,#fff 92%,transparent); box-shadow:0 16px 40px rgba(57,42,27,.18); }
html[data-bs-theme="light"].mk-app-standalone .mk-app-bottom-nav a,html[data-bs-theme="light"].mk-app-standalone .mk-app-bottom-nav button{ color:rgba(43,34,27,.62); }
html[data-bs-theme="light"].mk-app-standalone .mk-app-bottom-nav :is(a,button).is-active{ color:#241b15; }
html.mk-app-standalone body > .mk-mobile-header-search-panel{ position:fixed; z-index:1040; top:calc(var(--mk-app-safe-top) + 84px); right:max(10px,var(--mk-app-safe-right)); left:max(10px,var(--mk-app-safe-left)); width:auto; max-height:calc(100dvh - var(--mk-app-safe-top) - var(--mk-app-safe-bottom) - 104px); margin:0; padding:.55rem; overflow-y:auto; direction:rtl; text-align:right; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(8,18,17,.98); box-shadow:0 18px 48px rgba(0,0,0,.34); }
.mk-app-toast{ position:fixed; z-index:2000; right:50%; bottom:calc(92px + env(safe-area-inset-bottom,0px)); transform:translate(50%,18px); display:flex; align-items:center; gap:.65rem; width:min(92vw,420px); padding:.8rem 1rem; border:1px solid rgba(255,255,255,.11); border-radius:16px; color:#fff; background:#10251f; box-shadow:0 16px 42px rgba(0,0,0,.32); opacity:0; pointer-events:none; transition:opacity .22s ease,transform .22s ease; }
.mk-app-toast.is-visible{ opacity:1; transform:translate(50%,0); pointer-events:auto; }
.mk-app-toast button{ margin-right:auto; border:0; border-radius:10px; padding:.35rem .7rem; color:#fff; background:#d26a2d; font:inherit; font-size:.72rem; font-weight:900; }
.mk-offline-page{ min-height:100dvh; margin:0; background:radial-gradient(circle at 50% 12%,rgba(45,141,102,.2),transparent 32%),#07110f; color:#eef6f2; }
.mk-offline-shell{ min-height:100dvh; display:grid; place-items:center; padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px)); }
.mk-offline-card{ width:min(100%,520px); padding:clamp(1.5rem,5vw,2.5rem); text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:28px; background:rgba(12,27,23,.82); box-shadow:0 30px 80px rgba(0,0,0,.38); backdrop-filter:blur(20px); }
.mk-offline-mark{ width:210px; height:150px; margin:0 auto 1rem; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.mk-offline-mark img{ width:100%; height:100%; object-fit:contain; }
.mk-offline-status{ display:inline-flex; padding:.38rem .7rem; border-radius:999px; color:#ffbd94; background:rgba(210,106,45,.12); font-size:.72rem; font-weight:900; }
.mk-offline-card h1{ margin:1rem 0 .65rem; font-size:clamp(1.35rem,5vw,2rem); font-weight:950; }
.mk-offline-card p{ margin:0; color:rgba(238,246,242,.68); line-height:2; }
.mk-offline-actions{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin:1.35rem 0 1rem; }
.mk-offline-actions :is(button,a){ display:grid; place-items:center; min-height:48px; border:1px solid rgba(255,255,255,.12); border-radius:14px; color:#fff; background:rgba(255,255,255,.06); text-decoration:none; font:inherit; font-weight:900; }
.mk-offline-actions button{ border-color:transparent; background:linear-gradient(135deg,#d26a2d,#b85423); }
.mk-offline-card small{ color:rgba(238,246,242,.46); line-height:1.8; }
@media (min-width:1200px){ html.mk-app-standalone .mk-app-bottom-nav{ right:50%; left:auto; width:520px; transform:translateX(50%); } }
@media (prefers-reduced-motion:reduce){ .mk-app-toast{ transition:none; } }



body.mk-internal-page--contact .mk-contact-hero-tags{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-bs-theme="light"]{
  --mk-mobile-ink: #2c241f;
  --mk-mobile-muted: rgba(62, 50, 42, .72);
  --mk-mobile-line: rgba(83, 67, 56, .12);
}


html[data-bs-theme="light"] .mk-mobile-app-kicker{ color: #a64d21; }
html[data-bs-theme="light"] .mk-mobile-app-tag{
  color: #332920;
  border-color: rgba(83,67,56,.1);
  background: rgba(255,255,255,.72);
}
html[data-bs-theme="light"] .mk-mobile-install-button{
  color: #30271f;
  border-color: rgba(83,67,56,.13);
  background: rgba(255,255,255,.76);
}
html[data-bs-theme="light"] .mk-mobile-install-button:hover{ color: #30271f; background: #fff; }


html[data-bs-theme="light"] .mk-mobile-install-button--primary small{ color: rgba(255,255,255,.74); }
html[data-bs-theme="light"] .mk-mobile-app-status{ color: #23523e; }
html[data-bs-theme="light"] .mk-mobile-app-meta code{ color: rgba(55,43,34,.65); border-color: rgba(83,67,56,.1); background: rgba(255,255,255,.7); }

html[data-bs-theme="light"] .mk-mobile-app-strip h2{ color: #312820; }
html[data-bs-theme="light"] .mk-mobile-app-strip p{ color: rgba(61,49,41,.68); }
html[data-bs-theme="light"] .mk-login-mobile{ border-color: rgba(83,67,56,.1); background: rgba(255,255,255,.7); }
html[data-bs-theme="light"] .mk-login-mobile b{ color: #332920; }
html[data-bs-theme="light"] .mk-login-mobile small{ color: rgba(63,50,42,.62); }
html[data-bs-theme="light"] .mk-login-mobile__actions button{ color: #342a22; border-color: rgba(83,67,56,.11); background: rgba(255,255,255,.82); }
@keyframes mkMobilePulse { 50% { opacity: .55; transform: scale(.8); } }
@keyframes mkMobileOrbit { to { transform: rotate(360deg) translateX(22px) rotate(-360deg); } }
@media (max-width: 1199.98px){
.mk-mobile-app-grid{ grid-template-columns: minmax(0, 1fr) minmax(350px, .82fr); gap: 2rem; }
.mk-mobile-device--front{ right: 8%; }
.mk-mobile-qr{ left: -3%; }
}
@media (max-width: 991.98px){
.mk-mobile-app-shell{ min-height: auto; }
.mk-mobile-app-grid{ grid-template-columns: 1fr; min-height: auto; }
.mk-mobile-app-copy{ max-width: none; }
.mk-mobile-app-visual{ width: min(600px, 100%); margin-inline: auto; }
.mk-mobile-app-shell::before{ background: linear-gradient(180deg, rgba(7,22,18,.97), rgba(7,22,18,.82)); }
html[data-bs-theme="light"] .mk-mobile-app-shell::before{ background: linear-gradient(180deg, rgba(255,252,249,.98), rgba(255,252,249,.88)); }
.mk-mobile-app-strip__inner{ grid-template-columns: auto minmax(0,1fr); }
.mk-mobile-app-strip__actions{ grid-column: 1 / -1; justify-content: flex-start; padding-right: 77px; }
}
@media (max-width: 767.98px){
.mk-mobile-app-showcase{ padding-inline: 0; }
.mk-mobile-app-shell{ border-radius: 22px; }
.mk-mobile-app-grid{ padding: 1.4rem; }
.mk-mobile-app-copy h2{ font-size: clamp(1.65rem, 9vw, 2.35rem); }
.mk-mobile-app-copy > p{ font-size: .88rem; }
.mk-mobile-app-tags{ grid-template-columns: 1fr 1fr; gap: .5rem; }
.mk-mobile-app-tag{ min-height: 44px; padding: .52rem .58rem; font-size: .68rem; }
.mk-mobile-app-actions{ display: grid; grid-template-columns: 1fr; }
.mk-mobile-install-button{ width: 100%; min-width: 0; }
.mk-mobile-app-meta{ flex-wrap: wrap; }
.mk-mobile-app-visual{ min-height: 430px; }
.mk-mobile-device{ width: 184px; }


.mk-mobile-qr{     width: 102px;  }
.mk-mobile-app-strip__inner{ grid-template-columns: auto minmax(0,1fr); gap: .75rem; min-height: 116px; }
.mk-mobile-app-strip__icon{ width: 50px; height: 50px; border-radius: 15px; }
.mk-mobile-app-strip__actions{ display: grid; grid-template-columns: 1fr 1fr; width: 100%; padding-right: 0; }
.mk-mobile-app-strip__actions .btn{ padding-inline: .55rem; font-size: .68rem; }
.mk-login-mobile{ grid-template-columns: auto minmax(0,1fr); }
.mk-login-mobile__actions{ grid-column: 1 / -1; justify-content: flex-end; }
.mk-mobile-install-bar{ display: grid; }
body.mk-internal-page--contact .mk-contact-hero-tags{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }
body.mk-internal-page--contact .mk-contact-hero-tags .mk-internal-tag{
    min-width: 0;
    min-height: 54px;
    padding-inline: .55rem;
    font-size: .68rem;
  }
}
@media (max-width: 420px){
.mk-mobile-app-tags{ grid-template-columns: 1fr; }
.mk-mobile-app-visual{ min-height: 385px; }
.mk-mobile-device{ width: 158px; border-radius: 30px; }
.mk-mobile-device__screen{ border-radius: 24px; }
.mk-mobile-device--front{ right: 0; }
.mk-mobile-device--back{ left: -8px; }
.mk-mobile-install-bar{ grid-template-columns: auto minmax(0,1fr) auto; }
.mk-mobile-install-bar__close{ position: absolute; top: -10px; left: -4px; border: 1px solid rgba(255,255,255,.09); background: #122a22; }
body.mk-internal-page--contact .mk-contact-hero-tags .mk-internal-tag{
    font-size: .62rem;
  }
}
@media (prefers-reduced-motion: reduce){
.mk-mobile-app-status i,.mk-mobile-circuit span{ animation: none !important; }
.mk-mobile-install-button,.mk-mobile-install-bar{ transition: none !important; }
}
body.mk-internal-page--cooperation .mk-coop-hero-tags{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: min(100%, 620px);
}
body.mk-internal-page--cooperation .mk-coop-hero-tags .mk-internal-tag{
  width: 100% !important;
  min-width: 0 !important;
}
.hero-reference .hero-copy,.hero-reference .hero-search.mk-live-search-host{
  position: relative;
  overflow: visible !important;
}
.hero-reference .hero-copy{ z-index: 12 !important; }
.hero-reference .hero-search.mk-live-search-host{ z-index: 80 !important; isolation: auto !important; }
.hero-reference .hero-search.mk-live-search-host .mk-search-results{
  z-index: 1200 !important;
}
.hero-reference .hero-features{
  position: relative;
  z-index: 2 !important;
}
.market-logo-wrap{
  width: clamp(188px, 14vw, 242px) !important;
  height: 86px !important;
}
.mobile-logo{
  width: 188px !important;
  height: 82px !important;
}
.mk-footer-logo{
  width: clamp(205px, 17vw, 250px) !important;
  height: 104px !important;
}
.market-logo-wrap img,.mobile-logo img,.mk-footer-logo img{
  width: 100% !important;
  height: 100% !important;
  max-height: 104px !important;
  object-fit: contain !important;
  transform: none !important;
}
body[data-category-slug="materials"].mk-category-products-page .mk-cat-hero h1{
  line-height: 1.18 !important;
  padding-bottom: .12em !important;
}
body.mk-category-products-page .mk-cat-hero{
  width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  
}
body.mk-category-products-page .mk-cat-hero__media{
  
  
  
  
  background-image:
    linear-gradient(90deg, rgba(5,11,15,.86) 4%, rgba(5,11,15,.48) 52%, rgba(5,11,15,.68) 100%),
    var(--cat-image) !important;
  
  
  background-repeat: no-repeat !important;
  
}
body.mk-category-products-page .mk-cat-hero__media::after{
  background-color: transparent !important;
}
body.mk-category-products-page .mk-cat-hero__inner,body.mk-category-products-page .mk-cat-hero__content{
  position: relative;
  
}
@media (min-width: 1200px){
.mk-mega-column--categories .mk-mega-list{
    grid-template-columns: minmax(0, 1fr) !important;
  }
.mk-mega-column--categories .mk-mega-row{
    min-width: 0 !important;
  }
}
@media (max-width: 767.98px){
.market-logo-wrap{
    width: 158px !important;
    height: 70px !important;
  }
.mobile-logo{
    width: 168px !important;
    height: 74px !important;
  }
.mk-footer-logo{
    width: min(218px, 72vw) !important;
    height: 96px !important;
  }
body.mk-internal-page--cooperation .mk-coop-hero-tags{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }
body.mk-internal-page--cooperation .mk-coop-hero-tags .mk-internal-tag{
    min-height: 54px !important;
    padding: .58rem .64rem !important;
    font-size: .68rem !important;
  }
}
body.mk-category-products-page .mk-cat-hero__media{
  
  
  z-index: 0 !important;
  
  opacity: 1 !important;
  visibility: visible !important;
  
  
  
}
body.mk-category-products-page .mk-cat-hero__media > img{
  
  
  
  max-width: none !important;
  
  
  opacity: 1 !important;
  visibility: visible !important;
  
  
  
}
body.mk-category-products-page .mk-cat-hero::before{
  z-index: 1 !important;
  
}
body.mk-category-products-page .mk-cat-hero::after{ z-index: 2 !important; }
body.mk-category-products-page .mk-cat-hero__inner,body.mk-category-products-page .mk-cat-hero__content{ z-index: 3 !important; }
@media (min-width: 1200px) and (hover: hover){
.mk-mega-column--categories .mk-mega-list{
    display: grid !important;
    
    
    
    
    
    
    padding-left: 0 !important;
  }


.mk-mega-column--categories .mk-mega-row__copy{
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .45rem !important;
  }

.mk-mega-column--categories .mk-mega-row__copy small{
    
    
    line-height: 1 !important;
    
  }

}
.mk-mobile-app-visual{
  isolation: isolate;
  perspective: 1200px;
}
.mk-mobile-app-visual::before{
  content: "";
  position: absolute;
  z-index: 0;
  right: 7%;
  bottom: 2%;
  width: 82%;
  height: 26%;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(47,155,112,.20), rgba(255,138,60,.08) 42%, transparent 72%);
  box-shadow: 0 28px 62px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08);
  filter: blur(.2px);
  transform: rotate(-4deg);
}
.mk-mobile-app-visual::after{
  
  position: absolute;
  z-index: 5;
  right: 3%;
  top: 9%;
  padding: .48rem .72rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(239,250,246,.78);
  background: rgba(5,18,15,.62);
  box-shadow: 0 12px 30px rgba(0,0,0,.24);
  backdrop-filter: blur(12px);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .11em;
}
.mk-mobile-circuit{
  z-index: 1;
  inset: 8% 0 7% !important;
  border-color: rgba(255,138,60,.34) !important;
  box-shadow: inset 0 0 40px rgba(47,155,112,.05), 0 0 44px rgba(255,138,60,.08);
}
.mk-mobile-circuit::before{ border-color: rgba(47,155,112,.32) !important; }
.mk-mobile-circuit::after{ border-color: rgba(255,255,255,.10) !important; }
.mk-mobile-device{
  border: 1px solid rgba(255,255,255,.28) !important;
  background:
    linear-gradient(145deg, #5b6964 0%, #101716 22%, #050807 54%, #34443e 100%) !important;
  box-shadow:
    0 42px 86px rgba(0,0,0,.52),
    0 0 42px rgba(47,155,112,.10),
    inset 0 0 0 2px rgba(255,255,255,.055),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
  transform-style: preserve-3d;
  transition: transform .45s ease, filter .45s ease;
}
.mk-mobile-device::before{
  content: "";
  position: absolute;
  z-index: 6;
  inset: 5px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 31px;
  pointer-events: none;
}
.mk-mobile-device::after{
  content: "";
  position: absolute;
  z-index: 7;
  top: 11%;
  right: 4px;
  width: 2px;
  height: 22%;
  border-radius: 4px;
  background: linear-gradient(180deg, transparent, rgba(255,138,60,.85), transparent);
  box-shadow: 0 0 12px rgba(255,138,60,.52);
}
.mk-mobile-device--front{
  right: 10% !important;
  top: -1% !important;
  transform: rotate(3deg) translateZ(32px) !important;
  animation: mkMobilePremiumFloatFront 5.8s ease-in-out infinite;
}
.mk-mobile-device--back{
  left: 3% !important;
  bottom: 1% !important;
  opacity: .96 !important;
  transform: rotate(-7deg) scale(.92) translateZ(0) !important;
  animation: mkMobilePremiumFloatBack 6.5s ease-in-out infinite;
}
.mk-mobile-device__screen{
  border: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 75% 10%, rgba(47,155,112,.11), transparent 34%),
    linear-gradient(180deg, #102a22, #071411 58%, #0f251e) !important;
  box-shadow: inset 0 0 26px rgba(0,0,0,.24);
}
.mk-mobile-device__notch{
  width: 30% !important;
  height: 18px !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.42);
}
.mk-mobile-device__hero{
  position: relative;
  isolation: isolate;
}
.mk-mobile-device__hero::after{
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.10) 46%, transparent 72%);
  transform: translateX(-120%);
  animation: mkMobileScreenScan 5.4s ease-in-out infinite;
}
.mk-mobile-device__card{
  border-color: rgba(255,255,255,.10) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 8px 18px rgba(0,0,0,.16);
}
.mk-mobile-qr{
  left: -2% !important;
  top: 8% !important;
  border-color: rgba(47,155,112,.24) !important;
  background: linear-gradient(145deg, rgba(11,34,28,.94), rgba(8,20,17,.80)) !important;
  box-shadow: 0 28px 54px rgba(0,0,0,.38), 0 0 30px rgba(47,155,112,.10) !important;
  transform: rotate(-2deg);
}
.mk-mobile-qr::before{
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border: 1px solid rgba(255,138,60,.16);
  border-radius: 21px;
}
@keyframes mkMobilePremiumFloatFront {
  0%,100% { transform: rotate(3deg) translate3d(0,0,32px); }
  50% { transform: rotate(2deg) translate3d(0,-9px,38px); }
}
@keyframes mkMobilePremiumFloatBack {
  0%,100% { transform: rotate(-7deg) scale(.92) translate3d(0,0,0); }
  50% { transform: rotate(-6deg) scale(.92) translate3d(0,-6px,8px); }
}
@keyframes mkMobileScreenScan {
  0%,38% { transform: translateX(-130%); opacity: 0; }
  52% { opacity: .7; }
  72%,100% { transform: translateX(130%); opacity: 0; }
}
html[data-bs-theme="light"] .mk-mobile-app-visual::after{
  color: rgba(49,39,31,.72);
  border-color: rgba(72,58,48,.13);
  background: rgba(255,255,255,.78);
}
@media (max-width: 767.98px){
.mk-mobile-app-visual::after{ top: 2%; right: 1%; }
.mk-mobile-app-visual::before{ right: 2%; width: 96%; }
.mk-mobile-device--front{ right: 3% !important; }
.mk-mobile-device--back{ left: -1% !important; }
.mk-mobile-qr{ left: auto !important; right: 50% !important; top: auto !important; bottom: -4px !important; transform: translateX(50%) rotate(-1deg) !important; }
}
@media (prefers-reduced-motion: reduce){
.mk-mobile-device--front,.mk-mobile-device--back,.mk-mobile-device__hero::after{ animation: none !important; }
}
.market-header .navbar{
  min-height: 96px !important;
  padding-block: 0 !important;
}
.market-header .navbar > .container-fluid,.market-header .navbar-collapse,.market-header .header-actions{
  align-items: center !important;
}
.market-header .navbar-brand.market-brand{
  width: 300px !important;
  height: 96px !important;
  min-height: 96px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 300px !important;
}
.market-header .market-logo-wrap{
  width: 300px !important;
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.market-header .market-logo-wrap picture{
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.market-header .market-logo-wrap img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right center !important;
  margin: 0 !important;
  transform: none !important;
}




body.mk-category-products-page .mk-cat-hero h1{
  
  padding-bottom: .08em !important;
}
@media (min-width: 1200px) and (hover: hover){
.mk-mega-menu__panel{
    width: min(calc(100vw - 1.5rem), 1780px) !important;
    max-height: min(88dvh, 860px) !important;
  }
.mk-mega-menu__body{
    height: min(72dvh, 690px) !important;
    grid-template-columns: minmax(390px, .92fr) minmax(360px, .86fr) minmax(520px, 1.48fr) !important;
  }
.mk-mega-column--categories .mk-mega-list{
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(16, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 2px !important;
    height: calc(100% - 46px) !important;
    overflow: hidden !important;
    padding: 0 0 2px 0 !important;
    box-sizing: border-box !important;
  }
.mk-mega-column--categories .mk-mega-row{
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0 .52rem !important;
    border-radius: 11px !important;
    grid-template-columns: 32px minmax(0, 1fr) 13px !important;
    gap: .50rem !important;
  }
.mk-mega-column--categories .mk-mega-row__icon{
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    font-size: .78rem !important;
  }
.mk-mega-column--categories .mk-mega-row__copy b{
    min-width: 0 !important;
    font-size: .80rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
.mk-mega-column--categories .mk-mega-row__copy small{
    flex: 0 0 auto !important;
    font-size: .60rem !important;
    opacity: .95 !important;
    white-space: nowrap !important;
  }
.mk-mega-column--categories .mk-mega-row__arrow{
    font-size: .60rem !important;
  }
}
.mk-mobile-app-kicker,.mk-mobile-app-visual::after,.mk-mobile-qr small,.mk-mobile-qr b{
  display: none !important;
}
.mk-mobile-app-visual::after{
  content: none !important;
}
@media (min-width: 1200px){
.mk-mobile-app-grid{
    grid-template-columns: minmax(0, 1fr) minmax(500px, .95fr) !important;
    gap: 2.4rem !important;
    align-items: center !important;
  }
.mk-mobile-app-copy{
    max-width: 640px !important;
  }
.mk-mobile-app-visual{
    min-height: 560px !important;
    width: min(560px, 100%) !important;
    margin-inline-start: auto !important;
  }
.mk-mobile-app-visual::before{
    right: 6% !important;
    bottom: 5% !important;
    width: 88% !important;
    height: 28% !important;
  }
.mk-mobile-circuit{
    inset: 10% 2% 8% !important;
  }
.mk-mobile-device--back{
    left: 7% !important;
    bottom: 5% !important;
    transform: rotate(-8deg) scale(.92) translateZ(0) !important;
  }
.mk-mobile-device--front{
    right: 9% !important;
    top: 3% !important;
    transform: rotate(4deg) translateZ(36px) !important;
  }
.mk-mobile-qr{
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 12px !important;
    width: 116px !important;
    transform: translateX(-50%) rotate(-1deg) !important;
  }
}
body[data-page="tracking"] .portal-breadcrumb{
  display: none !important;
}
body[data-page="tracking"] .portal-section::before,body[data-page="tracking"] .portal-card::after{
  display: none !important;
}
body[data-page="tracking"] .portal-hero{
  position: relative;
  overflow: hidden;
  
}
body[data-page="tracking"] .portal-hero .portal-kicker{
  
  align-items: center;
  gap: .55rem;
  padding: .68rem .95rem;
  border: 1px solid rgba(255,138,60,.22);
  border-radius: 999px;
  background: rgba(8,18,20,.48);
  backdrop-filter: blur(10px);
}
body[data-page="tracking"] .portal-hero h1{
  font-size: clamp(2.25rem, 4.7vw, 4.6rem);
  line-height: 1.14;
}
body[data-page="tracking"] .mk-tracking-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,138,60,.16) !important;
  border-radius: 28px !important;
  
  box-shadow: 0 30px 80px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.05) !important;
}
body[data-page="tracking"] .mk-tracking-card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, #000, transparent 86%);
}
body[data-page="tracking"] .mk-tracking-kicker{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255,138,60,.20);
  background: rgba(255,255,255,.04);
  color: #ffd9c1;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .02em;
}
body[data-page="tracking"] .mk-tracking-kicker i{ color: #ff8a43; }
body[data-page="tracking"] .mk-tracking-card h2{
  margin-top: 1rem;
  
  
  
}
body[data-page="tracking"] .mk-tracking-card p{
  color: rgba(230,240,236,.78);
  line-height: 2;
}
body[data-page="tracking"] .mk-tracking-form{
  margin-top: 1.6rem;
}
body[data-page="tracking"] .mk-tracking-form .form-label{
  margin-bottom: .52rem;
  color: rgba(239,246,243,.88);
  font-weight: 800;
}
body[data-page="tracking"] .mk-tracking-form .form-control{
  min-height: 58px;
  border-radius: 18px;
  border-color: rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}
body[data-page="tracking"] .mk-tracking-form .form-control:focus{
  border-color: rgba(255,138,60,.28);
  box-shadow: 0 0 0 .18rem rgba(255,138,60,.14);
}
body[data-page="tracking"] .mk-tracking-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: 1rem;
}
body[data-page="tracking"] .mk-tracking-action-note{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .82rem 1rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  color: rgba(235,242,239,.72);
  background: rgba(255,255,255,.03);
}
html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-card{
  
  border-color: rgba(188,120,71,.18) !important;
}
html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-kicker{
  color: #874b27;
  background: rgba(255,255,255,.8);
}
html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-card p,html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-action-note,html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-form .form-label{
  color: #5f5348;
}
@media (max-width: 1199.98px){
#portalHeader{ position:sticky; top:0; z-index:1030; }
#portalHeader > .market-header{ position:relative !important; top:auto !important; }
.market-header .navbar{ min-height:84px !important; }
.market-header .navbar > .container-fluid{ position:relative; display:flex !important; flex-flow:row nowrap !important; direction:ltr !important; justify-content:flex-start !important; align-items:center !important; gap:.45rem; min-width:0; overflow:visible; }
.market-header .navbar-brand.market-brand{ order:1 !important; width:min(190px,46vw) !important; height:72px !important; min-height:72px !important; flex:0 1 min(190px,46vw) !important; justify-content:flex-start !important; margin:0 auto 0 0 !important; padding:0 !important; }
.market-header .market-logo-wrap{ width:100% !important; height:64px !important; justify-content:flex-start !important; margin:0 !important; padding:0 !important; }
.market-header .market-logo-wrap picture{ justify-content:flex-start !important; }
.market-header .market-logo-wrap img{ object-position:left center !important; transform:none !important; }
.mk-mobile-header-actions{ order:2; display:flex; flex-flow:row nowrap; align-items:center; gap:.4rem; min-width:0; flex:0 0 auto; }
.mk-mobile-header-actions .mk-mobile-header-cart{ position:relative; display:block; order:3; flex:0 0 auto; }
.mk-mobile-header-actions .mk-mobile-header-cart.mk-cart-controller-only{ width:0; min-width:0; height:0; flex-basis:0; margin:0; overflow:visible; pointer-events:none; }
.mk-mobile-header-actions .mk-mobile-header-cart.mk-cart-controller-only>.cart-button{ display:none !important; }
.mk-mobile-header-actions .mk-mobile-header-cart.mk-cart-controller-only .mk-cart-panel{ pointer-events:auto; }
.mk-mobile-header-actions .mk-mobile-header-cart>.cart-button{ width:40px; height:40px; min-width:40px; display:grid; place-items:center; margin:0; border-radius:50%; }
.mk-mobile-header-actions .mk-mobile-header-cart .mk-cart-panel{ position:fixed; z-index:1050; top:calc(70px + env(safe-area-inset-top,0px)); right:max(12px,env(safe-area-inset-right,0px)); left:max(12px,env(safe-area-inset-left,0px)); width:auto; max-width:none; max-height:min(70dvh,560px); box-sizing:border-box; overflow-x:hidden; overflow-y:auto; transform:none; }
.mk-mobile-header-actions .mk-mobile-header-cart .mk-cart-panel__close{ display:grid; }
.mk-mobile-header-actions :is(.header-icon,.theme-switch){ width:40px; height:40px; min-width:40px; display:grid; place-items:center; margin:0; border-radius:50%; }
html[data-bs-theme="light"] .mk-mobile-header-actions :is(.header-icon,.theme-switch){ border:1px solid rgba(29,93,70,.28); color:#174f3d; background:rgba(255,255,255,.88); box-shadow:0 5px 16px rgba(35,73,58,.12); }
.market-header .navbar-toggler{ order:3 !important; width:42px; height:42px; display:grid !important; place-items:center; margin:0 !important; flex:0 0 42px; align-self:center; }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel{ position:absolute; top:calc(100% + 8px); right:0; left:0; z-index:1060; width:auto; margin:0; padding:.55rem; direction:rtl; text-align:right; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(8,18,17,.98); box-shadow:0 18px 48px rgba(0,0,0,.34); }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel[hidden],html.mk-app-standalone body > .mk-mobile-header-search-panel[hidden]{ display:none !important; }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel :is(.mk-mobile-live-search,.mk-mobile-live-search__field,.mk-search-results,.mk-search-results__head,.mk-search-result,.mk-search-result__copy),html.mk-app-standalone body > .mk-mobile-header-search-panel :is(.mk-mobile-live-search,.mk-mobile-live-search__field,.mk-search-results,.mk-search-results__head,.mk-search-result,.mk-search-result__copy){ direction:rtl; text-align:right; }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel .mk-mobile-live-search__field,html.mk-app-standalone body > .mk-mobile-header-search-panel .mk-mobile-live-search__field{ flex-direction:row; }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel .form-control,html.mk-app-standalone body > .mk-mobile-header-search-panel .form-control{ text-align:right !important; }
html:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel .mk-search-result,html.mk-app-standalone body > .mk-mobile-header-search-panel .mk-search-result{ grid-template-columns:42px minmax(0,1fr) 28px; }
html[data-bs-theme="light"]:not(.mk-app-standalone) .market-header .navbar > .container-fluid > .mk-mobile-header-search-panel,html[data-bs-theme="light"].mk-app-standalone body > .mk-mobile-header-search-panel{ border-color:rgba(35,72,57,.16); background:rgba(250,247,240,.99); box-shadow:0 18px 48px rgba(58,45,30,.16); }
.mk-mobile-search-close{ width:40px; height:40px; min-width:40px; flex:0 0 40px; display:grid; place-items:center; align-self:center; margin:0; padding:0; border:1px solid rgba(255,255,255,.15); border-radius:13px; color:#f6fbf8; background:rgba(255,255,255,.055); box-shadow:none; }
.mk-mobile-search-close .mk-svg-icon{ width:18px; height:18px; }
.mk-mobile-search-close:focus-visible{ outline:2px solid rgba(255,138,60,.72); outline-offset:2px; }
html[data-bs-theme="light"] .mk-mobile-search-close{ color:#285543; border-color:rgba(35,72,57,.18); background:rgba(35,72,57,.055); }
@media (max-width: 479.98px){
  .market-header .navbar{ min-height:72px !important; }
  .market-header .navbar > .container-fluid{ gap:.26rem; padding-inline:.55rem !important; }
  .market-header .navbar-brand.market-brand{ width:clamp(106px,35vw,140px) !important; height:60px !important; min-height:60px !important; flex:0 1 clamp(106px,35vw,140px) !important; }
  .market-header .market-logo-wrap{ height:54px !important; }
  .mk-mobile-header-actions{ gap:.24rem; }
  .mk-mobile-header-actions :is(.header-icon,.theme-switch){ width:36px; height:36px; min-width:36px; }
  .market-header .navbar-toggler{ width:42px; height:42px; min-width:42px; flex-basis:42px; }
}
@media (max-width: 359.98px){
  .market-header .navbar > .container-fluid{ gap:.18rem; padding-inline:.4rem !important; }
  .market-header .navbar-brand.market-brand{ width:clamp(94px,30vw,108px) !important; height:56px !important; min-height:56px !important; flex:0 1 clamp(94px,30vw,108px) !important; }
  .market-header .market-logo-wrap{ height:50px !important; }
  .mk-mobile-header-actions{ gap:.16rem; }
  .mk-mobile-header-actions :is(.header-icon,.theme-switch){ width:34px; height:34px; min-width:34px; }
  .market-header .navbar-toggler{ width:42px; height:42px; min-width:42px; flex-basis:42px; }
}
html:not(.mk-app-standalone)[data-bs-theme="dark"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel){
  color:#f3faf7;
  color-scheme:dark;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(160deg,rgba(12,28,24,.99),rgba(7,18,16,.99));
  box-shadow:0 24px 64px rgba(0,0,0,.38);
}
html:not(.mk-app-standalone)[data-bs-theme="light"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel){
  color:#2d2924;
  color-scheme:light;
  border-color:rgba(49,92,74,.16);
  background:linear-gradient(160deg,#fff,#f5f1e9);
  box-shadow:0 22px 54px rgba(58,45,30,.16);
}
html:not(.mk-app-standalone) body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel) :is(.form-control,.form-select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){
  min-height:48px;
  border-radius:14px;
  direction:rtl;
  text-align:right;
}
html:not(.mk-app-standalone)[data-bs-theme="dark"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel) :is(.form-control,.form-select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){
  color:#f2f8f5;
  border-color:rgba(255,255,255,.13);
  background:#10231e;
}
html:not(.mk-app-standalone)[data-bs-theme="dark"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel) :is(.form-control,.form-select,textarea,input)::placeholder{
  color:rgba(232,242,238,.54);
}
html:not(.mk-app-standalone)[data-bs-theme="light"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel) :is(.form-control,.form-select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){
  color:#302a25;
  border-color:rgba(49,92,74,.16);
  background:#fffdf9;
}
html:not(.mk-app-standalone)[data-bs-theme="light"] body :is(.modal-content,.dropdown-menu,.products-filter,.mk-mobile-header-search-panel) :is(.form-control,.form-select,textarea,input)::placeholder{
  color:rgba(63,53,45,.52);
}
html:not(.mk-app-standalone)[data-bs-theme="dark"] body :is(.modal-content,.products-filter) .btn-close{ filter:invert(1) grayscale(1); }
#mobileMenu .mk-mega-trigger--mobile{ direction:rtl; justify-items:stretch; text-align:right; font:inherit; }
#mobileMenu .mk-mega-trigger--mobile .mk-mobile-nav__label{ display:block; width:100%; justify-self:stretch; text-align:right; font-size:inherit; font-weight:800; }
#mobileMenu .mk-mega-trigger--mobile .mk-mobile-nav__arrow{ transform:rotate(0deg); transform-origin:center; transition:transform .22s ease; }
#mobileMenu .mk-mega-trigger--mobile[aria-expanded="true"] .mk-mobile-nav__arrow{ transform:rotate(-90deg); }
}
@media (max-width: 991.98px){
body[data-page="tracking"] .mk-tracking-card{ border-radius:22px !important; }
body[data-page="tracking"] .mk-tracking-actions{ flex-direction:column; }
}


body.mk-category-products-page[data-category-slug="materials"] .mk-cat-hero__media > img{ object-position: center 48% !important; }
body.mk-category-products-page[data-category-slug="steel"] .mk-cat-hero__media > img{ object-position: center 44% !important; }
body.mk-category-products-page[data-category-slug="finishes"] .mk-cat-hero__media > img{ object-position: center 42% !important; }
body.mk-category-products-page[data-category-slug="installations"] .mk-cat-hero__media > img{ object-position: center 42% !important; }
body.mk-category-products-page[data-category-slug="plumbing"] .mk-cat-hero__media > img{ object-position: center 45% !important; }
body.mk-category-products-page[data-category-slug="doors"] .mk-cat-hero__media > img{ object-position: center 46% !important; }
body.mk-category-products-page[data-category-slug="tools"] .mk-cat-hero__media > img{ object-position: center 46% !important; }
body.mk-category-products-page[data-category-slug="decor"] .mk-cat-hero__media > img{ object-position: center 44% !important; }
body.mk-category-products-page[data-category-slug="office"] .mk-cat-hero__media > img{ object-position: center 47% !important; }
body.mk-category-products-page[data-category-slug="safety"] .mk-cat-hero__media > img{ object-position: center 45% !important; }
body.mk-category-products-page[data-category-slug="landscape"] .mk-cat-hero__media > img{ object-position: center 44% !important; }
body.mk-category-products-page[data-category-slug="machinery"] .mk-cat-hero__media > img{ object-position: center 46% !important; }
body.mk-category-products-page[data-category-slug="engineering"] .mk-cat-hero__media > img{ object-position: center 44% !important; }
body.mk-category-products-page[data-category-slug="shipping"] .mk-cat-hero__media > img{ object-position: center 46% !important; }
body.mk-category-products-page[data-category-slug="smart"] .mk-cat-hero__media > img{ object-position: center 47% !important; }
body.mk-category-products-page[data-category-slug="lighting"] .mk-cat-hero__media > img{ object-position: center 45% !important; }
body[data-page="tracking"] .portal-hero{
  width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  min-height: clamp(450px, 48vw, 590px) !important;
  padding-block: 64px !important;
  background:
    radial-gradient(circle at 16% 34%, rgba(223,100,31,.24), transparent 28%),
    linear-gradient(135deg, #171819, #0f1112 58%, #21120c) !important;
}
body[data-page="tracking"] .portal-hero::before{
  opacity: .42 !important;
}
body[data-page="tracking"] .portal-hero::after{
  content: "MK / ORDER TRACKING" !important;
  position: absolute;
  left: 4vw;
  bottom: 20px;
  color: rgba(255,255,255,.05);
  font: 900 clamp(1.8rem, 4.4vw, 4.6rem)/1 sans-serif;
  letter-spacing: .08em;
  pointer-events: none;
}
body[data-page="tracking"] .portal-hero .portal-hero__inner{
  position: relative;
  z-index: 2;
}
body[data-page="tracking"] .portal-hero .portal-hero__grid{
  grid-template-columns: minmax(0, 1fr) minmax(470px, .9fr) !important;
  gap: clamp(2rem, 4.5vw, 5rem) !important;
  align-items: center !important;
}
body[data-page="tracking"] .portal-hero__media{
  height: 330px !important;
  border-radius: 36px 8px 36px 8px !important;
}
body[data-page="tracking"] .portal-hero .portal-kicker{
  display: inline-flex !important;
  width: max-content !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  padding-inline: .95rem !important;
}



body[data-page="tracking"] .portal-section{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

html[data-bs-theme="light"] body[data-page="tracking"] .portal-hero{
  background:
    radial-gradient(circle at 16% 34%, rgba(223,100,31,.18), transparent 28%),
    linear-gradient(135deg, #f4ece4, #fff9f5 58%, #ead7c8) !important;
}
html[data-bs-theme="light"] body[data-page="tracking"] .portal-hero::after{
  color: rgba(119, 72, 42, .06) !important;
}
@media (max-width: 991.98px){
body[data-page="tracking"] .portal-hero{
    min-height: auto !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }
body[data-page="tracking"] .portal-hero::after{
    display: none !important;
  }
body[data-page="tracking"] .portal-hero .portal-hero__grid{
    grid-template-columns: 1fr !important;
  }
body[data-page="tracking"] .portal-hero__media{
    height: 240px !important;
  }
}
body.mk-category-products-page .mk-cat-hero__media{
  transform: none !important;
  animation: none !important;
  background-size: contain !important;
  background-position: center center !important;
  background-color: #0a1012 !important;
  
}

html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__media{
  background-color: #eef2f1 !important;
}

@media (max-width: 991.98px){
body.mk-category-products-page .mk-cat-hero__media{
    background-size: cover !important;
  }
}



body[data-page="tracking"] #portalMain > .portal-hero{
  
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  
  
  
  background:
    radial-gradient(circle at 18% 34%, rgba(231,99,36,.24), transparent 28%),
    linear-gradient(135deg, #171819, #0d1114 58%, #1c120d) !important;
}


body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__grid{
  grid-template-columns: minmax(0, 1fr) minmax(480px, .92fr) !important;
  gap: clamp(2rem, 4.5vw, 5.5rem) !important;
  align-items: center !important;
}

body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__media{
  height: 340px !important;
  border-radius: 34px 10px 34px 10px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.34) !important;
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-kicker{
  
  
  
  align-self: flex-start !important;
  
}


html[data-bs-theme="light"] body[data-page="tracking"] #portalMain > .portal-hero{
  background:
    radial-gradient(circle at 18% 34%, rgba(231,99,36,.18), transparent 28%),
    linear-gradient(135deg, #f3ece4, #fffaf6 58%, #ead8c9) !important;
}

@media (max-width: 991.98px){

body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__grid{
    grid-template-columns: 1fr !important;
  }
body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__media{
    height: 240px !important;
  }
}
#heroCarousel .hero-copy{
  overflow: visible !important;
}
#heroCarousel .hero-copy h1{
  
  
  overflow: visible !important;
  text-rendering: geometricPrecision;
  
  
  
}
html[data-bs-theme="light"] .mk-mobile-install-button[data-mk-install-action="ios"]{
  color: #2f271f !important;
  border-color: rgba(115,89,68,.22) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,241,234,.92)) !important;
  box-shadow: 0 14px 32px rgba(87,66,49,.10), inset 0 1px rgba(255,255,255,.75) !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button[data-mk-install-action="ios"]:hover{
  color: #201912 !important;
  border-color: rgba(231,99,36,.26) !important;
  background: #ffffff !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button[data-mk-install-action="ios"] > i{
  color: #7f4d2d !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button[data-mk-install-action="ios"] small{
  color: rgba(52,41,31,.78) !important;
}



body.mk-category-products-page .mk-cat-hero::before{
  background:
    linear-gradient(90deg, rgba(4,10,12,.86) 4%, rgba(4,10,12,.58) 38%, rgba(4,10,12,.18) 70%, rgba(4,10,12,.38) 100%),
    linear-gradient(180deg, rgba(4,10,12,.10), rgba(4,10,12,.42)) !important;
}
html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__media{
  background: #edf1f0 !important;
}
html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero::before{
  background:
    linear-gradient(90deg, rgba(248,245,241,.88) 6%, rgba(248,245,241,.56) 40%, rgba(248,245,241,.08) 72%, rgba(248,245,241,.24) 100%),
    linear-gradient(180deg, rgba(248,245,241,.08), rgba(248,245,241,.18)) !important;
}
@media (max-width: 991.98px){
body.mk-category-products-page .mk-cat-hero__media > img{
    object-fit: cover !important;
  }
}

body[data-page="tracking"] #portalMain{
  position: relative;
  background:
    radial-gradient(circle at 10% 5%, rgba(231,99,36,.08), transparent 18%),
    radial-gradient(circle at 90% 8%, rgba(41,166,121,.06), transparent 16%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)) !important;
}
body[data-page="tracking"] #portalMain::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.52), transparent 92%);
}
body[data-page="tracking"] #portalMain > .portal-hero{
  width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  min-height: clamp(470px, 45vw, 620px) !important;
  background-image:
    linear-gradient(90deg, rgba(5,10,12,.88) 3%, rgba(5,10,12,.66) 40%, rgba(5,10,12,.24) 76%, rgba(5,10,12,.42) 100%),
    linear-gradient(180deg, rgba(5,10,12,.10), rgba(5,10,12,.30)),
    url("../images/categories/shipping.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body[data-page="tracking"] #portalMain > .portal-hero::after{
  content: "ORDER TRACKING" !important;
  position: absolute;
  left: 4vw;
  bottom: 18px;
  color: rgba(255,255,255,.05);
  font: 900 clamp(1.7rem, 4vw, 4.8rem)/1 sans-serif;
  letter-spacing: .08em;
  pointer-events: none;
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__inner{
  position: relative;
  z-index: 2;
  padding-block: clamp(4rem, 5.5vw, 5.4rem) !important;
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__grid{
  display: block !important;
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-hero__media{
  display: none !important;
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-kicker{
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  padding-inline: .92rem !important;
  white-space: nowrap !important;
}
body[data-page="tracking"] #portalMain .portal-section,body[data-page="tracking"] #portalMain .unified-page-cta{
  position: relative;
  z-index: 1;
  background: transparent !important;
}
body[data-page="tracking"] .mk-tracking-card{
  background:
    radial-gradient(circle at top left, rgba(255,138,60,.11), transparent 34%),
    linear-gradient(180deg, rgba(11,22,21,.94), rgba(8,16,17,.90)) !important;
}

html[data-bs-theme="light"] body[data-page="tracking"] #portalMain{
  background:
    radial-gradient(circle at 10% 5%, rgba(231,99,36,.07), transparent 18%),
    radial-gradient(circle at 90% 8%, rgba(41,166,121,.05), transparent 16%),
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0)) !important;
}
html[data-bs-theme="light"] body[data-page="tracking"] #portalMain > .portal-hero{
  background-image:
    linear-gradient(90deg, rgba(249,244,239,.88) 3%, rgba(249,244,239,.58) 40%, rgba(249,244,239,.12) 76%, rgba(249,244,239,.26) 100%),
    linear-gradient(180deg, rgba(249,244,239,.08), rgba(249,244,239,.16)),
    url("../images/categories/shipping.webp") !important;
}
html[data-bs-theme="light"] body[data-page="tracking"] #portalMain > .portal-hero::after{
  color: rgba(121,77,49,.06) !important;
}

@media (max-width: 991.98px){
body[data-page="tracking"] #portalMain > .portal-hero{
    width: 100% !important;
    margin-inline: 0 !important;
    min-height: auto !important;
  }
body[data-page="tracking"] #portalMain > .portal-hero::after{ display:none !important; }
}
#heroCarousel .hero-copy,#heroCarousel .carousel-item,#heroCarousel .hero-slide__inner{
  overflow: visible !important;
}
#heroCarousel .hero-copy h1{
  display: block !important;
  
  letter-spacing: -.03em !important;
  
  
  
  
  
  
  
}
#heroCarousel .hero-copy h1 br{
  display: block;
  content: "";
}
#heroCarousel .hero-copy p{
  transform: none !important;
  animation: none !important;
}
html[data-bs-theme="light"] #heroCarousel .hero-copy h1,html[data-bs-theme="light"] #heroCarousel .hero-copy p{
  color: #2e241d !important;
}
html[data-bs-theme="light"] #heroCarousel .hero-features > div{
  border-color: rgba(114,87,63,.16) !important;
  background:
    radial-gradient(circle at 100% 50%, rgba(20,127,109,.07), transparent 50%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(250,247,244,.97)) !important;
  color: #34291f !important;
  box-shadow: 0 14px 28px rgba(86,67,54,.08), inset 0 1px rgba(255,255,255,.92) !important;
}
html[data-bs-theme="light"] #heroCarousel .hero-features > div span,html[data-bs-theme="light"] #heroCarousel .hero-kicker{
  color: #34291f !important;
}
html[data-bs-theme="light"] #heroCarousel .hero-kicker{
  background:
    linear-gradient(110deg, rgba(231,99,36,.12), rgba(31,126,87,.08) 64%, rgba(255,255,255,.94)),
    rgba(255,255,255,.92) !important;
  border-color: rgba(255,139,78,.24) !important;
  box-shadow: 0 12px 28px rgba(86,67,54,.08), inset 0 1px rgba(255,255,255,.96) !important;
}
.hero-slide--architecture{ background-image: url("../images/reference/hero-architecture-hq.webp") !important; }
.hero-slide--construction{ background-image: url("../images/reference/hero-construction-hq.webp") !important; }
.hero-slide--smart{ background-image: url("../images/reference/hero-smart-hq.webp") !important; }
#heroCarousel .hero-copy h1{
  line-height: 1.28 !important;
  padding-bottom: .2em !important;
  margin-bottom: 1rem !important;
  white-space: normal !important;
  animation: none !important;
  transform: none !important;
  transition: none !important;
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased;
  will-change: auto !important;
  text-wrap: initial !important;
}
#heroCarousel .hero-copy,#heroCarousel .hero-slide__inner,#heroCarousel .carousel-item.active .hero-copy{
  transform: none !important;
  animation: none !important;
}
#heroCarousel .hero-copy p,#heroCarousel .hero-kicker{
  transform: none !important;
  animation: none !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button,html[data-bs-theme="light"] .mk-mobile-install-button:hover{
  color: #2d241c !important;
  border-color: rgba(112,88,69,.18) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,241,235,.96)) !important;
  box-shadow: 0 14px 30px rgba(87,66,49,.10), inset 0 1px rgba(255,255,255,.95) !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button > i{ color: #8b522b !important; }
html[data-bs-theme="light"] .mk-mobile-install-button b{ color: #251d16 !important; }
html[data-bs-theme="light"] .mk-mobile-install-button small{ color: rgba(45,36,28,.72) !important; }
html[data-bs-theme="light"] .mk-mobile-install-button--primary,html[data-bs-theme="light"] .mk-mobile-install-button--primary:hover{
  color: #fff !important;
  border-color: rgba(228,101,39,.18) !important;
  background: linear-gradient(135deg, #e36a2a, #1f7256) !important;
  box-shadow: 0 16px 34px rgba(115,83,55,.16), inset 0 1px rgba(255,255,255,.18) !important;
}
html[data-bs-theme="light"] .mk-mobile-install-button--primary > i,html[data-bs-theme="light"] .mk-mobile-install-button--primary b,html[data-bs-theme="light"] .mk-mobile-install-button--primary small{ color: #fff !important; }
body[data-page="tracking"] #portalMain > .portal-hero,html[data-bs-theme="light"] body[data-page="tracking"] #portalMain > .portal-hero{
  
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body[data-page="tracking"] #portalMain > .portal-hero::after,body[data-page="tracking"] .portal-hero::after{
  content: none !important;
  display: none !important;
}
body[data-page="tracking"] #portalMain > .portal-hero::before{
  opacity: 0 !important;
}
body[data-page="tracking"] #portalMain > .portal-hero h1{
  display: inline-block !important;
  margin-bottom: .75rem !important;
  font-size: clamp(2.9rem, 5vw, 5.3rem) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  color: transparent !important;
  background: linear-gradient(105deg, #ffffff 0%, #fff5ee 34%, #ff9a52 62%, #89c8a0 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  filter: drop-shadow(0 14px 30px rgba(0,0,0,.24));
}
body[data-page="tracking"] #portalMain > .portal-hero .portal-kicker{
  color: #f9dfd2 !important;
  border-color: rgba(255,151,88,.24) !important;
  background: linear-gradient(130deg, rgba(231,99,36,.18), rgba(28,109,76,.11), rgba(9,18,19,.52)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.12) !important;
}
body[data-page="tracking"] .mk-tracking-card h2{
  font-size: clamp(1.8rem, 3vw, 2.7rem) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}
body[data-page="tracking"]{
  background:
    radial-gradient(circle at 8% 14%, rgba(231,99,36,.14), transparent 20%),
    radial-gradient(circle at 88% 16%, rgba(41,166,121,.10), transparent 18%),
    linear-gradient(180deg, #091213 0%, #0d1719 44%, #091214 100%) !important;
}
body[data-page="tracking"] #portalMain,html[data-bs-theme="light"] body[data-page="tracking"] #portalMain{
  background:
    radial-gradient(circle at 10% 5%, rgba(231,99,36,.07), transparent 18%),
    radial-gradient(circle at 90% 8%, rgba(41,166,121,.05), transparent 16%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)) !important;
}
html[data-bs-theme="light"] body[data-page="tracking"]{
  background:
    radial-gradient(circle at 8% 14%, rgba(231,99,36,.11), transparent 20%),
    radial-gradient(circle at 88% 16%, rgba(41,166,121,.08), transparent 18%),
    linear-gradient(180deg, #f5eee6 0%, #efe6dd 44%, #edf1ed 100%) !important;
}
html[data-bs-theme="light"] body[data-page="tracking"] .mk-tracking-card{
  background:
    radial-gradient(circle at top left, rgba(255,138,60,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,240,233,.96)) !important;
}



body.mk-category-products-page .mk-cat-hero::before,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero::before{
  background:
    linear-gradient(90deg, rgba(4,10,12,.90) 4%, rgba(4,10,12,.68) 40%, rgba(4,10,12,.22) 74%, rgba(4,10,12,.50) 100%),
    linear-gradient(180deg, rgba(4,10,12,.12), rgba(4,10,12,.54)) !important;
}
body.mk-category-products-page .mk-cat-kicker,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-kicker{
  
  border-color: rgba(255,138,74,.22) !important;
  
  
}

body.mk-category-products-page .mk-cat-hero__stats span,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats span{
  border-color: rgba(255,255,255,.10) !important;
  
  
}
body.mk-category-products-page .mk-cat-hero__stats b,body.mk-category-products-page .mk-cat-hero__stats small,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats b,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats small{
  color: #ecf4f6 !important;
}

body[data-page="order-guide"] .portal-hero__media img,body[data-page="faq"] .portal-hero__media img,body[data-page="licenses"] .portal-hero__media img,body[data-page="cooperation"] .portal-hero__media img,body[data-page="contact"] .portal-hero__media img,body[data-page="about"] .portal-hero__media img,body[data-page="products"] .portal-hero__media img,body[data-page="suppliers"] .portal-hero__media img{
  image-rendering: auto !important;
  filter: saturate(1.02) contrast(1.02) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-showcase,html[data-bs-theme="light"] .mk-mobile-app-shell{
  color: #30261f !important;
}

html[data-bs-theme="light"] .mk-mobile-app-copy h2,html[data-bs-theme="light"] .mk-mobile-app-strip h2,html[data-bs-theme="light"] .mk-mobile-app-copy > p,html[data-bs-theme="light"] .mk-mobile-app-status,html[data-bs-theme="light"] .mk-mobile-app-meta,html[data-bs-theme="light"] .mk-mobile-app-strip p{
  color: #312821 !important;
}
html[data-bs-theme="light"] .mk-mobile-app-copy > p,html[data-bs-theme="light"] .mk-mobile-app-strip p,html[data-bs-theme="light"] .mk-mobile-app-status,html[data-bs-theme="light"] .mk-mobile-app-meta code{
  color: rgba(49,40,33,.72) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-kicker,html[data-bs-theme="light"] .mk-mobile-app-tag{
  border-color: rgba(102,76,57,.12) !important;
  background: rgba(255,255,255,.86) !important;
  color: #332920 !important;
}

html[data-bs-theme="light"] .mk-mobile-app-strip__actions .btn{
  border-color: rgba(102,76,57,.12) !important;
  color: #312821 !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 10px 24px rgba(94,70,51,.08), inset 0 1px rgba(255,255,255,.92) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-strip__actions .btn:hover{
  color: #211913 !important;
  background: #ffffff !important;
}
html[data-bs-theme="light"] .mk-mobile-app-strip__actions .btn.btn-accent,html[data-bs-theme="light"] .mk-mobile-app-strip__actions .btn.btn-primary,html[data-bs-theme="light"] .mk-mobile-app-strip__actions .btn[class*="accent"]{
  color: #fff !important;
  background: linear-gradient(135deg, #e36a2a, #1f7256) !important;
  border-color: rgba(227,106,42,.16) !important;
}


body.mk-category-products-page .mk-cat-hero__media > img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  animation: none !important;
  filter: saturate(1.02) contrast(1.03) !important;
}
body.mk-category-products-page .mk-cat-hero h1{
  position: relative !important;
  display: inline-block !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  margin-bottom: 1rem !important;
  color: transparent !important;
  background: linear-gradient(108deg, #ffffff 0%, #fff3eb 32%, #ff964d 62%, #88d0a9 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.20));
  animation: mkCatTitlePremiumGlow 7s ease-in-out infinite !important;
}
body.mk-category-products-page .mk-cat-hero h1::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,150,77,0), rgba(255,150,77,.92), rgba(126,203,165,.72), rgba(255,150,77,0));
  box-shadow: 0 0 18px rgba(255,150,77,.34);
  animation: mkCatTitleLinePulse 5.5s ease-in-out infinite;
}
@keyframes mkCatTitlePremiumGlow {
  0%,100% { background-position: 0% 50%; transform: translateY(0); filter: drop-shadow(0 12px 28px rgba(0,0,0,.18)); }
  50% { background-position: 100% 50%; transform: translateY(-2px); filter: drop-shadow(0 16px 34px rgba(255,144,70,.18)); }
}
@keyframes mkCatTitleLinePulse {
  0%,100% { opacity: .72; transform: scaleX(.92); }
  50% { opacity: 1; transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce){
body.mk-category-products-page .mk-cat-hero h1,body.mk-category-products-page .mk-cat-hero h1::after{ animation: none !important; }
}
body.mk-category-products-page .mk-cat-hero{
  position: relative !important;
  
  
  
  overflow: hidden !important;
  background: #071015 !important;
  border-radius: 0 !important;
}
body.mk-category-products-page .mk-cat-hero::before,body.mk-category-products-page .mk-cat-hero::after,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero::before,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero::after{
  content: none !important;
  display: none !important;
  background: none !important;
}
body.mk-category-products-page .mk-cat-hero__media{
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  background: #071015 !important;
  filter: none !important;
}
body.mk-category-products-page .mk-cat-hero__media > img,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__media > img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
}
body.mk-category-products-page .mk-cat-hero__inner{
  position: relative !important;
  z-index: 2 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding-block: clamp(2rem, 3vw, 3rem) !important;
}
body.mk-category-products-page .mk-cat-hero__content{
  max-width: min(640px, 44vw) !important;
  padding: clamp(1.2rem, 1.6vw, 1.7rem) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(8,16,18,.78), rgba(8,16,18,.58)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05) !important;
  backdrop-filter: blur(8px) !important;
}
html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__content{
  background:
    linear-gradient(145deg, rgba(8,16,18,.78), rgba(8,16,18,.58)) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05) !important;
}
body.mk-category-products-page .mk-cat-kicker,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-bottom: .9rem !important;
  padding: .62rem 1rem !important;
  color: #f6dfd1 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,153,88,.24) !important;
  background: linear-gradient(135deg, rgba(233,107,45,.18), rgba(18,89,64,.16), rgba(9,17,18,.46)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.07) !important;
}
body.mk-category-products-page .mk-cat-kicker i,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-kicker i{ color: #ff944a !important; }
body.mk-category-products-page .mk-cat-hero h1,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero h1{
  position: relative !important;
  display: block !important;
  margin: 0 0 1rem !important;
  font-size: clamp(2.4rem, 4.6vw, 4.8rem) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  color: transparent !important;
  background: linear-gradient(108deg, #ffffff 0%, #fff3eb 30%, #ff964d 62%, #8ed3af 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
  animation: mkCatHeroTitleFlow 7s ease-in-out infinite !important;
}
body.mk-category-products-page .mk-cat-hero__lead,body.mk-category-products-page .mk-cat-hero p,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__lead,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero p{
  margin: 0 0 1.15rem !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
  color: rgba(236,243,245,.90) !important;
}
body.mk-category-products-page .mk-cat-hero__stats{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: .8rem !important;
}
body.mk-category-products-page .mk-cat-hero__stats span,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats span{
  position: relative !important;
  overflow: hidden !important;
  min-height: 88px !important;
  padding: .85rem .9rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.05) !important;
  backdrop-filter: blur(6px) !important;
  animation: mkCatHeroTagFloat 6s ease-in-out infinite !important;
}
body.mk-category-products-page .mk-cat-hero__stats span:nth-child(2){ animation-delay: .8s !important; }
body.mk-category-products-page .mk-cat-hero__stats span:nth-child(3){ animation-delay: 1.6s !important; }
body.mk-category-products-page .mk-cat-hero__stats b,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats b{
  display: block !important;
  margin-bottom: .2rem !important;
  font-size: 1.06rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}
body.mk-category-products-page .mk-cat-hero__stats small,html[data-bs-theme="light"] body.mk-category-products-page .mk-cat-hero__stats small{
  color: rgba(236,243,245,.82) !important;
  font-size: .84rem !important;
}
@keyframes mkCatHeroTitleFlow {
  0%,100% { background-position: 0% 50%; transform: translateY(0); }
  50% { background-position: 100% 50%; transform: translateY(-2px); }
}
@keyframes mkCatHeroTagFloat {
  0%,100% { transform: translateY(0); box-shadow: 0 14px 32px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.05); }
  50% { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.07); }
}
@media (max-width: 1199.98px){
body.mk-category-products-page .mk-cat-hero__content{ max-width: min(680px, 56vw) !important; }
}
@media (max-width: 991.98px){
body.mk-category-products-page .mk-cat-hero{
    aspect-ratio: auto !important;
    min-height: 620px !important;
  }
body.mk-category-products-page .mk-cat-hero__inner{
    align-items: end !important;
    padding-block: 2rem !important;
  }
body.mk-category-products-page .mk-cat-hero__content{
    max-width: none !important;
    width: 100% !important;
  }
}
@media (max-width: 767.98px){
body.mk-category-products-page .mk-cat-hero{
    min-height: 560px !important;
  }
body.mk-category-products-page .mk-cat-hero__stats{
    grid-template-columns: 1fr !important;
  }
}
@media (prefers-reduced-motion: reduce){
body.mk-category-products-page .mk-cat-hero h1,body.mk-category-products-page .mk-cat-hero__stats span{ animation: none !important; }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy--tech .hero-kicker{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  gap: .62rem !important;
  margin: 0 0 1rem !important;
  padding: .66rem 1rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  clip-path: none !important;
  color: #f8e7dc !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  border: 1px solid rgba(255,151,88,.28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(125deg, rgba(231,99,36,.20), rgba(25,111,80,.15) 58%, rgba(7,16,18,.62)) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    0 0 24px rgba(231,99,36,.08),
    inset 0 1px rgba(255,255,255,.09) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i{
  
  font-size: .38rem !important;
  box-shadow: 0 0 14px rgba(255,149,80,.72) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker::before{
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.035) !important;
  pointer-events: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div{
  
  overflow: hidden !important;
  
  
  
  
  
  
  
  
  
  
  
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div::before{
  
  
  
  width: 2px !important;
  
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features i{
  color: #ff9a58 !important;
  font-size: 1rem !important;
  filter: none !important;
}

html[data-bs-theme] body :is(
  .mk-internal-hero .mk-internal-tag,
  .mk-cat-hero .mk-cat-kicker,
  .products-hero .products-hero__kicker,
  .supplier-hero .supplier-kicker,
  .portal-hero .portal-kicker
){
  color: #f8e7dc !important;
  border-color: rgba(255,151,88,.28) !important;
  background: linear-gradient(125deg, rgba(48,25,15,.94), rgba(15,45,35,.92)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.08) !important;
  color-scheme: dark !important;
}
html[data-bs-theme] body :is(
  .mk-internal-hero .mk-internal-stat,
  .mk-cat-hero .mk-cat-hero__stats > span,
  .products-hero .products-hero__stats > span,
  .supplier-hero .supplier-hero__stats > span,
  .product-hero-v629 .product-hero-v6306__tag
){
  color: #f5eee9 !important;
  border-color: rgba(255,255,255,.11) !important;
  background: linear-gradient(145deg, rgba(11,19,20,.94), rgba(18,31,29,.90)) !important;
  box-shadow: 0 13px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.055) !important;
  color-scheme: dark !important;
}
html[data-bs-theme] body :is(
  .mk-internal-hero .mk-internal-tag,
  .mk-internal-hero .mk-internal-stat,
  .mk-cat-hero .mk-cat-kicker,
  .mk-cat-hero .mk-cat-hero__stats > span,
  .products-hero .products-hero__kicker,
  .products-hero .products-hero__stats > span,
  .supplier-hero .supplier-kicker,
  .supplier-hero .supplier-hero__stats > span,
  .product-hero-v629 .product-hero-v6306__tag,
  .portal-hero .portal-kicker
) :is(span,b,strong,small){
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
#heroCarousel .hero-slide,.mk-internal-hero__media,.portal-hero__media,.products-hero__media,.supplier-hero__media,.product-hero-v629__media,.mk-cat-hero__media,[class*="hero"][class*="media"]{
  transform: none !important;
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
#heroCarousel .hero-slide,.products-hero__media,.supplier-hero__media,.product-hero-v629__media{
  background-repeat: no-repeat !important;
  background-position: var(--mk-hero-background-position, center center) !important;
}
.mk-internal-hero__media > img,.portal-hero__media > img,.mk-cat-hero__media > img,[class*="hero"][class*="media"] > img,[class*="hero"] img[class*="hero"]{
  transform: none !important;
  animation: none !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  image-rendering: auto !important;
}
#heroCarousel .carousel-item.active .hero-kicker,#heroCarousel .hero-copy--entered .hero-kicker,#heroCarousel .hero-copy--tech .hero-kicker{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce){
#heroCarousel .hero-kicker{ animation: none !important; }
}
body.mk-category-products-page .mk-cat-hero{
  min-height: calc(100svh - 112px) !important;
  height: auto !important;
  aspect-ratio: auto !important;
}
@media (max-width: 575.98px){
body.mk-category-products-page .mk-cat-hero{
    height: auto !important;
    min-height: clamp(620px, calc(100svh - 84px), 720px) !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
body.mk-category-products-page .mk-cat-hero__inner{
    min-height: inherit !important;
    align-items: end !important;
    padding-block: clamp(11rem, 48vw, 14rem) 1.1rem !important;
  }
body.mk-category-products-page .mk-cat-hero__content{
    width: 100% !important;
    max-width: none !important;
    padding: 1rem !important;
    border-radius: 22px !important;
  }
body.mk-category-products-page .mk-cat-hero__stats{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
  }
body.mk-category-products-page .mk-cat-hero__stats span{
    min-height: 72px !important;
    padding: .58rem .45rem !important;
    border-radius: 14px !important;
  }
body.mk-category-products-page .mk-cat-hero__stats b{
    font-size: .88rem !important;
  }
body.mk-category-products-page .mk-cat-hero__stats small{
    font-size: .62rem !important;
  }
}
@media (min-width: 992px){
body.mk-category-products-page .mk-cat-hero{
    --mk-category-hero-reference-height: max(
      calc(100svh - 112px),
      calc(min(43vw, 610px) + clamp(80px, 10svh, 140px) + clamp(80px, 10svh, 140px))
    );
    height: var(--mk-category-hero-reference-height) !important;
    min-height: var(--mk-category-hero-reference-height) !important;
    max-height: var(--mk-category-hero-reference-height) !important;
    aspect-ratio: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 991.98px){
body.mk-category-products-page .mk-cat-hero{
    height: auto !important;
    min-height: clamp(680px, calc(100svh - 84px), 760px) !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
body.mk-category-products-page .mk-cat-hero__inner{
    min-height: inherit !important;
    align-items: end !important;
    padding-block: clamp(14rem, 38vw, 18rem) 1.5rem !important;
  }
body.mk-category-products-page .mk-cat-hero__content{
    width: 100% !important;
    max-width: none !important;
  }
body.mk-category-products-page .mk-cat-hero__stats{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
body[data-page="products"] .portal-hero h1,body[data-page="tracking"] .portal-hero h1,html[data-bs-theme="light"] body[data-page="products"] .portal-hero h1,html[data-bs-theme="light"] body[data-page="tracking"] .portal-hero h1{
  position: relative !important;
  display: inline-block !important;
  margin-bottom: .9rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  color: transparent !important;
  background: linear-gradient(106deg, #ffffff 0%, #fff4ee 30%, #ff9754 63%, #8fd0af 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.22)) !important;
  animation: mkPortalHeroTitleFlow79 7s ease-in-out infinite !important;
}
body[data-page="products"] .portal-hero h1::after,body[data-page="tracking"] .portal-hero h1::after,html[data-bs-theme="light"] body[data-page="products"] .portal-hero h1::after,html[data-bs-theme="light"] body[data-page="tracking"] .portal-hero h1::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,151,84,0), rgba(255,151,84,.94), rgba(130,205,167,.72), rgba(255,151,84,0));
  box-shadow: 0 0 18px rgba(255,151,84,.26);
  animation: mkPortalHeroLine79 5.6s ease-in-out infinite;
}
@keyframes mkPortalHeroTitleFlow79 {
  0%,100% { background-position: 0% 50%; transform: translateY(0); }
  50% { background-position: 100% 50%; transform: translateY(-2px); }
}
@keyframes mkPortalHeroLine79 {
  0%,100% { opacity: .74; transform: scaleX(.92); }
  50% { opacity: 1; transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce){
body[data-page="products"] .portal-hero h1,body[data-page="products"] .portal-hero h1::after,body[data-page="tracking"] .portal-hero h1,body[data-page="tracking"] .portal-hero h1::after{ animation: none !important; }
}
body[data-page="products"] .portal-hero__media > img,html[data-bs-theme="light"] body[data-page="products"] .portal-hero__media > img{
  content: url("../images/reference/products-hero.webp") !important;
}
body[data-page="tracking"] #portalMain > .portal-hero,html[data-bs-theme="light"] body[data-page="tracking"] #portalMain > .portal-hero{
  background-image:
    linear-gradient(90deg, rgba(6,11,13,.84) 4%, rgba(6,11,13,.52) 40%, rgba(6,11,13,.16) 74%, rgba(6,11,13,.36) 100%),
    linear-gradient(180deg, rgba(6,11,13,.08), rgba(6,11,13,.18)),
    url("../images/reference/tracking-hero.webp") !important;
}
body[data-page="tracking"] .portal-hero__media > img,html[data-bs-theme="light"] body[data-page="tracking"] .portal-hero__media > img{
  content: url("../images/reference/tracking-hero.webp") !important;
}
body.mk-category-products-page[data-category-slug="shipping"] .mk-cat-hero__media > img,html[data-bs-theme="light"] body.mk-category-products-page[data-category-slug="shipping"] .mk-cat-hero__media > img{
  content: url("../images/category-heroes-photo/shipping-hero-photo.webp") !important;
}
body[data-page="products"] .products-hero__media,html[data-bs-theme="light"] body[data-page="products"] .products-hero__media{
  background-image:
    linear-gradient(90deg, rgba(7,12,15,.95) 5%, rgba(7,12,15,.5) 52%, rgba(7,12,15,.72)),
    url("../images/reference/products-hero.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body[data-page="products"] .products-hero__kicker,html[data-bs-theme="light"] body[data-page="products"] .products-hero__kicker{
  display: inline-flex !important;
}
body[data-page="products"] .products-hero h1,html[data-bs-theme="light"] body[data-page="products"] .products-hero h1{
  display: block !important;
}
#heroCarousel .hero-slide,html[data-bs-theme="light"] #heroCarousel .hero-slide,html[data-bs-theme="dark"] #heroCarousel .hero-slide{
  transform: none !important;
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  background-blend-mode: normal !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  transition-property: opacity !important;
}
#heroCarousel .hero-slide::before,#heroCarousel .hero-slide::after,html[data-bs-theme="light"] #heroCarousel .hero-slide::before,html[data-bs-theme="light"] #heroCarousel .hero-slide::after,html[data-bs-theme="dark"] #heroCarousel .hero-slide::before,html[data-bs-theme="dark"] #heroCarousel .hero-slide::after{
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
}
#heroCarousel .hero-copy--tech,html[data-bs-theme="light"] #heroCarousel .hero-copy--tech,html[data-bs-theme="dark"] #heroCarousel .hero-copy--tech{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy--tech .hero-kicker{
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 1rem !important;
  padding: .66rem 1rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  
  
  border-radius: 999px !important;
  
  
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  
  transition: none !important;
  filter: none !important;
  clip-path: none !important;
  will-change: auto !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i{
  
  filter: none !important;
}
#heroCarousel .hero-copy h1,#heroCarousel .hero-copy h1 *,#heroCarousel .hero-copy h2,#heroCarousel .hero-copy h2 *,#heroCarousel .carousel-item.active .hero-copy h1,#heroCarousel .carousel-item.active .hero-copy h1 *,#heroCarousel .carousel-item.active .hero-copy h2,#heroCarousel .carousel-item.active .hero-copy h2 *{
  animation: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
  clip-path: none !important;
  opacity: 1 !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}
#heroCarousel .hero-copy > p,#heroCarousel .hero-copy .hero-features,#heroCarousel .hero-copy .hero-search,#heroCarousel .hero-copy > .d-flex,#heroCarousel .hero-copy > .hero-cta{
  animation: none !important;
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div{
  color: #f5eee9 !important;
  border-color: rgba(255,255,255,.11) !important;
  
  
  
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  
  transition: none !important;
}

html[data-bs-theme="light"] .mk-mobile-app-showcase{
  background:
    radial-gradient(circle at 10% 18%, rgba(232,108,45,.12), transparent 30%),
    radial-gradient(circle at 90% 74%, rgba(43,154,108,.13), transparent 34%),
    linear-gradient(180deg, #fffdfb 0%, #f7f2ec 50%, #f3f8f4 100%) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-showcase::before{
  filter: none !important;
  background:
    radial-gradient(circle at 22% 48%, rgba(232,108,45,.17), transparent 31%),
    radial-gradient(circle at 78% 46%, rgba(43,154,108,.16), transparent 34%) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-shell{
  background:
    radial-gradient(circle at 82% 18%, rgba(49,166,115,.16), transparent 32%),
    radial-gradient(circle at 12% 86%, rgba(232,108,45,.15), transparent 34%),
    linear-gradient(120deg, rgba(255,253,250,.99), rgba(246,238,229,.98) 48%, rgba(235,248,241,.98)) !important;
  border-color: rgba(139,94,63,.15) !important;
  box-shadow: 0 30px 74px rgba(91,65,48,.13), inset 0 1px rgba(255,255,255,.95) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-shell::before{
  background:
    linear-gradient(90deg, rgba(255,253,250,.92) 0 42%, rgba(255,253,250,.62) 64%, rgba(255,253,250,.25)),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(99,67,46,.032) 80px),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(38,126,89,.028) 80px) !important;
}
html[data-bs-theme="light"] .mk-mobile-app-strip{
  background:
    radial-gradient(circle at 12% 50%, rgba(232,108,45,.13), transparent 32%),
    radial-gradient(circle at 86% 45%, rgba(43,154,108,.13), transparent 34%),
    linear-gradient(105deg, #fff9f4, #f4eee7 46%, #edf8f2) !important;
  border-color: rgba(112,79,57,.13) !important;
  box-shadow: 0 16px 38px rgba(91,65,48,.10), inset 0 1px rgba(255,255,255,.94) !important;
}
body[data-page="tracking"] .portal-hero__grid > .mk-tracking-hero-copy{
  grid-column: 1 !important;
  grid-row: 1 / 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body[data-page="tracking"] .mk-tracking-hero-copy .portal-kicker{
  order: 1 !important;
  display: inline-flex !important;
  margin: 0 0 1rem !important;
  color: #f9dfd2 !important;
  border-color: rgba(255,151,88,.27) !important;
  background: linear-gradient(130deg, rgba(55,28,16,.94), rgba(14,49,37,.92)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body[data-page="tracking"] .mk-tracking-hero-copy h1{
  order: 2 !important;
  display: block !important;
  margin: 0 0 .9rem !important;
  color: transparent !important;
  background: linear-gradient(105deg, #ffffff 0%, #fff5ee 34%, #ff9a52 62%, #89c8a0 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  animation: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body[data-page="tracking"] .mk-tracking-hero-copy > p{
  order: 3 !important;
  display: block !important;
  max-width: 680px !important;
  margin: 0 !important;
  color: rgba(239,244,244,.88) !important;
  font-size: 1rem !important;
  line-height: 2 !important;
  animation: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
  opacity: 1 !important;
}
@media (max-width: 991.98px){
body[data-page="tracking"] .portal-hero__grid > .mk-tracking-hero-copy{
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
@media (min-width: 768px){
body:not(.portal-page) #mainContent > section:not(.hero-reference),body:not(.portal-page) .reference-footer,body:not(.portal-page) .mk-mobile-app-strip{
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}
body:not(.portal-page) #mainContent > .mk-mobile-app-showcase{
  contain-intrinsic-size: auto 760px;
}
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy > p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-tech-meta,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-tech-code,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search input,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search .form-control,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search .form-control::placeholder{
  color: #eee4dd !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-tech-code b{
  color: #f18b52 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search .form-control{
  background: rgba(11,18,20,.86) !important;
  border-color: rgba(255,255,255,.11) !important;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features i,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features svg,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker svg{
  color: #ffb077 !important;
  fill: #ffb077 !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features span{
  color: #f7f1ec !important;
}
#heroCarousel .hero-slide,html[data-bs-theme="dark"] #heroCarousel .hero-slide,html[data-bs-theme="light"] #heroCarousel .hero-slide{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #0a0f10 !important;
  background-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  image-rendering: auto !important;
}
#heroCarousel .hero-slide__inner,#heroCarousel .hero-copy,#heroCarousel .hero-copy--tech,html[data-bs-theme="dark"] #heroCarousel .hero-slide__inner,html[data-bs-theme="dark"] #heroCarousel .hero-copy,html[data-bs-theme="dark"] #heroCarousel .hero-copy--tech,html[data-bs-theme="light"] #heroCarousel .hero-slide__inner,html[data-bs-theme="light"] #heroCarousel .hero-copy,html[data-bs-theme="light"] #heroCarousel .hero-copy--tech{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
@media (max-width: 575px){
#heroCarousel .hero-slide,html[data-bs-theme="dark"] #heroCarousel .hero-slide,html[data-bs-theme="light"] #heroCarousel .hero-slide{
    background-size: contain !important;
    background-position: center center !important;
  }
}
.hero-slide--architecture,html[data-bs-theme="dark"] .hero-slide--architecture,html[data-bs-theme="light"] .hero-slide--architecture{
  
  
  
  
  
  background-blend-mode: normal !important;
  
  
  
  
}
@media (max-width: 575px){
.hero-slide--architecture,html[data-bs-theme="dark"] .hero-slide--architecture,html[data-bs-theme="light"] .hero-slide--architecture{
    
    
    
    background-repeat: no-repeat !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy *{
  color: inherit;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy > p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy--tech > p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-tech-meta,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-tech-code{
  color: #eee4dd !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy .hero-kicker{
  color: #f8e7dc !important;
  border-color: rgba(255,155,87,.22) !important;
  background: linear-gradient(135deg, rgba(232,105,41,.18), rgba(32,26,22,.62), rgba(14,18,19,.52)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.06) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features i,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features svg{
  color: #ff9f63 !important;
  fill: #ff9f63 !important;
  stroke: currentColor !important;
  filter: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features{
  
  row-gap: .8rem !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div{
  position: relative !important;
  min-height: 86px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  padding: .9rem .8rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,153,87,.16) !important;
  background: linear-gradient(145deg, rgba(232,105,41,.14), rgba(22,18,16,.82) 64%, rgba(12,15,16,.9)) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  transform: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > div::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(135deg, rgba(255,153,87,.38), rgba(255,255,255,.02), rgba(191,88,33,.24)) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: .85 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features span{
  color: #f7f1ec !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .btn.btn-accent,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-cta{
  color: #fff6f1 !important;
  background: linear-gradient(135deg, #e76a2b, #be4f1b) !important;
  border-color: rgba(231,106,43,.18) !important;
  box-shadow: 0 14px 34px rgba(190,79,27,.28), inset 0 1px rgba(255,255,255,.12) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .btn.btn-outline-light{
  color: #f7efe8 !important;
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(10,15,16,.42) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.05) !important;
}
#heroCarousel .hero-slide::before,#heroCarousel .hero-slide::after,html[data-bs-theme="dark"] #heroCarousel .hero-slide::before,html[data-bs-theme="dark"] #heroCarousel .hero-slide::after,html[data-bs-theme="light"] #heroCarousel .hero-slide::before,html[data-bs-theme="light"] #heroCarousel .hero-slide::after{
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  filter: none !important;
}
.hero-slide--architecture,html[data-bs-theme="dark"] .hero-slide--architecture,html[data-bs-theme="light"] .hero-slide--architecture{
  background-image: url("../images/reference/hero-architecture-premium.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #0a0f10 !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
@media (max-width: 575px){
.hero-slide--architecture,html[data-bs-theme="dark"] .hero-slide--architecture,html[data-bs-theme="light"] .hero-slide--architecture{
    background-image: url("../images/reference/hero-architecture-premium-mobile.webp") !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2{
  color: transparent !important;
  background: linear-gradient(104deg, #ffffff 0%, #fff4ec 26%, #ff9d5d 60%, #ffe3cf 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2{ animation: none !important; }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features{
  margin-top: 1.1rem !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > .hero-feature-card{
  position: relative !important;
  min-height: 56px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .68rem !important;
  padding: .75rem .9rem !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.08) !important;
  overflow: hidden !important;
  transform: none !important;
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(13px) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > .hero-feature-card::before{
  content: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-feature-icon{
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #ff985d !important;
  filter: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-feature-icon svg{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-features > .hero-feature-card span{
  color: #f8f2ee !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  text-align: right !important;
  line-height: 1.55 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-feature-card i{ display:inline-grid !important; }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search{
  overflow: hidden !important;
  border-radius: 18px !important;
  padding: 0 !important;
  box-shadow: 0 18px 28px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.04) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search .form-control,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search__icon{
  border-radius: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-search .form-control{
  background-clip: padding-box !important;
}

@media (max-width: 575px){
#heroCarousel .hero-slide--architecture,#heroCarousel .hero-slide--construction,html[data-bs-theme="dark"] #heroCarousel .hero-slide--architecture,html[data-bs-theme="dark"] #heroCarousel .hero-slide--construction,html[data-bs-theme="light"] #heroCarousel .hero-slide--architecture,html[data-bs-theme="light"] #heroCarousel .hero-slide--construction{
    --mk-hero-background-position: 38% center;
  }
}
#heroCarousel .hero-slide--architecture,html[data-bs-theme="dark"] #heroCarousel .hero-slide--architecture,html[data-bs-theme="light"] #heroCarousel .hero-slide--architecture{
  background-image: url("../images/reference/hero-slide1.webp") !important;
}
#heroCarousel .hero-slide--construction,html[data-bs-theme="dark"] #heroCarousel .hero-slide--construction,html[data-bs-theme="light"] #heroCarousel .hero-slide--construction{
  background-image: url("../images/reference/hero-slide2.webp") !important;
}
#heroCarousel .hero-slide--smart,html[data-bs-theme="dark"] #heroCarousel .hero-slide--smart,html[data-bs-theme="light"] #heroCarousel .hero-slide--smart{
  --mk-hero-background-position: center center;
  background-image: url("../images/reference/hero-slide3.webp") !important;
}
#heroCarousel .hero-slide,#heroCarousel .hero-slide--architecture,#heroCarousel .hero-slide--construction,#heroCarousel .hero-slide--smart,html[data-bs-theme="dark"] #heroCarousel .hero-slide,html[data-bs-theme="dark"] #heroCarousel .hero-slide--architecture,html[data-bs-theme="dark"] #heroCarousel .hero-slide--construction,html[data-bs-theme="dark"] #heroCarousel .hero-slide--smart,html[data-bs-theme="light"] #heroCarousel .hero-slide,html[data-bs-theme="light"] #heroCarousel .hero-slide--architecture,html[data-bs-theme="light"] #heroCarousel .hero-slide--construction,html[data-bs-theme="light"] #heroCarousel .hero-slide--smart{
  background-size: cover !important;
  background-position: var(--mk-hero-background-position, center center) !important;
  background-repeat: no-repeat !important;
  background-color: #0a0f10 !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker{
  color: #f8e7dc !important;
  border-color: rgba(255,155,87,.22) !important;
  background: linear-gradient(135deg, rgba(232,105,41,.18), rgba(32,26,22,.62), rgba(14,18,19,.52)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.06) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i{
  color: #ff9f63 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy h2{
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.60),
    0 3px 12px rgba(0,0,0,.42),
    0 12px 30px rgba(12,16,18,.34),
    0 0 18px rgba(255,157,93,.18) !important;
  -webkit-text-stroke: 0.35px rgba(255,255,255,.16) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy p{
  
  
  
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.06),
    0 0 22px rgba(231,106,43,.15) !important;
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy p{
    animation: none !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy *{
  color-scheme: dark;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy > p{
  color: #f5ebe2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.22), 0 0 1px rgba(255,255,255,.18) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--architecture .hero-copy > p{
  display: inline-flex !important;
  align-items: center !important;
  gap: .68rem !important;
  min-height: 50px !important;
  padding: .76rem 1rem !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  color: #fff !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  line-height: 1.7 !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(13px) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--architecture .hero-copy > p::before{
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffd1a9, #f07a32 62%, #c5551a 100%);
  box-shadow: 0 0 0 7px rgba(240,122,50,.10), 0 0 12px rgba(240,122,50,.20);
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy--tech .hero-kicker{
  position: relative !important;
  color: #f8e7dc !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
  border: 1px solid rgba(255,163,97,.24) !important;
  background: linear-gradient(135deg, rgba(237,115,45,.22), rgba(34,27,22,.72) 58%, rgba(11,15,16,.68) 100%) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.06), 0 0 18px rgba(237,115,45,.10) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--architecture .hero-kicker::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(120deg, transparent 0%, rgba(255,188,138,.05) 35%, rgba(255,255,255,.18) 50%, rgba(255,188,138,.05) 65%, transparent 100%) !important;
  transform: translateX(-120%) !important;
  animation: none !important;
  z-index: -1 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker i,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker svg{
  color: #ffaf74 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 0 8px rgba(255,175,116,.18)) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy p{
  color: #fff2e8 !important;
  font-weight: 760 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.60), 0 4px 14px rgba(0,0,0,.34), 0 0 12px rgba(255,157,93,.08) !important;
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker::after{
    animation: none !important;
  }
}
.market-header .header-actions .header-login,.market-header .header-actions .header-rfq{
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}
.market-header .header-actions .header-rfq{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  min-height: 42px !important;
  padding-block: .55rem !important;
}






@media (max-width: 991.98px){

}
@media (max-width: 575.98px){



}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2::after,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn::after{
    animation: none !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2{
  position: relative !important;
  
  
  margin: 0 0 1.15rem !important;
  font-size: clamp(3.65rem, 6.55vw, 7.15rem) !important;
  font-weight: 970 !important;
  
  
  color: transparent !important;
  background: linear-gradient(100deg, #fffefa 0%, #fff0df 17%, #ffc08b 39%, #f17a31 64%, #ff9c5c 78%, #ffe8d5 100%) !important;
  background-size: 250% 250% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 5px 16px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(241,122,49,.18)) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2::before{
  content: "" !important;
  position: absolute !important;
  right: -.7rem !important;
  top: 12% !important;
  width: 4px !important;
  height: 76% !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, transparent, #ff9c5c 25%, #f17a31 72%, transparent) !important;
  box-shadow: 0 0 16px rgba(241,122,49,.30) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2::after{
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -.42rem !important;
  width: clamp(120px, 21vw, 290px) !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #f17a31, rgba(255,184,128,.90), transparent) !important;
  box-shadow: 0 0 18px rgba(241,122,49,.26) !important;
  transform-origin: right center !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > p{
  max-width: 800px !important;
  margin: 0 0 1.7rem !important;
  font-size: clamp(1.16rem, 1.58vw, 1.44rem) !important;
  font-weight: 860 !important;
  line-height: 1.9 !important;
  letter-spacing: -.018em !important;
  color: #fff5ed !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.70), 0 6px 20px rgba(0,0,0,.42), 0 0 16px rgba(241,122,49,.12) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex{
  gap: .85rem !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn{
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 56px !important;
  padding: .92rem 1.55rem !important;
  border-radius: 16px !important;
  font-size: 1.02rem !important;
  font-weight: 920 !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28), 0 0 12px rgba(255,255,255,.08) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.10), 0 0 18px rgba(241,122,49,.08) !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn::before{
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -2 !important;
  border-radius: calc(16px - 1px) !important;
  background: linear-gradient(120deg, rgba(255,255,255,.06), transparent 42%, rgba(255,149,85,.08)) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn::after{
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: -20% !important;
  bottom: -20% !important;
  width: 38% !important;
  right: -50% !important;
  transform: skewX(-18deg) !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent) !important;
  animation: none !important;
  pointer-events: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn-outline-light{
  color: #fff7f0 !important;
  border-color: rgba(255,255,255,.28) !important;
  background: linear-gradient(135deg, rgba(20,25,27,.82), rgba(44,29,21,.66)) !important;
}
@media (max-width: 991.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2{
    font-size: clamp(2.85rem, 8.6vw, 5rem) !important;
  }
}
@media (max-width: 575.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2{
    
    line-height: 1.1 !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > p{
    font-size: 1.03rem !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn{
    min-height: 48px !important;
    padding: .74rem 1.05rem !important;
    font-size: .88rem !important;
  }
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2::before,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2::after,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > p,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy > .d-flex .btn::after{
    animation: none !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card{
  position: relative !important;
  isolation: isolate !important;
  align-self: stretch !important;
  width: 100% !important;
  
  
  overflow: hidden !important;
  
  
  justify-content: stretch !important;
  
  
  
  background-color: #071017 !important;
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card::before{
  content: "" !important;
  position: absolute !important;
  
  
  border-radius: inherit !important;
  
  
  animation: none !important;
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card::after{
  content: "" !important;
  position: absolute !important;
  
  
  border-radius: inherit !important;
  background-image:
    linear-gradient(rgba(255,133,65,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,133,65,.07) 1px, transparent 1px),
    radial-gradient(circle at 26% 18%, rgba(255,129,60,.13), transparent 33%);
  
  
  
  pointer-events: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame{
  position: absolute !important;
  
  
  
  
  
  pointer-events: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::before,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::after{
  content: "" !important;
  position: absolute !important;
  
  
  
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::before{
  top: -1px !important;
  right: 22px !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::after{
  bottom: -1px !important;
  left: 22px !important;
  transform: rotate(180deg) !important;
}



:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy h3 span{
  color: transparent !important;
  background: linear-gradient(100deg, #fffaf5 0%, #ffbd89 48%, #f07830 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy p strong{
  color: #ff9c59 !important;
  font-weight: 950 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__logo{
  
  
  
  max-height: none !important;
  
  object-position: center !important;
  
  
  
  
  
}
@media (min-width: 1200px){
body.mk-internal-page--about .mk-about-story__grid{
    grid-template-columns: minmax(0, 1.12fr) minmax(315px, .88fr) !important;
    align-items: stretch !important;
  }
body.mk-internal-page--about .mk-about-bridge-card{
    min-height: 100% !important;
  }
}
@media (max-width: 1199.98px){

}
@media (max-width: 575.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card{
    min-height: 430px !important;
    padding: .85rem !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__content{
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
    padding: 1rem !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__logo{
    width: 88px !important;
    justify-self: start !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card{
  min-height: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  border-radius: 26px !important;
  border: 1px solid rgba(242,118,47,.34) !important;
  background: #071017 !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.05),
    0 22px 46px rgba(0,0,0,.27),
    0 0 22px rgba(242,118,47,.07) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card::before{
  inset: 0 !important;
  z-index: -3 !important;
  background: url("../images/reference/hero-slide3.webp") center center / cover no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card::after{
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(4,9,13,.02) 0%, rgba(4,9,13,.08) 40%, rgba(4,9,13,.70) 72%, rgba(4,9,13,.96) 100%),
    linear-gradient(90deg, rgba(4,9,13,.30) 0%, transparent 44%, rgba(4,9,13,.15) 100%) !important;
  background-size: 100% 100% !important;
  mask-image: none !important;
  opacity: 1 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame{
  inset: 12px !important;
  z-index: 1 !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,148,82,.18) !important;
  box-shadow: inset 0 0 24px rgba(242,118,47,.025) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::before,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__frame::after{
  width: 64px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #ef762f) !important;
  box-shadow: 0 0 12px rgba(239,118,47,.26) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__content{
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 1.15rem !important;
  padding: clamp(1.35rem, 2.4vw, 2rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy{
  min-width: 0 !important;
  align-self: end !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy h3{
  margin: 0 0 .55rem !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  font-size: clamp(1.22rem, 1.65vw, 1.72rem) !important;
  font-weight: 950 !important;
  line-height: 1.55 !important;
  letter-spacing: -.025em !important;
  color: #fffaf6 !important;
  text-shadow: 0 4px 18px rgba(0,0,0,.48) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy p{
  
  margin: 0 !important;
  color: #f4ebe4 !important;
  font-size: clamp(.86rem, 1.02vw, 1rem) !important;
  font-weight: 720 !important;
  line-height: 1.95 !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.58) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__logo{
  display: block !important;
  width: clamp(96px, 8.7vw, 132px) !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  animation: none !important;
  align-self: end !important;
  justify-self: start !important;
}
@media (max-width: 1399.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy h3{
    font-size: clamp(1.08rem, 1.45vw, 1.5rem) !important;
  }
}
@media (max-width: 1199.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card{
    min-height: 500px !important;
    height: auto !important;
  }
}
@media (max-width: 767.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card{
    min-height: 440px !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__content{
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    padding: 1.2rem !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy h3{
    white-space: normal !important;
    font-size: 1.35rem !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__logo{
    width: 94px !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-slide__inner,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .row{
  overflow: visible !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2{
  display: block !important;
  width: fit-content !important;
  max-width: calc(100% - .35rem) !important;
  overflow: visible !important;
  padding: .08em .12em .20em !important;
  margin-inline: -.12em 0 !important;
  line-height: 1.12 !important;
  letter-spacing: -.026em !important;
  clip-path: none !important;
  contain: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2 .mk-hero-title-line{
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: .02em .08em .16em !important;
  margin-inline: -.08em !important;
  line-height: 1.12 !important;
  background: inherit !important;
  background-size: inherit !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-kicker{
  max-width: calc(100% - .5rem) !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.65 !important;
  padding-block: .55rem !important;
  padding-inline: .85rem 1rem !important;
  text-overflow: clip !important;
}

@media (max-width: 575.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy h2{
    max-width: 100% !important;
    padding-inline: .08em !important;
    margin-inline: -.08em 0 !important;
    font-size: clamp(2.15rem, 10.7vw, 3.15rem) !important;
  }

}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy p{
  max-width: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-line{
  display: block !important;
  width: 100% !important;
}
@media (min-width: 1200px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) body.mk-internal-page--about .mk-about-bridge-card__copy p{
    font-size: clamp(.82rem, .92vw, .96rem) !important;
    line-height: 1.9 !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide__inner,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .row,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 *,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 *,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-kicker{
  overflow: visible !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  contain: none !important;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line{
  
  
  
  
  
  
  
  text-rendering: geometricPrecision !important;
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  
  
  flex: 0 0 auto !important;
  
  
  
  
  
  
  
}


@media (max-width: 575.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2{
    width: auto !important;
    max-width: 100% !important;
    padding-inline: .12em !important;
    margin-inline: -.06em 0 !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line{
    width: fit-content !important;
    max-width: 100% !important;
    padding-inline: .16em !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .carousel-item.active .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .carousel-item.active .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .carousel-item.active .hero-copy h1 *,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .carousel-item.active .hero-copy h2 *{
  background-image: linear-gradient(100deg, #fffdf9 0%, #ffd2aa 18%, #ff9a50 38%, #e96622 54%, #ffb475 72%, #fff4e9 100%) !important;
  background-size: 320% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.28)) drop-shadow(0 0 8px rgba(233,102,34,.15)) !important;
  will-change: background-position, filter !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy *{
  overflow:visible!important;
  clip-path:none!important;
  contain:none!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 span,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 span,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 strong,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 strong{
  
  background-image:linear-gradient(92deg,#fff7ef 0%,#ffd7b4 16%,#ffb06c 34%,#ff7e26 50%,#ffb56f 66%,#fff2e2 84%,#fff7ef 100%)!important;
  background-size:240% 100%!important;
  background-position:0% 50%!important;
  
  
  
  
  
  
  
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2{
  
  
  
  margin-inline:-.08em 0!important;
  
  
}

:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line:last-child{
  padding-inline-end:.52em!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-word-guard{
  display:inline-block!important;
  padding-inline-end:.12em!important;
  padding-block-end:.06em!important;
  line-height:1.14!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  
  
  
  
  
  
  
  
  
  text-overflow:clip!important;
  
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker .mk-hero-kicker-text{
  display:inline-block!important;
  padding-inline-end:.16em!important;
  line-height:1.55!important;
}
@media (max-width: 991.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2{
    width:auto!important;
    max-width:100%!important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line{
    width:fit-content!important;
    
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
    width:fit-content!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 span,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 span,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 strong,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 strong{
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: #fff2e7 !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.28),
    0 6px 18px rgba(0,0,0,.32),
    0 0 8px rgba(219,91,31,.14) !important;
  filter: none !important;
  animation: none !important;
  will-change: color, text-shadow, transform !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy{
  min-width: 0 !important;
  padding-inline-start: clamp(.25rem, .7vw, .75rem) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: .08em .08em .30em .42em !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  line-height: 1.16 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line{
  display: block !important;
  width: fit-content !important;
  max-width: calc(100% - .08em) !important;
  padding: .04em .06em .22em .36em !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  white-space: nowrap !important;
  line-height: 1.16 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .mk-hero-final-guard{
  display: inline-block !important;
  min-width: max-content !important;
  padding-inline-start: .03em !important;
  padding-inline-end: .30em !important;
  padding-block: .02em .10em !important;
  margin-inline-end: .04em !important;
  overflow: visible !important;
  line-height: 1.18 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy{
  min-width: 0 !important;
  padding-inline-start: clamp(.25rem, .7vw, .75rem) !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  
  align-items: center !important;
  gap: .55rem !important;
  
  min-width: 0 !important;
  
  padding: .58rem .92rem .58rem 1.26rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  
  
  line-height: 1.7 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
  
  align-items: baseline !important;
  min-width: 0 !important;
  max-width: 100% !important;
  
  
  line-height: 1.6 !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-smart-guard{
  display: inline-block !important;
  min-width: max-content !important;
  padding-inline-start: .18em !important;
  padding-inline-end: .34em !important;
  overflow: visible !important;
  line-height: 1.6 !important;
}
@media (max-width: 991.98px){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2 .mk-hero-title-line{
    white-space: normal !important;
    max-width: 100% !important;
  }
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
    white-space: normal !important;
  }
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h1 span,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-copy h2 span{
    animation: none !important;
    color: #f18a4b !important;
  }
}
#heroCarousel .hero-slide .hero-copy h1,#heroCarousel .hero-slide .hero-copy h2,#heroCarousel .hero-slide .hero-copy h1 span,#heroCarousel .hero-slide .hero-copy h2 span,#heroCarousel .hero-slide .hero-copy p,#heroCarousel .hero-slide .hero-copy .hero-kicker,#heroCarousel .hero-slide .hero-copy .hero-kicker span,#heroCarousel .hero-slide .hero-copy .btn{
  transition:none!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h2{
  color:#fff4ea!important;
  font-weight:950!important;
  letter-spacing:-.026em!important;
  line-height:1.08!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.68),
    0 8px 28px rgba(0,0,0,.34),
    0 0 0 rgba(0,0,0,0),
    0 0 16px rgba(214,108,32,.18)!important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h1 .mk-hero-title-line,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h2 .mk-hero-title-line{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:.02em .04em .10em!important;
  margin:0!important;
  color:inherit!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  overflow:visible!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy p{
  color:#fff1e1!important;
  font-weight:800!important;
  font-size:1.08rem!important;
  text-shadow:0 2px 14px rgba(0,0,0,.32)!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy .hero-kicker,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy .hero-kicker span{
  color:#fff3e6!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide:not(.hero-slide--construction):not(.hero-slide--smart) .hero-copy .hero-kicker{
  border-color:rgba(255,157,93,.25)!important;
  background:linear-gradient(135deg, rgba(194,91,26,.28), rgba(17,20,22,.74), rgba(12,18,19,.58))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18), 0 0 18px rgba(214,108,32,.16)!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy .hero-kicker{
  border-color:rgba(255,157,93,.22)!important;
  background:linear-gradient(135deg, rgba(194,91,26,.22), rgba(17,20,22,.74), rgba(12,18,19,.58))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy .hero-kicker i{
  color:#ef8848!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .mk-hero-word-accent{
  display:inline!important;
  white-space:nowrap!important;
  color:#f0a255!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.62),
    0 0 12px rgba(211,109,36,.22)!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .hero-copy h2,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-copy h2{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  overflow:visible!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  display:inline-flex!important;
  width:fit-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
  display:inline!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h1,:is(html[data-bs-theme="dark"], html[data-bs-theme="light"]) #heroCarousel .hero-slide .hero-copy h2{
    animation:none!important;
    color:#ffd8bb!important;
  }
}
#heroCarousel .hero-copy .mk-hero-title-final,#heroCarousel .hero-copy .mk-hero-title-final *,html[data-bs-theme="light"] #heroCarousel .hero-copy .mk-hero-title-final,html[data-bs-theme="light"] #heroCarousel .hero-copy .mk-hero-title-final *{
  background: none !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 0 !important;
  mask: none !important;
  -webkit-mask: none !important;
  filter: none !important;
  clip-path: none !important;
  overflow: visible !important;
}
#heroCarousel .hero-copy .mk-hero-title-final,html[data-bs-theme="light"] #heroCarousel .hero-copy .mk-hero-title-final{
  color: #c65a24 !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 0 rgba(46,18,6,.62), 0 7px 22px rgba(0,0,0,.36), 0 0 14px rgba(198,90,36,.22) !important;
  animation: none !important;
  will-change: color, text-shadow, transform !important;
}
#heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line,html[data-bs-theme="light"] #heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line{
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: .03em .05em .13em !important;
  margin: 0 !important;
  color: inherit !important;
  animation: none !important;
  white-space: nowrap !important;
  line-height: 1.12 !important;
}
#heroCarousel .hero-slide--construction .hero-copy .mk-hero-title-final{
  padding-inline-end: .35em !important;
}
#heroCarousel .hero-slide--smart .hero-kicker,#heroCarousel .hero-slide--smart .hero-kicker *,html[data-bs-theme="light"] #heroCarousel .hero-slide--smart .hero-kicker,html[data-bs-theme="light"] #heroCarousel .hero-slide--smart .hero-kicker *{
  overflow: visible !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  -webkit-text-fill-color: currentColor !important;
}
#heroCarousel .hero-slide--smart .mk-hero-smart-word,html[data-bs-theme="light"] #heroCarousel .hero-slide--smart .mk-hero-smart-word{
  display: inline !important;
  color: #c65a24 !important;
  white-space: nowrap !important;
  padding: 0 .02em !important;
  text-shadow: 0 0 12px rgba(198,90,36,.24) !important;
  animation: none !important;
}
@media (max-width: 991.98px){
#heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line{
    width: fit-content !important;
    white-space: normal !important;
  }
}
@media (prefers-reduced-motion: reduce){
#heroCarousel .hero-copy .mk-hero-title-final,#heroCarousel .hero-slide--smart .mk-hero-smart-word{
    animation: none !important;
    color: #c65a24 !important;
  }
}
#heroCarousel .hero-copy .mk-hero-title-final::before,#heroCarousel .hero-copy .mk-hero-title-final::after,#heroCarousel .hero-copy .mk-hero-title-line::before,#heroCarousel .hero-copy .mk-hero-title-line::after{
  content: none !important;
  display: none !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final *{
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  background-position: 0 0 !important;
  background-size: auto !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 0 !important;
  mask: none !important;
  -webkit-mask: none !important;
  clip-path: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  color: #b84a16 !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final{
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  text-shadow:
    0 2px 0 rgba(40,14,3,.72),
    0 9px 25px rgba(0,0,0,.42),
    0 0 13px rgba(157,54,8,.30) !important;
  animation: none !important;
  will-change: color, text-shadow, transform !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line{
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .04em .08em .15em !important;
  color: inherit !important;
  line-height: 1.10 !important;
  white-space: nowrap !important;
  animation: none !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--construction .mk-hero-final-word{
  display: inline !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 .04em !important;
  font-family: "Vazirmatn", sans-serif !important;
  font-kerning: normal !important;
  font-variant-ligatures: normal !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  color: inherit !important;
  text-decoration: none !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker *,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-smart-word{
  overflow: visible !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker{
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  padding-inline-end: 1.22rem !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
  display: inline-block !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
}
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-smart-word{
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 .06em !important;
  color: #b84a16 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce){
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-smart-word{
    animation: none !important;
  }
}
@media (max-width: 991.98px){
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-copy .mk-hero-title-final .mk-hero-title-line{
    width: fit-content !important;
    white-space: normal !important;
  }
:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .hero-kicker,:is(html[data-bs-theme="dark"],html[data-bs-theme="light"]) #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}
:root,[data-bs-theme="dark"],[data-bs-theme="light"]{
  --mk-brand-orange: #d85617;
  --mk-brand-orange-strong: #ff8a3c;
  --mk-brand-orange-deep: #9f3510;
  --mk-brand-green: #237858;
  --mk-brand-green-strong: #2f9b70;
  --mk-brand-green-deep: #124b38;
  --mk-brand-icon-gradient: linear-gradient(135deg, var(--mk-brand-orange-strong) 0%, #f06a22 44%, var(--mk-brand-green-strong) 100%);
  --mk-brand-icon-surface: linear-gradient(145deg, #0a1112 0%, #121a18 56%, #0c1512 100%);
  --mk-accent: var(--mk-brand-orange);
  --mk-primary: var(--mk-brand-orange);
  --mk-primary-hover: var(--mk-brand-orange-strong);
  --mk-teal: var(--mk-brand-green);
  --mk-cyan: var(--mk-brand-green-strong);
  --portal-cyan: var(--mk-brand-green-strong);
  --portal-teal: var(--mk-brand-green);
}
:is(button, .btn, [role="button"]):not(.carousel-indicators button){
  align-items: center;
  justify-content: center;
  text-align: center;
}
button,.btn,[role="button"]{
  line-height: 1.35;
}
.btn{
  display: inline-flex;
  vertical-align: middle;
}
.btn > :is(i, svg, img){
  flex: 0 0 auto;
}
:is(.footer-cta__inner, .portal-footer__cta, .unified-page-cta, .supplier-cta, .architecture-cta, .mk-page-cta, .mk-cta) :is(h1, h2){
  font-size: clamp(1.45rem, 2.45vw, 2.55rem);
  line-height: 1.42;
  text-wrap: balance;
}
.mk-svg-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  color: currentColor;
  line-height: 1;
  vertical-align: -.125em;
}
.mk-svg-icon > svg{
  display: block;
  width: 1em;
  height: 1em;
  max-width: 100%;
  max-height: 100%;
  color: inherit;
  fill: currentColor;
  overflow: visible;
}
.mk-svg-icon.fa-spin > svg{
  animation: fa-spin 2s infinite linear;
}
:is(.library-badge, .catalog-badge, .product-badge, .mk-mobile-device__chips > span, span.badge){
  display: inline-flex;
  align-items: center;
  gap: .38em;
}
body:is(
  .mk-internal-page--faq,
  .mk-internal-page--licenses,
  .mk-internal-page--cooperation,
  .mk-internal-page--contact,
  .mk-internal-page--about
) .mk-internal-tag > :is(.mk-svg-icon, .mk-about-validation-svg--tag){
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  overflow: visible !important;
}
body.mk-internal-page--about .mk-internal-tag > .mk-about-validation-svg--tag{
  padding: 9px !important;
  box-sizing: border-box !important;
  fill: none !important;
  stroke: currentColor !important;
}
:is(
  .mk-premium-icon,
  .mk-license-svg,
  .portal-feature-icon,
  .portal-icon,
  .feature-icon,
  .service-icon,
  .category-icon,
  .contact-icon,
  .value-icon,
  .process-icon,
  .step-icon,
  .benefit-icon,
  .stat-icon,
  .mk-icon-shell,
  .mk-card-icon,
  .b2b-step__icon,
  .portal-card__icon,
  .mk-internal-stat__icon,
  .mk-internal-node__icon,
  .mk-order-form-head__icon,
  .mk-coop-form__head-icon,
  .mk-contact-form__icon,
  .product-hero-v6306__icon,
  .mk-about-value-card__icon,
  .node-icon,
  .route-icon,
  .orbit-item__icon,
  .mk-category-card__icon,
  .product-feature-list-v6305__icon,
  .mk-mobile-app-strip__icon,
  .mk-mobile-install-bar__icon,
  .mk-mega-row__icon,
  .mk-mega-menu__mark,
  .mk-mobile-nav__icon,
  .mk-mobile-live-search__field > .mk-svg-icon,
  .mk-mobile-contact > .mk-svg-icon,
  .mk-mobile-cat__toggle span > .mk-svg-icon,
  .mk-mobile-cat__page > .mk-svg-icon:first-child,
  .mk-search-result__icon,
  .mk-search-empty > .mk-svg-icon,
  body.mk-internal-page--cooperation .mk-file-upload > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-direct-badge > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-item > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-ecosystem-badge > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-story__points .mk-svg-icon,
  body.mk-login-page .mk-login-specs article > .mk-svg-icon,
  body.mk-login-page .mk-login-spec-icon,
  body:is(
    .mk-internal-page--faq,
    .mk-internal-page--licenses,
    .mk-internal-page--cooperation,
    .mk-internal-page--contact,
    .mk-internal-page--about
  ) .mk-internal-tag > .mk-svg-icon,
  body.mk-internal-page--about .mk-internal-tag > .mk-about-validation-svg--tag
){
  position: var(--mk-icon-position, relative);
  display: inline-grid;
  place-items: center;
  color: #f7fbf9 !important;
  background:
    radial-gradient(circle at 22% 16%, rgba(255, 138, 60, .20), transparent 38%),
    radial-gradient(circle at 82% 84%, rgba(47, 155, 112, .18), transparent 42%),
    var(--mk-brand-icon-surface) !important;
  border: 1px solid rgba(255, 138, 60, .36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(47,155,112,.06),
    0 12px 30px rgba(0,0,0,.20),
    0 0 20px rgba(216,86,23,.08) !important;
}
:is(.mk-search-result__icon,.mk-search-empty) .mk-svg-icon,
.mk-search-result__arrow .mk-svg-icon{
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}
:is(.mk-search-result__icon,.mk-search-empty,.mk-search-result__arrow) .mk-svg-icon > svg{
  fill:currentColor !important;
  opacity:1 !important;
  visibility:visible !important;
}
html[data-bs-theme="light"] .mk-search-result__icon{
  color: #f7fbf9 !important;
}
html[data-bs-theme="light"] .mk-search-result__arrow{
  color: #245844 !important;
  background: rgba(35,120,86,.10) !important;
}
:is(
  .mk-premium-icon,
  .mk-license-svg,
  .portal-feature-icon,
  .portal-icon,
  .feature-icon,
  .service-icon,
  .category-icon,
  .contact-icon,
  .value-icon,
  .process-icon,
  .step-icon,
  .benefit-icon,
  .stat-icon,
  .mk-icon-shell,
  .mk-card-icon,
  .b2b-step__icon,
  .portal-card__icon,
  .mk-internal-stat__icon,
  .mk-internal-node__icon,
  .mk-order-form-head__icon,
  .mk-coop-form__head-icon,
  .mk-contact-form__icon,
  .product-hero-v6306__icon,
  .mk-about-value-card__icon,
  .node-icon,
  .route-icon,
  .orbit-item__icon,
  .mk-category-card__icon,
  .product-feature-list-v6305__icon,
  .mk-mobile-app-strip__icon,
  .mk-mobile-install-bar__icon,
  .mk-mega-row__icon,
  .mk-mega-menu__mark,
  .mk-mobile-nav__icon,
  .mk-mobile-live-search__field > .mk-svg-icon,
  .mk-mobile-contact > .mk-svg-icon,
  .mk-mobile-cat__toggle span > .mk-svg-icon,
  .mk-mobile-cat__page > .mk-svg-icon:first-child,
  .mk-search-result__icon,
  .mk-search-empty > .mk-svg-icon,
  body.mk-internal-page--cooperation .mk-file-upload > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-direct-badge > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-item > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-ecosystem-badge > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-story__points .mk-svg-icon,
  body.mk-login-page .mk-login-specs article > .mk-svg-icon,
  body.mk-login-page .mk-login-spec-icon,
  body:is(
    .mk-internal-page--faq,
    .mk-internal-page--licenses,
    .mk-internal-page--cooperation,
    .mk-internal-page--contact,
    .mk-internal-page--about
  ) .mk-internal-tag > .mk-svg-icon,
  body.mk-internal-page--about .mk-internal-tag > .mk-about-validation-svg--tag
)::after{
  content: "";
  position: absolute;
  
  
  
  
  pointer-events: none;
  
}
body.mk-internal-page--order .mk-internal-stat__icon{
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 13px !important;
  font-size: 1rem !important;
}
body.mk-internal-page--cooperation .mk-file-upload > .mk-svg-icon{
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 13px !important;
  font-size: 1rem !important;
}
body.mk-internal-page--contact .mk-contact-direct-badge > .mk-svg-icon{
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 13px !important;
  font-size: 1rem !important;
}
body.mk-internal-page--contact .mk-contact-item > .mk-svg-icon{
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 15px !important;
  font-size: 1.05rem !important;
}
body.mk-internal-page--about .mk-about-ecosystem-badge > .mk-svg-icon{
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 13px !important;
  font-size: 1rem !important;
}
body.mk-internal-page--about .mk-about-story__points .mk-svg-icon{
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 12px !important;
  font-size: .95rem !important;
}
body.mk-login-page :is(.mk-login-specs article > .mk-svg-icon, .mk-login-spec-icon){
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 15px !important;
  font-size: 1rem !important;
}
body.mk-login-page .mk-login-spec-icon > svg{
  width: 1.1rem !important;
  height: 1.1rem !important;
  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;
}
html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-license-svg{
  border-color: rgba(255, 138, 60, .38) !important;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.12), transparent 30%),
    radial-gradient(circle at 22% 18%, rgba(255,138,60,.20), transparent 42%),
    radial-gradient(circle at 84% 82%, rgba(47,155,112,.20), transparent 44%),
    var(--mk-brand-icon-surface) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(47,155,112,.07),
    0 18px 34px rgba(0,0,0,.24),
    0 0 22px rgba(216,86,23,.08) !important;
}
html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-license-svg::before{
  border-color: rgba(255,255,255,.09) !important;
  background: linear-gradient(145deg, rgba(255,138,60,.07), rgba(47,155,112,.08)) !important;
}
html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-license-svg::after{
  border-color: rgba(47,155,112,.20) !important;
}
html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-premium-status{
  color: #c9f4df !important;
  border-color: rgba(47,155,112,.42) !important;
  background: rgba(18,75,56,.38) !important;
}
html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-premium-status::before,html[data-bs-theme] body.portal-page.mk-licenses-v6342 .mk-license-card .mk-premium-status::after{
  background: var(--mk-brand-green-strong) !important;
  box-shadow: 0 0 12px rgba(47,155,112,.62) !important;
}
main i[class*="fa-"],.market-header i[class*="fa-"],.portal-header i[class*="fa-"],.offcanvas i[class*="fa-"],.modal i[class*="fa-"]{
  display: inline-block;
  color: var(--mk-brand-orange-strong);
  background-image: var(--mk-brand-icon-gradient);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 8px rgba(216,86,23,.12));
}
:is(.btn-accent, .mk-mobile-install-button--primary) i[class*="fa-"]{
  background-image: linear-gradient(135deg, #fff8f2 0%, #e8fff5 100%);
  filter: none;
}
:is(.text-info, .text-cyan, .text-teal, .portal-cyan, .mk-cyan){
  color: var(--mk-brand-green-strong) !important;
}
:is(.bg-info, .bg-cyan, .bg-teal){
  background-color: var(--mk-brand-green) !important;
}
:is(.border-info, .border-cyan, .border-teal){
  border-color: rgba(35,120,88,.52) !important;
}
@property --mk-hero-fill {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final{
  --mk-hero-title-white: #fffaf6;
  --mk-hero-title-orange: #ff5718;
  --mk-hero-title-orange-mid: #ff7627;
  --mk-hero-title-orange-edge: #ffb072;
  --mk-hero-fill: 0%;
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin-block: .55rem .95rem !important;
  padding: .06em .18em .22em .08em !important;
  box-sizing: content-box !important;
  font-family: "Vazirmatn Variable", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: clamp(3.15rem, 6vw, 6.2rem) !important;
  font-weight: 950 !important;
  line-height: 1.09 !important;
  letter-spacing: -.028em !important;
  color: var(--mk-hero-title-white) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  clip-path: none !important;
  contain: none !important;
}
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final::before,html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final::after,html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong)::before,html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong)::after{
  content: none !important;
  display: none !important;
}
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong){
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: .035em .30em .18em .10em !important;
  box-sizing: content-box !important;
  font: inherit !important;
  line-height: 1.09 !important;
  letter-spacing: inherit !important;
  white-space: nowrap !important;
  color: var(--mk-hero-title-white) !important;
  background-color: transparent !important;
  background-image: linear-gradient(
    to left,
    var(--mk-hero-title-orange) 0%,
    var(--mk-hero-title-orange-mid) var(--mk-hero-fill),
    var(--mk-hero-title-orange-edge) calc(var(--mk-hero-fill) + 2.2%),
    var(--mk-hero-title-white) calc(var(--mk-hero-fill) + 6.5%),
    var(--mk-hero-title-white) 100%
  ) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 3px 2px rgba(0,0,0,.64))
    drop-shadow(0 12px 22px rgba(0,0,0,.36))
    drop-shadow(0 0 10px rgba(255,87,24,.18)) !important;
  animation: mkHeroOrangeFillLineOne63116 9.6s cubic-bezier(.48, .02, .18, 1) infinite !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  contain: none !important;
  will-change: background-image;
}
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(strong, .mk-hero-title-line--second){
  animation-name: mkHeroOrangeFillLineTwo63116 !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--construction .hero-copy .mk-hero-title-final > strong{
  padding-inline-end: .58em !important;
  padding-block-end: .20em !important;
  letter-spacing: -.012em !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-copy .mk-hero-title-final > strong{
  padding-inline-end: .82em !important;
  padding-block-end: .20em !important;
}
@keyframes mkHeroOrangeFillLineOne63116 {
  0%, 7% { --mk-hero-fill: 0%; }
  38%, 99.8% { --mk-hero-fill: 100%; }
  100% { --mk-hero-fill: 0%; }
}
@keyframes mkHeroOrangeFillLineTwo63116 {
  0%, 40% { --mk-hero-fill: 0%; }
  72%, 99.8% { --mk-hero-fill: 100%; }
  100% { --mk-hero-fill: 0%; }
}
html[data-bs-theme] body #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-slide__inner{
  position: relative !important;
  min-height: 100% !important;
  background:
    linear-gradient(
      to left,
      rgba(7, 10, 11, .96) 0%,
      rgba(7, 10, 11, .86) 34%,
      rgba(7, 10, 11, .54) 61%,
      rgba(7, 10, 11, .14) 86%,
      transparent 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-slide__inner{
  background:
    linear-gradient(
      to left,
      rgba(7, 10, 11, .97) 0%,
      rgba(7, 10, 11, .89) 40%,
      rgba(7, 10, 11, .58) 68%,
      rgba(7, 10, 11, .16) 91%,
      transparent 100%
    ) !important;
}
html[data-bs-theme] body #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy{
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-bs-theme] body #heroCarousel :is(.hero-slide--construction, .hero-slide--smart) .hero-copy::before{
  content: none !important;
  display: none !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-copy .mk-hero-title-final{
  font-size: clamp(2.92rem, 5.10vw, 5.40rem) !important;
  margin-block-end: .72rem !important;
}
html[data-bs-theme] body #heroCarousel .carousel-item.hero-slide--architecture .hero-copy .mk-hero-title-final > .mk-hero-title-line--second{
  margin-top: .18em !important;
  padding-top: .07em !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  padding: .60rem 1.55rem .60rem 1rem !important;
  box-sizing: content-box !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
  display: inline-flex !important;
  align-items: baseline !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  padding-inline-end: .22em !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--smart .mk-hero-smart-word{
  display: inline-block !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: .12em .60em !important;
  color: var(--mk-brand-orange-strong) !important;
  background-image: var(--mk-brand-icon-gradient) !important;
  background-size: 100% 100% !important;
  background-position: 50% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-family: "Vazirmatn Variable", "Vazirmatn", Tahoma, sans-serif !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  text-shadow: none !important;
  animation: none !important;
}
#heroCarousel .mk-hero-search-host{
  position: relative;
  width: 100%;
  overflow: visible;
}
#heroCarousel .hero-search{
  position: relative;
  isolation: isolate;
  padding: 2px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(216,86,23,.35), rgba(35,120,88,.24));
  background-clip: padding-box;
  border: 1px solid rgba(240,106,34,.44);
  box-shadow: 0 18px 52px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.08);
}
#heroCarousel .hero-search::before{
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  border-radius: calc(.8rem - 3px);
  background: rgba(8,21,17,.94);
  pointer-events: none;
}
#heroCarousel .hero-search :is(.form-control, .form-select, .btn){
  position: relative;
  z-index: 1;
  margin: 0;
}
[data-bs-theme="light"] #heroCarousel .hero-search::before{
  background: rgba(255,255,255,.94);
}
#mkMobileAppTitle,.mk-mobile-app-copy h2{
  max-width: none !important;
}
#mkMobileAppTitle span,.mk-mobile-app-copy h2 span{
  display: inline !important;
}
@media (min-width: 768px){
#mkMobileAppTitle{
    white-space: nowrap !important;
    font-size: clamp(1.85rem, 2.9vw, 3.15rem) !important;
    letter-spacing: -.045em !important;
  }
}
.market-header,.portal-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  overflow: visible !important;
}
.header-actions .mk-cart-menu{
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
}
.header-actions .mk-cart-menu > .cart-button{
  padding: 0;
  cursor: pointer;
}
.mk-cart-panel{
  position: absolute;
  z-index: 1080;
  top: calc(100% + 16px);
  left: 50%;
  width: min(390px, calc(100vw - 2rem));
  padding: .9rem;
  overflow: hidden;
  border: 1px solid rgba(255, 138, 60, .30);
  border-radius: 20px;
  color: #f6faf8;
  background:
    radial-gradient(circle at 92% 4%, rgba(255,122,47,.13), transparent 34%),
    radial-gradient(circle at 8% 94%, rgba(47,155,112,.12), transparent 38%),
    linear-gradient(150deg, rgba(11,18,19,.99), rgba(8,14,16,.99));
  box-shadow: 0 28px 68px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.07);
  transform: translateX(-50%);
  text-align: right;
  direction: rtl;
}
.mk-cart-panel::before{
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  border-top: 1px solid rgba(255,138,60,.30);
  border-right: 1px solid rgba(255,138,60,.30);
  background: #0b1213;
  transform: translateX(-50%) rotate(-45deg);
}
.mk-cart-panel[hidden]{ display: none !important; }
.mk-cart-panel__head,.mk-cart-panel__summary,.mk-cart-panel__item{
  position: relative;
  display: flex;
  align-items: center;
}
.mk-cart-panel__head{
  justify-content: space-between;
  gap: 1rem;
  padding: .25rem .2rem .75rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mk-cart-panel__title{ min-width:0; display:flex; align-items:center; gap:.65rem; }
.mk-cart-panel__head strong{ font-size: .92rem; font-weight: 900; }
.mk-cart-panel__head small{ color: rgba(231,240,237,.58); font-size: .66rem; }
.mk-cart-panel__close{ width:42px; height:42px; min-width:42px; flex:0 0 42px; display:none; place-items:center; margin:0; padding:0; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#f7fbf9; background:rgba(255,255,255,.055); box-shadow:none; }
.mk-cart-panel__close .mk-svg-icon{ width:19px; height:19px; }
.mk-cart-panel__close:focus-visible{ outline:2px solid rgba(255,138,60,.72); outline-offset:2px; }
html[data-bs-theme="light"] .mk-cart-panel__close{ color:#285543; border-color:rgba(35,72,57,.18); background:rgba(35,72,57,.055); }
html.mk-app-standalone .mk-cart-panel__close{ display:grid; }
.mk-cart-panel__items{ display: grid; gap: .5rem; padding-block: .7rem; }
.mk-cart-panel__item{
  gap: .7rem;
  min-width: 0;
  padding: .55rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.mk-cart-panel__media{
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  padding: .35rem;
  border: 1px solid rgba(255,138,60,.20);
  border-radius: 12px;
  background: rgba(255,255,255,.045);
}
.mk-cart-panel__media img{ width: 100%; height: 100%; object-fit: contain; }
.mk-cart-panel__copy{ min-width: 0; display: grid; flex: 1; gap: .12rem; }
.mk-cart-panel__copy b{ overflow: hidden; color: #f7faf8; font-size: .72rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.mk-cart-panel__copy small{ color: rgba(229,239,235,.56); font-size: .61rem; }
.mk-cart-panel__price{ color: #ff9a60; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.mk-cart-panel__summary{
  justify-content: space-between;
  gap: 1rem;
  padding: .72rem .2rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
.mk-cart-panel__summary span{ color: rgba(231,240,237,.62); font-size: .67rem; }
.mk-cart-panel__summary strong{ color: #fff4eb; font-size: .86rem; }
.mk-cart-panel__action{
  width: 100%;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border-radius: 12px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--mk-brand-orange-strong), var(--mk-brand-orange));
  box-shadow: 0 12px 26px rgba(216,86,23,.22);
  font-size: .72rem;
  font-weight: 900;
}
.mk-cart-menu.is-open > .cart-button{
  color: #fff !important;
  border-color: rgba(255,138,60,.54) !important;
  background: rgba(216,86,23,.16) !important;
  box-shadow: 0 0 0 4px rgba(216,86,23,.07), 0 10px 24px rgba(0,0,0,.18) !important;
}
html[data-bs-theme="light"] .mk-cart-panel{
  color: #312720;
  border-color: rgba(169,67,20,.20);
  background:
    radial-gradient(circle at 92% 4%, rgba(216,86,23,.09), transparent 34%),
    radial-gradient(circle at 8% 94%, rgba(35,120,88,.08), transparent 38%),
    linear-gradient(150deg, rgba(255,255,255,.995), rgba(250,247,243,.995));
  box-shadow: 0 26px 58px rgba(77,52,36,.16), inset 0 1px #fff;
}
html[data-bs-theme="light"] .mk-cart-panel::before{
  border-color: rgba(169,67,20,.20);
  background: #fffdfb;
}
html[data-bs-theme="light"] .mk-cart-panel__head,html[data-bs-theme="light"] .mk-cart-panel__summary{ border-color: rgba(96,72,55,.10); }
html[data-bs-theme="light"] .mk-cart-panel__head small,html[data-bs-theme="light"] .mk-cart-panel__copy small,html[data-bs-theme="light"] .mk-cart-panel__summary span{ color: rgba(65,51,42,.60); }
html[data-bs-theme="light"] .mk-cart-panel__item{ border-color: rgba(96,72,55,.10); background: rgba(112,83,61,.035); }
html[data-bs-theme="light"] .mk-cart-panel__copy b{ color: #302720; }
html[data-bs-theme="light"] .mk-cart-panel__summary strong{ color: #382820; }
html[data-bs-theme="light"] body :is(.market-header, .portal-header) .header-actions > :is(.header-icon, .theme-switch, .cart-button),html[data-bs-theme="light"] body :is(.market-header, .portal-header) .header-actions > .mk-cart-menu > .cart-button{
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(125,74,44,.20) !important;
  border-radius: 50% !important;
  color: #382a22 !important;
  background: linear-gradient(145deg, #fffefc, #fff8f2) !important;
  box-shadow: 0 9px 24px rgba(68,47,35,.09), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html[data-bs-theme="light"] body :is(.market-header, .portal-header) .header-actions > :is(.header-icon, .theme-switch, .cart-button):hover,html[data-bs-theme="light"] body :is(.market-header, .portal-header) .header-actions > .mk-cart-menu > .cart-button:hover{
  border-color: rgba(221,91,28,.36) !important;
  color: #b74613 !important;
  box-shadow: 0 11px 28px rgba(68,47,35,.12), 0 0 0 3px rgba(221,91,28,.06) !important;
}
html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card{
  color-scheme: dark !important;
  color: #fffaf6 !important;
  background-color: #071017 !important;
}
html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy,html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy h3,html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy p,html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy .mk-about-bridge-line{
  color: #fffaf6 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}
html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy h3 span,html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy strong{
  color: #ff9a55 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}
html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy p,html[data-bs-theme] body.mk-internal-page--about .mk-about-bridge-card .mk-about-bridge-card__copy .mk-about-bridge-line{
  color: #f4ebe4 !important;
}
@media (max-width: 991.98px){
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final{
    width: auto !important;
    max-width: 100% !important;
    font-size: clamp(2.55rem, 9.1vw, 4.65rem) !important;
    line-height: 1.12 !important;
  }
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-copy .mk-hero-title-final{
    font-size: clamp(2.42rem, 8.45vw, 4.28rem) !important;
  }
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong){
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-kicker,html[data-bs-theme] body #heroCarousel .hero-slide--smart .mk-hero-kicker-text{
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}
@media (max-width: 575.98px){
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final{
    width: auto !important;
    max-width: 100% !important;
    padding-inline: .04em .10em !important;
    font-size: clamp(2.28rem, 11vw, 3.38rem) !important;
    letter-spacing: -.032em !important;
  }
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-copy .mk-hero-title-final{
    font-size: clamp(1.75rem, 8.6vw, 2.45rem) !important;
  }
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-copy .mk-hero-title-final{
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: .08em !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: clamp(1.28rem, 6.15vw, 1.62rem) !important;
    line-height: 1.16 !important;
  }
html[data-bs-theme] body #heroCarousel .hero-slide--smart .hero-copy .mk-hero-title-final > :is(span, strong){
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-align: right !important;
    overflow: visible !important;
  }
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong){
    padding-inline: .06em .16em !important;
  }
main :is(.mk-internal-hero,.mk-categories-hero,.products-hero,.supplier-hero,.mk-login-showcase) h1{
    font-size: clamp(1.28rem, 6.2vw, 1.65rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.022em !important;
    max-width: 100% !important;
    text-wrap: balance !important;
  }
main :is(.mk-internal-hero,.mk-categories-hero,.products-hero,.supplier-hero,.mk-login-showcase) h1 > :is(span,strong){
    display: block !important;
    white-space: nowrap !important;
  }
body[data-page="product"] .product-hero-v629 h1{
    font-size: clamp(1rem, 4.7vw, 1.25rem) !important;
    line-height: 1.22 !important;
    letter-spacing: -.015em !important;
  }
body[data-page="product"] .product-hero-v629 h1 > :is(span,strong){
    display: block !important;
    white-space: nowrap !important;
  }
body.mk-category-products-page .mk-cat-hero h1,
body :is(.portal-hero,.mk-legal-hero) h1{
    font-size: clamp(1.55rem, 7.4vw, 2rem) !important;
    line-height: 1.16 !important;
    max-width: 100% !important;
    text-wrap: balance !important;
  }
:is(.footer-cta__inner, .portal-footer__cta, .unified-page-cta, .supplier-cta, .architecture-cta, .mk-page-cta, .mk-cta) :is(h1, h2){
    font-size: clamp(1.3rem, 6vw, 1.85rem);
  }
}
@media (prefers-reduced-motion: reduce){
html[data-bs-theme] body #heroCarousel .carousel-item .hero-copy .mk-hero-title-final > :is(span, strong){
    animation: none !important;
    --mk-hero-fill: 100%;
  }
}
:is(
  .mk-premium-icon,
  .mk-license-svg,
  .portal-feature-icon,
  .portal-icon,
  .feature-icon,
  .service-icon,
  .category-icon,
  .contact-icon,
  .value-icon,
  .process-icon,
  .step-icon,
  .benefit-icon,
  .stat-icon,
  .mk-icon-shell,
  .mk-card-icon,
  .b2b-step__icon,
  .portal-card__icon,
  .mk-internal-stat__icon,
  .mk-internal-node__icon,
  .mk-order-form-head__icon,
  .mk-coop-form__head-icon,
  .mk-contact-form__icon,
  .product-hero-v6306__icon,
  .mk-about-value-card__icon,
  .node-icon,
  .route-icon,
  .orbit-item__icon,
  .mk-category-card__icon,
  .product-feature-list-v6305__icon,
  .mk-mobile-app-strip__icon,
  .mk-mobile-install-bar__icon,
  .mk-mega-row__icon,
  .mk-mega-menu__mark,
  .mk-mobile-nav__icon,
  .mk-mobile-live-search__field > .mk-svg-icon,
  .mk-mobile-contact > .mk-svg-icon,
  .mk-mobile-cat__toggle span > .mk-svg-icon,
  .mk-mobile-cat__page > .mk-svg-icon:first-child,
  .mk-search-result__icon,
  .mk-search-empty > .mk-svg-icon,
  body.mk-internal-page--cooperation .mk-file-upload > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-direct-badge > .mk-svg-icon,
  body.mk-internal-page--contact .mk-contact-item > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-ecosystem-badge > .mk-svg-icon,
  body.mk-internal-page--about .mk-about-story__points .mk-svg-icon,
  body.mk-login-page .mk-login-specs article > .mk-svg-icon,
  body.mk-login-page .mk-login-spec-icon,
  body:is(
    .mk-internal-page--faq,
    .mk-internal-page--licenses,
    .mk-internal-page--cooperation,
    .mk-internal-page--contact,
    .mk-internal-page--about
  ) .mk-internal-tag > .mk-svg-icon,
  body.mk-internal-page--about .mk-internal-tag > .mk-about-validation-svg--tag
)::after{
  inset: 6px !important;
  border-radius: 999px !important;
  border-image: none !important;
  border: 1px solid rgba(255, 156, 92, .28) !important;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.035), transparent 68%) !important;
  opacity: .88 !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .mk-hero-search-host{
  position: relative !important;
  z-index: 120 !important;
  width: 100% !important;
  max-width: 680px !important;
  margin-inline-end: auto !important;
  overflow: visible !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .mk-hero-search-host > .mk-search-results{
  position: absolute !important;
  top: calc(100% + 8px) !important;
  inset-inline: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1400 !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .mk-hero-search-host > .mk-search-results > .mk-search-results__list{
  max-height: none !important;
  overflow: visible !important;
}
html[data-bs-theme] body .hero-reference:has(.hero-slide--architecture .mk-hero-search-host > .mk-search-results:not([hidden])){
  z-index: 20 !important;
}
html[data-bs-theme] body .hero-reference:has(.hero-slide--architecture .mk-hero-search-host > .mk-search-results:not([hidden])) #heroCarousel .carousel-inner{
  overflow: visible !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-search{
  overflow: hidden !important;
  border-radius: 999px !important;
  padding: 1px !important;
  color-scheme: dark !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-search::before{
  inset: 1px !important;
  border-radius: inherit !important;
}
html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-search .form-control,html[data-bs-theme] body #heroCarousel .hero-slide--architecture .hero-search .hero-search__icon{
  border-radius: 0 !important;
  background-clip: padding-box !important;
}
html[data-bs-theme="light"] body #heroCarousel .hero-slide--architecture .hero-search{
  border-color: rgba(255,137,73,.38) !important;
  background: linear-gradient(135deg, rgba(224,91,27,.42), rgba(35,120,88,.28)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.10), 0 0 0 1px rgba(255,132,66,.06) !important;
}
html[data-bs-theme="light"] body #heroCarousel .hero-slide--architecture .hero-search::before{
  background: linear-gradient(110deg, rgba(11,20,21,.98), rgba(9,17,18,.96)) !important;
}
html[data-bs-theme="dark"] body #heroCarousel .hero-slide--architecture .hero-search{
  border-color: rgba(255,137,73,.38) !important;
  background: linear-gradient(135deg, rgba(224,91,27,.42), rgba(35,120,88,.28)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.10), 0 0 0 1px rgba(255,132,66,.06) !important;
}
html[data-bs-theme="dark"] body #heroCarousel .hero-slide--architecture .hero-search::before{
  background: linear-gradient(110deg, rgba(11,20,21,.98), rgba(9,17,18,.96)) !important;
}
html[data-bs-theme="dark"] body #heroCarousel .hero-slide--architecture .hero-search .form-control{
  color: #fff7f1 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-bs-theme="dark"] body #heroCarousel .hero-slide--architecture .hero-search .form-control::placeholder{
  color: rgba(238,224,215,.66) !important;
  opacity: 1 !important;
}
html[data-bs-theme="dark"] body #heroCarousel .hero-slide--architecture .hero-search .hero-search__icon{
  color: #ff9858 !important;
  background: rgba(255,255,255,.018) !important;
  border-inline-start: 1px solid rgba(255,255,255,.08) !important;
}
html[data-bs-theme] body .orbit-spokes circle.is-active,html[data-bs-theme] body .orbit-pages span.active{
  fill: var(--mk-brand-orange-strong) !important;
  background: var(--mk-brand-orange-strong) !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 3px rgba(255,122,47,.12), 0 0 16px rgba(255,122,47,.58) !important;
  filter: drop-shadow(0 0 6px rgba(255,122,47,.72)) !important;
}
html[data-bs-theme] body .orbit-pages span{
  opacity: .46 !important;
}
html[data-bs-theme] body .office-services article > i{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 1rem !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 138, 60, .38) !important;
  background: radial-gradient(circle at 26% 18%, rgba(255,138,60,.18), transparent 38%), radial-gradient(circle at 82% 82%, rgba(47,155,112,.16), transparent 42%), var(--mk-brand-icon-surface) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.18), 0 0 18px rgba(255,122,47,.08) !important;
}
html[data-bs-theme] body .trust-tech-layout > aside h3{
  font-size: clamp(1.08rem, 1.35vw, 1.24rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
}
html[data-bs-theme] body .trust-benefits span{
  font-size: clamp(.82rem, .98vw, .92rem) !important;
  font-weight: 800 !important;
  line-height: 1.72 !important;
}
html[data-bs-theme] body :is(.footer-command h2, .mk-final-cta h2, .footer-cta__inner h2, .portal-footer__cta h2, .unified-page-cta h2, .supplier-cta h2, .architecture-cta h2, .mk-page-cta h2, .mk-cta h2){
  font-size: clamp(1.46rem, 2.45vw, 2.52rem) !important;
  line-height: 1.18 !important;
}
@media (min-width: 1200px){
html[data-bs-theme] body :is(.footer-command h2, .mk-final-cta h2, .footer-cta__inner h2, .portal-footer__cta h2, .unified-page-cta h2, .supplier-cta h2, .architecture-cta h2, .mk-page-cta h2, .mk-cta h2){
    white-space: nowrap !important;
  }
}
html[data-bs-theme] body :is(.mk-mobile-app-actions, .mk-mobile-app-strip__actions, .mk-mobile-install-dialog, .mk-mobile-install-bar__actions, .mk-mobile-install-bar) :is(.fa-android, .fa-apple){
  background-image: none !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: currentColor !important;
  filter: none !important;
  line-height: 1 !important;
}