/* Native styles: structural defaults live in the Elementor controls. These rules add progressive behaviour only. */
.mkh-native .elementor-widget-heading .elementor-heading-title{margin:0}
.mkh-native .elementor-widget-text-editor p{margin:0}
.mkh-native .elementor-widget-image img{display:inline-block}
.mkh-native .elementor-widget-button .elementor-button{line-height:1.45;transition:background-color .2s,color .2s,transform .2s}
.mkh-native .elementor-widget-button .elementor-button:hover{transform:translateY(-1px)}
.mkh-native .e-con{min-width:0}
.mkh-native .elementor-widget{min-width:0}
.mkh-native .elementor-widget-heading .elementor-heading-title{overflow-wrap:break-word}
.mkh-native .mkh3-faq .elementor-accordion-item{border-bottom:1px solid #DADFD7!important}
.mkh-native .mkh3-faq .elementor-tab-title{line-height:1.65}
.mkh-native .mkh3-functional .mkh-table-wrap{border-radius:3px;box-shadow:none;border-color:#DCE2E9}
.mkh-native .mkh3-functional .mkh-compare thead th{background:#0A2A6B;color:#FFF;font-size:11px;font-weight:500;letter-spacing:.025em;padding:18px 16px}
.mkh-native.mkh-ladies .mkh3-functional .mkh-compare thead th{background:#8E1F4D}
.mkh-native .mkh3-functional .mkh-compare td,.mkh-native .mkh3-functional .mkh-compare tbody th{padding:24px 16px;font-size:12px}
.mkh-native .mkh3-functional .mkh-compare tbody tr:nth-child(even){background:#F9FAFC}
.mkh-native .mkh3-functional .mkh-price{font-size:23px;font-weight:600;letter-spacing:-1px}
.mkh-native .mkh3-functional .mkh-tag{background:transparent;padding:0;font-size:9px;letter-spacing:.07em}
.mkh-native .mkh3-functional .mkh-filters{margin-bottom:24px}
.mkh-native .mkh3-functional .mkh-filters button{border-radius:2px;font-size:12px}
.mkh3-date-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-bottom:24px}
.mkh3-date-list>a{padding:24px 0;border-top:1px solid #DDE1E7;display:flex;flex-direction:column;gap:8px;color:var(--mkh-navy)}
.mkh3-date-list>a>span{font-size:24px;font-family:Georgia,serif}
.mkh3-date-list>a>small{font-size:11px;color:#667085}
.mkh3-gallery-empty,.mkh3-menu-toggle,.mkh3-mobile-dock{display:none}
.mkh3-gallery-full:not(.mkh3-gallery-ready) .mkh3-photo:nth-child(n+19){display:none}
.elementor-editor-active .mkh3-gallery-full .mkh3-photo{display:flex!important}
.elementor-editor-active .mkh3-menu-toggle{display:block}
.mkh-native .mkh3-filter[aria-pressed=true] .elementor-button{box-shadow:0 2px 0 currentColor}
.mkh-native .mkh3-gallery-grid .mkh3-photo[hidden],.mkh-native .mkh3-gallery-more[hidden],.mkh-native .mkh3-gallery-empty[hidden]{display:none!important}
.mkh-native .mkh3-gallery-empty:not([hidden]){display:block}
.mkh-native .mkh3-header{border-bottom:1px solid #EBEDEB}
.mkh-native .mkh3-header .elementor-widget-button{width:auto}
.mkh-native .mkh3-header .e-con{flex-shrink:1}
.mkh-native .mkh3-header .elementor-button{white-space:nowrap}
.mkh-native .mkh3-mobile-dock .elementor-button{width:100%;text-align:center}
@media(min-width:1025px){.mkh-native .mkh3-nav{display:flex!important}}
@media(max-width:1024px){
 .mkh-native .mkh3-header .mkh3-header-contact{display:none}
 .mkh-native .mkh3-header>.e-con-inner>.e-con>.e-con:first-child{width:70%}
 .mkh-native .mkh3-header .mkh3-menu-toggle{display:block;width:auto}
 .mkh-native .mkh3-header .mkh3-nav{display:none;position:absolute;top:100%;left:0;width:100%;z-index:50;background:#FFF;padding:26px;box-shadow:0 15px 25px #0a2a6b15;flex-direction:column;align-items:flex-start}
 .mkh-native .mkh3-header{position:relative;z-index:50}
 .mkh-native .mkh3-header .mkh3-nav.is-open{display:flex}
 .mkh-native .mkh3-header .mkh3-nav .elementor-button{padding:8px 0}
 .mkh3-date-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .mkh-native .mkh3-usp-swipe{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;gap:22px}
 .mkh-native .mkh3-usp-swipe>.mkh3-usp-item{flex:0 0 85%;width:85%;scroll-snap-align:start}
 .mkh-native .mkh3-gallery-grid{flex-direction:row;gap:18px}
 .mkh-native .mkh3-gallery-grid>.mkh3-photo{width:calc(50% - 9px)}
 .mkh-native .mkh3-gallery-grid .elementor-widget-image img{height:190px}
 .mkh-native .mkh3-gallery-grid .widget-image-caption{font-size:10px}
 .mkh-native .mkh3-gallery-filters{flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:20px;padding-bottom:10px}
 .mkh-native .mkh3-gallery-filters>.elementor-widget{flex-shrink:0;width:auto}
 .mkh3-date-list{grid-template-columns:1fr}
 .mkh-native .mkh3-mobile-dock{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;background:#FFF;box-shadow:0 -4px 24px #0a2a6b14;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-direction:row}
 body.mkh-native{padding-bottom:76px}
 .mkh-native .mkh3-mobile-dock>.elementor-widget{width:50%}
}
@media(prefers-reduced-motion:reduce){.mkh-native *{scroll-behavior:auto!important;transition:none!important}}
.mkh3-wp-menu{list-style:none;display:flex;gap:22px;padding:0;margin:0;font-size:12px}.mkh3-wp-menu li{position:relative}.mkh3-wp-menu ul{position:absolute;top:100%;left:0;background:white;min-width:200px;list-style:none;padding:16px;display:none;z-index:60;box-shadow:0 10px 30px #0002}.mkh3-wp-menu li:hover>ul,.mkh3-wp-menu li:focus-within>ul{display:block}.mkh3-wp-menu ul a{display:block;padding:8px}.mkh3-wp-menu ul ul{left:100%;top:0}@media(max-width:1024px){.mkh3-wp-menu{flex-direction:column}.mkh3-wp-menu ul{position:static;display:block;box-shadow:none;padding:8px 16px}}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-serif-display.ttf) format('truetype')}
.mkh-native .elementor .e-con.mkh3-mobile-dock{display:none}
@media(max-width:767px){.mkh-native .elementor .e-con.mkh3-mobile-dock{display:flex}}
/* USP mobile: susun menegak tanpa slider */
@media (max-width: 767px) {
  .mkh-native .mkh3-usp-swipe {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
    gap: 24px !important;
  }

  .mkh-native .mkh3-usp-swipe > .mkh3-usp-item {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: none !important;
  }
}
