.mk-mobile-menu-toggle,
.mk-mobile-backdrop,
.mk-mobile-drawer{
  display:none;
}

/* Canonical Makreate page chrome. Keep this shared file on every static page. */
.mk-nav{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:10000 !important;
  width:100% !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #ececec !important;
  backdrop-filter:blur(14px) !important;
  font-family:"Kanit",Arial,sans-serif !important;
}

.mk-nav,
.mk-nav *{
  box-sizing:border-box !important;
}

.mk-nav-inner{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:14px 24px !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}

.mk-nav .mk-logo{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  text-decoration:none !important;
}

.mk-nav .mk-logo img{
  display:block !important;
  height:34px !important;
  width:auto !important;
  max-width:200px !important;
}

.mk-nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:26px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.mk-nav-links > a,
.mk-nav-trigger{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:36px !important;
  color:#202020 !important;
  font-family:"Kanit",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:color .16s ease !important;
}

.mk-nav-links > a:hover,
.mk-nav-trigger:hover{
  color:#E51A1C !important;
}

.mk-nav-item{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

.mk-nav-caret{
  display:inline-block !important;
  color:currentColor !important;
  font-size:10px !important;
  line-height:1 !important;
  transition:transform .16s ease !important;
}

.mk-nav-has-menu:hover .mk-nav-caret,
.mk-nav-has-menu:focus-within .mk-nav-caret{
  transform:rotate(180deg) !important;
}

.mk-mega{
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  z-index:10001 !important;
  width:600px !important;
  max-width:calc(100vw - 32px) !important;
  padding-top:14px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(-6px) !important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s !important;
}

.mk-more-menu{
  width:260px !important;
}

.mk-nav-has-menu:hover .mk-mega,
.mk-nav-has-menu:focus-within .mk-mega{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear 0s !important;
}

.mk-mega-inner{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  padding:22px !important;
  border:1px solid #ececec !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 24px 60px rgba(15,23,42,.12) !important;
}

.mk-more-menu .mk-mega-inner{
  display:block !important;
}

.mk-mega-top-link{
  display:block !important;
  grid-column:1 / -1 !important;
  margin:0 0 2px !important;
  padding:14px 16px !important;
  border:1px solid #f3d9d9 !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#fff5f5 0%,#fff 100%) !important;
  text-decoration:none !important;
}

.mk-mega-top-link:hover{
  border-color:#E51A1C !important;
  background:#fff5f5 !important;
}

.mk-mega-top-link-label{
  display:block !important;
  color:#E51A1C !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
}

.mk-mega-top-link-sub{
  display:block !important;
  margin-top:3px !important;
  color:#666 !important;
  font-size:12px !important;
  font-weight:300 !important;
  line-height:1.35 !important;
}

.mk-mega-col-head{
  margin:0 0 10px !important;
  padding:0 0 10px !important;
  border-bottom:1px solid #ececec !important;
}

.mk-mega-eyebrow{
  display:block !important;
  margin:0 0 4px !important;
  color:#E51A1C !important;
  font-size:10px !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

.mk-mega-title{
  display:block !important;
  color:#111 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}

.mk-mega-list{
  display:grid !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.mk-mega-list a{
  display:block !important;
  margin:0 -10px !important;
  padding:8px 10px !important;
  border-radius:8px !important;
  color:#333 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
  white-space:normal !important;
  transition:background .15s ease,color .15s ease !important;
}

.mk-mega-list a:hover{
  background:#fff5f5 !important;
  color:#E51A1C !important;
}

.mk-nav-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:40px !important;
  padding:11px 20px !important;
  border-radius:8px !important;
  background:#E51A1C !important;
  color:#fff !important;
  font-family:"Kanit",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}

.mk-nav-cta:hover{
  color:#fff !important;
  box-shadow:0 8px 20px rgba(229,26,28,.24) !important;
  transform:translateY(-1px) !important;
}

.mk-footer{
  clear:both !important;
  margin-top:80px !important;
  padding:64px 24px 28px !important;
  background:#101010 !important;
  color:#fff !important;
  font-family:"Kanit",Arial,sans-serif !important;
}

.mk-footer,
.mk-footer *{
  box-sizing:border-box !important;
}

.mk-footer-inner{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(230px,1.35fr) repeat(6,minmax(116px,1fr)) !important;
  gap:30px !important;
  align-items:start !important;
}

.mk-footer-brand{
  max-width:290px !important;
}

.mk-footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 18px !important;
}

.mk-footer-logo img{
  display:block !important;
  width:168px !important;
  height:auto !important;
  opacity:.95 !important;
  filter:brightness(0) invert(1) !important;
}

.mk-footer-brand p{
  margin:0 !important;
  color:#a2a2a2 !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

.mk-footer h4{
  margin:0 0 16px !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:.08em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

.mk-footer ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.mk-footer li{
  margin:0 0 10px !important;
  color:#9d9d9d !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.mk-footer a{
  color:#9d9d9d !important;
  text-decoration:none !important;
  transition:color .16s ease !important;
}

.mk-footer a:hover{
  color:#fff !important;
}

.mk-footer-social-list li{
  margin-bottom:10px !important;
}

.mk-footer-social-list a{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

.mk-footer-social-icon{
  width:24px !important;
  height:24px !important;
  border-radius:7px !important;
  background:#202020 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 24px !important;
  font-size:9px !important;
  font-weight:400 !important;
  line-height:1 !important;
  transition:background .16s ease,transform .16s ease !important;
}

.mk-footer-social-list a:hover .mk-footer-social-icon{
  background:#E51A1C !important;
  transform:translateY(-1px) !important;
}

.mk-footer-contact-list{
  margin-top:18px !important;
  padding-top:18px !important;
  border-top:1px solid #242424 !important;
}

.mk-footer-contact-list li{
  margin-bottom:9px !important;
}

.mk-footer-bottom{
  max-width:1280px !important;
  margin:34px auto 0 !important;
  padding-top:22px !important;
  border-top:1px solid #242424 !important;
  color:#727272 !important;
  font-size:13px !important;
  text-align:center !important;
}

html[data-theme="dark"] .mk-footer,
.dark-mode .mk-footer,
body.dark-mode .mk-footer{
  background:#070708 !important;
  color:#fff !important;
}

@media (max-width:1180px){
  .mk-footer-inner{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .mk-footer-brand{
    grid-column:1 / -1 !important;
    max-width:420px !important;
  }
}

.mk-mobile-backdrop[hidden],
.mk-mobile-drawer[hidden]{
  display:none !important;
}

html body .mk-float-wa,
html body .mk-float-phone,
html body .mk-floating-wa,
html body .mk-whatsapp-float,
html body .floating-whatsapp,
html body .whatsapp-floating,
html body .floating-buttons,
html body .floating-btn-whatsapp,
html body .cms-floating-whatsapp,
html body .wa-float,
html body .whatsapp-button,
html body .mk-fwa,
html body .mk-fwa-mobile,
html body .wa-widget,
html body .whatsapp-widget,
html body #whatsapp-widget,
html body #whatsapp-widget-root,
html body .joinchat,
html body a[href*="api.whatsapp.com"][style*="fixed"],
html body a[href*="wa.me"][style*="fixed"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width:760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  img,
  video,
  iframe{
    max-width:100% !important;
  }

  body.mk-mobile-nav-open{
    overflow:hidden !important;
  }

  .mk-nav{
    z-index:99990 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .mk-nav-inner{
    padding:12px 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .mk-nav .mk-logo{
    min-width:0 !important;
    order:1 !important;
    flex:0 1 auto !important;
    grid-column:1 !important;
    justify-self:start !important;
  }

  .mk-nav .mk-logo img{
    height:30px !important;
    max-width:min(190px,calc(100vw - 92px)) !important;
  }

  .mk-nav-links{
    display:none !important;
  }

  .mk-nav-cta{
    display:none !important;
    order:2 !important;
    flex:0 0 auto !important;
    grid-column:2 !important;
    justify-self:end !important;
    margin-left:0 !important;
    padding:10px 12px !important;
    border-radius:8px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
  }

  .mk-nav .mk-cart-trigger{
    display:none !important;
  }

  .mk-mobile-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:2 !important;
    order:3 !important;
    flex:0 0 auto !important;
    grid-column:2 !important;
    justify-self:end !important;
    width:44px !important;
    min-width:44px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #d1d5db !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 8px 18px rgba(15,23,42,0.12) !important;
    cursor:pointer !important;
    text-decoration:none !important;
    -webkit-tap-highlight-color:transparent !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  .mk-mobile-menu-toggle span{
    position:absolute;
    left:50%;
    top:50%;
    width:18px;
    height:2px;
    border-radius:999px;
    background:#111;
    transition:transform .2s ease,opacity .2s ease;
  }

  .mk-mobile-menu-toggle span:nth-child(1){
    transform:translate(-50%,-7px);
  }

  .mk-mobile-menu-toggle span:nth-child(2){
    transform:translate(-50%,-50%);
  }

  .mk-mobile-menu-toggle span:nth-child(3){
    transform:translate(-50%,5px);
  }

  .mk-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translate(-50%,-50%) rotate(45deg);
  }

  .mk-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0;
  }

  .mk-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translate(-50%,-50%) rotate(-45deg);
  }

  .mk-mobile-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:99998;
    background:rgba(17,17,17,0.42);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
  }

  .mk-mobile-backdrop.is-open{
    opacity:1;
    pointer-events:auto;
  }

  .mk-mobile-drawer{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:99999;
    width:min(370px,calc(100vw - 24px));
    max-width:calc(100vw - 24px);
    background:#fff;
    color:#111;
    box-shadow:-24px 0 60px rgba(15,23,42,0.18);
    transform:translateX(105%);
    transition:transform .24s ease;
    font-family:"Kanit",sans-serif;
  }

  .mk-mobile-drawer.is-open{
    transform:translateX(0);
  }

  .mk-mobile-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 18px 14px;
    border-bottom:1px solid #ededed;
  }

  .mk-mobile-drawer-logo{
    display:flex;
    align-items:center;
    min-width:0;
  }

  .mk-mobile-drawer-logo img{
    height:28px;
    width:auto;
    max-width:190px;
    display:block;
  }

  .mk-mobile-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    border:1px solid #e7e7e7 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:300 !important;
    cursor:pointer !important;
  }

  .mk-mobile-drawer-body{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:16px 18px 22px;
  }

  .mk-mobile-primary{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    margin:0 0 18px;
    border-radius:8px;
    background:#E51A1C;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 12px 26px rgba(229,26,28,0.18);
  }

  .mk-mobile-cart-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    margin:0 0 18px !important;
    padding:0 14px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#111 !important;
    font-family:"Kanit",sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    cursor:pointer !important;
  }

  .mk-mobile-cart-link .mk-cart-count{
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:20px !important;
    height:20px !important;
    margin-left:8px !important;
    border-radius:999px !important;
    background:#E51A1C !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  .mk-mobile-cart-link .mk-cart-count[hidden]{
    display:none !important;
  }

  .mk-mobile-section{
    padding:14px 0;
    border-top:1px solid #f0f0f0;
  }

  .mk-mobile-section:first-of-type{
    border-top:0;
    padding-top:0;
  }

  .mk-mobile-section-title{
    margin:0 0 8px;
    font-size:11px;
    line-height:1.2;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#E51A1C;
    font-weight:600;
  }

  .mk-mobile-link-list{
    display:grid;
    gap:2px;
  }

  .mk-mobile-link-list a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:9px 0;
    border-radius:8px;
    color:#111 !important;
    text-decoration:none !important;
    font-size:14px;
    line-height:1.25;
    font-weight:400;
  }

  .mk-mobile-link-list a:active{
    color:#E51A1C !important;
  }

  .cms-hero-section{
    padding:28px 16px 36px !important;
    min-height:auto !important;
  }

  .cms-hero-container{
    width:100% !important;
    max-width:100% !important;
    padding:0 16px !important;
  }

  .cms-hero-flex-layout{
    gap:18px !important;
  }

  .cms-hero-left-col,
  .cms-hero-right-col{
    width:100% !important;
    max-width:100% !important;
  }

  h1.cms-hero-title,
  .cms-hero-title,
  .mk-product-name{
    font-size:28px !important;
    line-height:1.14 !important;
    letter-spacing:0 !important;
    margin-bottom:16px !important;
  }

  .cms-hero-subtitle,
  .cms-hero-kicker,
  .mk-product-hero-tagline,
  .mk-product-description,
  .mk-product-subhero-tagline{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:12px !important;
  }

  .mk-product-purchase-card .mk-product-hero-tagline{
    font-size:23px !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    margin-bottom:10px !important;
  }

  body .cms-hero-section .mk-product-purchase-card .mk-product-name{
    font-size:28px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    margin-bottom:10px !important;
  }

  body .cms-hero-section .mk-product-purchase-card .mk-product-hero-tagline{
    font-size:23px !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    margin-bottom:10px !important;
  }

  body .cms-hero-section .mk-product-purchase-card .mk-product-description,
  body .cms-hero-section .mk-product-purchase-card .mk-product-subhero-tagline{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:12px !important;
  }

  .hero-wp-cta-wrapper,
  .cms-timer-box-main{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-wp-cta-btn-main{
    min-height:52px !important;
    font-size:14px !important;
    border-radius:8px !important;
  }

  .cms-timer-box-main{
    margin-top:18px !important;
    padding:16px 14px !important;
    border-radius:8px !important;
  }

  .timer-heading{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  .counter-display{
    gap:12px !important;
  }

  .c-num{
    font-size:20px !important;
    line-height:1 !important;
  }

  .mk-service-detail-grid,
  .mk-service-common-sections .mk-scs-card-grid,
  .mk-service-common-sections .mk-scs-testimonial-grid,
  .mk-service-common-sections .mk-scs-other-grid,
  .mkg-case-grid,
  .mkg-grid-3,
  .mkg-grid-4,
  .ga-work-grid,
  .ga-testimonial-grid,
  .ga-grid-3,
  .ad-case-grid,
  .ad-proof-strip,
  .ad-grid,
  .ad-grid-4,
  .ad-seo-grid,
  .ad-pricing,
  .ad-industry-grid,
  .ih-grid,
  .rcs-related-grid,
  .cs-related-grid,
  .mk-related-grid,
  .mk-testimonials-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .mk-pcard,
  .mkg-case-card,
  .ga-work-card,
  .ga-testimonial,
  .ad-case,
  .ih-card,
  .rcs-related-card,
  .cs-related-card,
  .mk-related-grid a,
  .mk-testimonial-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 1 auto !important;
    border-radius:8px !important;
  }

  .mk-pcard-media,
  .mkg-case-media,
  .ga-work-media,
  .ad-case-media,
  .rcs-related-media,
  .cs-related-media{
    aspect-ratio:16/9 !important;
    min-height:0 !important;
  }

  .mk-pcard-media img,
  .mkg-case-media img,
  .ga-work-media img,
  .ad-case-media img,
  .rcs-related-media img,
  .cs-related-media img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  .mk-marquee-logo,
  .mk-logo-card img,
  .company-logo img,
  .trusted-logo img{
    max-width:140px !important;
    max-height:72px !important;
    object-fit:contain !important;
  }

  .mk-marquee-track{
    gap:34px !important;
  }

  .mk-hero-panel,
  .mk-service-card,
  .mk-inquiry-card,
  .mk-product-summary,
  .mk-offer-panel,
  .ga-hero-proof,
  .ga-proof-card{
    max-height:none !important;
    overflow:visible !important;
  }

  input,
  select,
  textarea{
    font-size:16px !important;
  }

  .mk-service-firstfold{
    padding:28px 14px 40px !important;
  }

  .mk-sff-inner{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  .mk-sff-media-shell,
  .mk-sff-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mk-sff-media-stage{
    border-radius:8px !important;
  }

  .mk-sff-thumbs-wrap{
    display:block !important;
    margin-top:12px !important;
  }

  .mk-sff-navbtn{
    display:none !important;
  }

  .mk-sff-thumbs{
    gap:10px !important;
    padding:3px 2px 5px !important;
    scroll-padding-inline:2px !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
  }

  .mk-sff-thumb{
    flex:0 0 92px !important;
    width:92px !important;
    height:58px !important;
    border-radius:7px !important;
    scroll-snap-align:start !important;
  }

  .mk-sff-thumb.is-active{
    border-color:#cfd5df !important;
    box-shadow:inset 0 0 0 1px rgba(17,17,17,.12) !important;
  }

  .mk-sff-card{
    margin-top:16px !important;
    padding:18px 16px !important;
    border-radius:8px !important;
    overflow:visible !important;
    max-height:none !important;
  }

  .mk-sff-title{
    font-size:30px !important;
    line-height:1.06 !important;
    margin-bottom:12px !important;
  }

  .mk-sff-headline{
    font-size:21px !important;
    line-height:1.18 !important;
    margin-bottom:10px !important;
  }

  .mk-sff-sub{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:16px !important;
  }

  .mk-sff-planbox{
    margin-bottom:16px !important;
    padding:16px !important;
  }

  .mk-sff-plan-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  .mk-sff-plan-name{
    font-size:16px !important;
    line-height:1.2 !important;
  }

  .mk-sff-plan-price{
    font-size:14px !important;
    line-height:1.2 !important;
    text-align:right !important;
  }

  .mk-sff-plan-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  .mk-sff-plan-change,
  .mk-sff-plan-detail{
    width:100% !important;
    min-height:40px !important;
    padding:10px 11px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }

  .mk-sff-plan-menu{
    width:100% !important;
  }

  .mk-sff-plan-menu,
  .mk-sff-plan-detail-panel{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .mk-sff-card .mk-form-host{
    margin-top:0 !important;
  }

  .mk-sff-card .mk-form{
    gap:10px !important;
  }

  .mk-sff-card .mk-submit{
    min-height:52px !important;
    font-size:15px !important;
  }

  .mk-sff-whatsapp{
    min-height:52px !important;
    margin-top:14px !important;
    font-size:15px !important;
  }

  .mk-sff-actions{
    grid-template-columns:1fr !important;
  }

  .mk-sff-action{
    min-height:54px !important;
  }

  .mk-form-host{
    width:100% !important;
    max-width:100% !important;
  }

  .mk-form-phone .mk-phone-wrap{
    min-width:0 !important;
  }

  .mk-form-phone .mk-input-phone{
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:12px !important;
  }

  .mk-form-phone .mk-label{
    max-width:calc(100% - 120px) !important;
  }

  .rcs-wrap{
    padding:34px 14px 54px !important;
  }

  .rcs-wrap h2{
    font-size:30px !important;
    line-height:1.1 !important;
    letter-spacing:-.01em !important;
    text-align:left !important;
    margin:0 0 10px !important;
  }

  .rcs-sub{
    max-width:none !important;
    margin:0 0 18px !important;
    text-align:left !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .rcs-search-wrap{
    max-width:none !important;
    padding:0 !important;
    margin:0 0 12px !important;
  }

  .rcs-search-shell{
    border-radius:10px !important;
    min-height:50px !important;
  }

  .rcs-search-shell .rcs-search-icon{
    margin-left:14px !important;
    width:17px !important;
    height:17px !important;
  }

  .rcs-search-wrap input.rcs-search,
  .rcs-search-shell input.rcs-search{
    min-height:50px !important;
    padding:13px 12px !important;
    font-size:14px !important;
    line-height:1.25 !important;
  }

  .rcs-filters{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    margin:0 0 18px !important;
    padding:0 0 4px !important;
  }

  .rcs-filters::-webkit-scrollbar{
    display:none !important;
  }

  .rcs-filter{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    font-size:12.5px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  .rcs-grid,
  .rcs-related-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .rcs-card,
  .rcs-related-card{
    border-radius:8px !important;
    overflow:hidden !important;
  }

  .rcs-card-body,
  .rcs-related-body{
    padding:14px !important;
    gap:7px !important;
  }

  .rcs-card-title,
  .rcs-related-title{
    font-size:16px !important;
    line-height:1.25 !important;
  }

  .rcs-card-l2,
  .rcs-card-l3,
  .rcs-related-desc{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  .rcs-cta,
  .rcs-related-cta{
    font-size:13px !important;
  }

  .t-hero,
  .ih-hero{
    padding:34px 18px 18px !important;
    text-align:left !important;
  }

  .t-hero h1,
  .ih-hero h1{
    font-size:30px !important;
    line-height:1.1 !important;
    letter-spacing:-.01em !important;
    margin-bottom:10px !important;
    text-align:left !important;
  }

  .t-hero p,
  .ih-hero p.lead{
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    text-align:left !important;
  }

  .t-grid-wrap,
  .ih-grid-wrap{
    padding:18px 14px 54px !important;
  }

  .mk-testimonial-card-link,
  .mk-testimonial-card{
    padding:15px !important;
    border-radius:8px !important;
    gap:10px !important;
  }

  .mk-testimonial-header{
    align-items:center !important;
    gap:12px !important;
  }

  .mk-testimonial-avatar{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
  }

  .mk-testimonial-name{
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:500 !important;
  }

  .mk-testimonial-position{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .mk-testimonial-quote{
    padding-left:10px !important;
    font-size:13px !important;
    line-height:1.48 !important;
    font-weight:300 !important;
  }

  body .mk-testimonials-grid .mk-testimonial-card-link .mk-testimonial-quote,
  body .mk-testimonials-grid .mk-testimonial-card .mk-testimonial-quote{
    font-size:13px !important;
    line-height:1.48 !important;
    font-weight:300 !important;
    font-style:normal !important;
  }

  body .mk-testimonials-grid .mk-testimonial-stars{
    margin:0 !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .mk-testimonial-service,
  .mk-testimonial-tag{
    max-width:100% !important;
    white-space:normal !important;
    border-radius:8px !important;
    font-size:12px !important;
  }

  .ih-grid{
    gap:14px !important;
  }

  .ih-card{
    min-height:auto !important;
    padding:18px !important;
  }

  .ih-card h2{
    font-size:18px !important;
    line-height:1.2 !important;
  }

  .ih-card p{
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .mk-service-common-sections section,
  .mk-service-common-sections .mk-scs-band,
  .mk-service-common-sections .mk-scs-section,
  .mk-ux-results-section,
  .mk-ux-testimonials-section,
  .mk-ux-industries-section,
  .mk-ux-articles-section,
  .mk-ux-other-services-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .mk-service-common-sections .mk-scs-head,
  .mk-scs-head{
    text-align:center !important;
    margin-bottom:18px !important;
  }

  .mk-service-common-sections .mk-scs-head h2,
  .mk-scs-head h2,
  .mk-ux-results-section h2,
  .mk-ux-testimonials-section h2,
  .mk-ux-industries-section h2,
  .mk-ux-articles-section h2,
  .mk-ux-other-services-section h2{
    font-size:28px !important;
    line-height:1.12 !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
  }

  .mk-service-common-sections .mk-scs-head p,
  .mk-scs-head p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .mk-scs-logo-card{
    min-height:112px !important;
    border-radius:8px !important;
  }

  .mk-footer{
    margin-top:0 !important;
    padding:44px 18px 24px !important;
  }

  .mk-footer-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .mk-footer-brand{
    max-width:100% !important;
  }

  .mk-footer h4{
    margin-bottom:10px !important;
    font-size:12px !important;
    letter-spacing:.08em !important;
  }

  .mk-footer li,
  .mk-footer a,
  .mk-footer-brand p{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  .mk-footer-bottom{
    margin-top:24px !important;
    padding-top:18px !important;
    text-align:left !important;
    font-size:12px !important;
  }
}

@media (max-width:380px){
  .mk-nav-inner{
    padding-left:12px !important;
    padding-right:12px !important;
    gap:7px !important;
  }

  .mk-nav .mk-logo img{
    max-width:140px !important;
  }

  .mk-nav-cta{
    padding:9px 10px !important;
    font-size:11px !important;
  }

  .mk-mobile-menu-toggle{
    width:42px !important;
    min-width:42px !important;
    height:40px !important;
  }
}

/* Final mobile/header/footer typography guard: no heavy text weights. */
.mk-nav *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.eicon):not(.dashicons),
.mk-mobile-drawer *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.eicon):not(.dashicons),
.mk-footer *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.eicon):not(.dashicons) {
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis-weight: none !important;
  font-variation-settings: "wght" 400 !important;
}

.mk-nav p,
.mk-mobile-drawer p,
.mk-mobile-drawer li,
.mk-footer p,
.mk-footer li,
.mk-footer small {
  font-weight: 300 !important;
  font-variation-settings: "wght" 300 !important;
}