html{scroll-behavior:smooth}
.hy-site video{display:block;width:100%;height:auto}
.hy-site .hy-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px}
.hy-lang{position:relative;align-self:center}.hy-lang summary{cursor:pointer}.hy-lang details div{position:absolute;right:0;z-index:90;background:white;color:#222;padding:8px 16px;min-width:125px}.hy-lang a{display:block;padding:5px}
.hy-notice{position:fixed;bottom:1rem;left:1rem;z-index:999;background:#fff;padding:1em;box-shadow:0 2px 18px #0003}
.hy-site .hy-slider{overflow:hidden}
.hy-site .hy-slider > .swiper-wrapper{display:flex;flex-wrap:nowrap}
.hy-site .hy-slider > .swiper-wrapper > .swiper-slide{flex-shrink:0}
.hy-site .unit-header-nav > .swiper-container,
.hy-site .unit-header-nav__box { overflow: visible; }
.hy-site .unit-header-nav__box > .unit-header-nav__item { position: relative; flex-shrink: 1; min-width: 0; }
.hy-site .unit-header-nav__item > [firstmenu] .unit-nav_name { white-space: normal; }
@media (min-width: 768px) and (max-width: 1399px) {
    .hy-site .unit-header-nav .unit-header-nav__box > .unit-header-nav__item { padding-inline: .5rem; }
    .hy-site .unit-header-nav__item > [firstmenu] .unit-nav_name { font-size: min(1.18vw, 1rem); }
}
.hy-site .unit-header-nav__item > .unit-header-nav__item-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    max-width: min(24rem, 90vw);
    margin: 0;
    padding: .35rem 0;
    background: #fff;
    color: #242424;
    box-shadow: 0 8px 24px rgb(0 0 0 / 15%);
}
.hy-site .unit-header-nav__item:nth-last-child(-n+2) > .unit-header-nav__item-content {
    right: 0;
    left: auto;
}
.hy-site .unit-header-nav__item:hover > .unit-header-nav__item-content,
.hy-site .unit-header-nav__item:focus-within > .unit-header-nav__item-content {
    display: block;
    opacity: 1;
    visibility: visible;
}
.hy-site .unit-header-nav__item-content .unit-header-nav__item-link {
    display: block;
    padding: .65rem 1rem;
    color: #242424;
    line-height: 1.45;
    white-space: normal;
}
.hy-site .unit-header-nav__item-content .unit-header-nav__item-link:is(:hover, :focus-visible) {
    background: #f1f4f8;
    color: #16349a;
}
.hy-site .hy-slider{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.hy-site .hy-slider::-webkit-scrollbar{display:none}.hy-slider>.swiper-wrapper>.swiper-slide{scroll-snap-align:start}
.hy-site .unit-detail-album__picture-items>.swiper-slide{width:100%}
.hy-site .unit-detail-album__thumb-items>.swiper-slide{width:20%;cursor:pointer}
.hy-site .unit-detail-album__picture-next,.hy-site .unit-detail-album__picture-prev,.hy-site button{cursor:pointer}
.hy-site .hy-menu-open .unit-header-menu__box{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;position:fixed;inset:0;z-index:5000;overflow:auto;background:white;color:#222}
.hy-site .hy-menu-open .unit-header-menu__box a{color:#222}
.hy-site [data-hidden]{visibility:visible}
.hy-site .base-image__img{opacity:1}
.hy-site .unit-header-nav .swiper-slide{width:auto}
.unit-article-detail-html>p,.unit-video-detail>p{margin:0 0 1em}.unit-article-detail-html>img{display:block;margin:1.5em auto}.hy-site img[src$="modu-logo.svg"]{object-fit:contain}.hy-site .faq-row.mdh-open .faq-content{display:block!important;height:auto!important;visibility:visible!important}.hy-site .hy-lang{z-index:20}.hy-site .unit-list__item img,.hy-site video{max-width:100%}
.mdh-new-list{margin:2rem auto;max-width:1440px;padding:0 4vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.mdh-new-list img{width:100%;height:auto}.mdh-new-list h2{font-size:1.2rem}.modu-editor-content{margin:2rem auto;max-width:1200px;padding:0 4vw}
.hy-site .unit-logo:has(img[src$="/modu-logo.svg"]) .base-image,.hy-site .unit-logo:has(img[src$="/modu-logo.svg"]) .base-image__item,.hy-site .unit-logo:has(img[src$="/modu-logo.svg"]) picture{width:clamp(108px,10vw,158px);height:auto;min-height:45px;display:block}.hy-site .unit-logo img[src$="/modu-logo.svg"]{width:100%;height:auto;max-height:72px;object-fit:contain}.hy-site .unit-social-list a[aria-label="WhatsApp"] .iconfont:before{content:"☎";font:700 1rem/1 sans-serif}
.mdh-lang-fallback{position:fixed;right:16px;top:12px;z-index:900;background:white;color:#254d52;border-radius:4px;padding:6px 10px;font:600 14px/1.4 Arial,sans-serif}.modu-editor-content{padding-top:6rem}.modu-editor-content img{max-width:100%;height:auto}
.hy-site .unit-logo img[src$="/modu-logo.svg"]{min-width:clamp(108px,10vw,158px);max-width:none!important;height:auto!important}.hy-site .unit-logo a:has(img[src$="/modu-logo.svg"]){display:inline-flex;align-items:center}

.hy-site #app[page-type="index"] .header-fixed .unit-logo img[src$="/modu-logo.svg"] {
    filter: brightness(0) invert(1);
}
.hy-site .unit-recommend-article__list .unit-list__text {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.hy-site #app:not([page-type="index"]) [package-type="header"][bg-transparent-inside="0"] .unit-logo:not(.unit-header-menu__logo .unit-logo) img[src$="/modu-logo.svg"] {
    filter: brightness(0) invert(1);
}
.hy-site .unit-header-search__btn, .hy-site .unit-header-menu__nav__item-drop { cursor: pointer; }

.hy-site .unit-tabs__panel[hidden] { display: none !important; }
@media (max-width: 1199px) {
    .hy-site .unit-tabs__header { position: relative; }
    .hy-site .unit-tabs__nav-wrap { overflow-x: auto; scrollbar-width: none; }
    .hy-site .unit-tabs__nav-wrap::-webkit-scrollbar { display: none; }
    .hy-site .unit-tabs__header [aria-disabled="true"] { opacity: .35; }
}

.hy-site [page-type="video_detail"] .unit-product-guide__price:has([content-render="price_min"]:empty):not(:has([content-render]:not(:empty))) {
    display: none;
}

.mdh-gt-switcher { display: inline-block; max-width: 100%; }
.mdh-gt-switcher select { max-width: 100%; font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; }
.mdh-gt-switcher option { color: #222; background: #fff; }

.mdh-mobile-language { padding: .5rem 1.25rem; color: #222; }

/* Floating inquiry, shared by the catalogue and standard WordPress views. */
.mdh-inquiry { --inq-blue:#2541b2; --inq-right:max(15px, env(safe-area-inset-right)); --inq-bottom:max(10vh, env(safe-area-inset-bottom)); font:14px/1.5 Arial, sans-serif; color:#202124 }
.mdh-inquiry *, .mdh-inquiry *::before { box-sizing:border-box }
.mdh-inquiry [hidden], .mdh-inquiry__dialog:not([open]) { display:none!important }
.mdh-inquiry .mdh-inquiry__round { width:60px; height:60px; padding:0; border:0; border-radius:50%; background:var(--inq-blue); color:#fff; display:grid; place-items:center; cursor:pointer; box-shadow:0 2px 16px #0002 }
@font-face { font-family:mdh-contact-icons; src:url('source/31c2ab25-icon.woff2') format('woff2'); font-display:block }
.mdh-inquiry__glyph { font:normal 22px/1 mdh-contact-icons; text-transform:none }
.mdh-inquiry__close .mdh-inquiry__glyph { font-size:18px }
.mdh-inquiry__open { position:fixed; right:var(--inq-right); bottom:var(--inq-bottom); z-index:950 }
.mdh-inquiry__dialog[open] { display:flex; flex-direction:column; align-items:flex-end; gap:15px; position:fixed; inset:auto var(--inq-right) var(--inq-bottom) auto; margin:0; padding:0; border:0; background:transparent; color:inherit; width:350px; max-width:calc(100vw - 30px); max-height:calc(100dvh - var(--inq-bottom) - 12px); overflow:visible; font:inherit }
.mdh-inquiry__dialog::backdrop { background:transparent }
.mdh-inquiry__card { display:flex; flex-direction:column; width:100%; min-height:0; overflow:hidden; background:#fff; border-radius:8px; box-shadow:0 0 10px #0002 }
.mdh-inquiry__head { position:relative; flex:none; background:var(--inq-blue); color:white; padding:30px 15px; text-align:center }
.mdh-inquiry__head h2 { color:inherit; font:700 18px/1.4 Arial,sans-serif; margin:0; padding:0; text-transform:none }
.mdh-inquiry__head p { color:rgba(255,255,255,.72); font:400 14px/1.5 Arial,sans-serif; margin:8px 0 0 }
.mdh-inquiry__body { min-height:0; padding:25px 25px 45px; background:#f9fafa; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d7d7d7 transparent; max-height:calc(80vh - 260px) }
.mdh-inquiry__body label { display:block; margin:0 0 8px; font:400 14px/1.5 Arial,sans-serif; color:#444 }
.mdh-inquiry__body label>span { display:block; margin-bottom:8px }
.mdh-inquiry__body label>span::before { content:'*'; color:#d00000; margin-right:5px }
.mdh-inquiry__body input:not([type=hidden]), .mdh-inquiry__body textarea { width:100%; display:block; padding:10px 12px; background:#fff; color:#111; border:1px solid #e3e3e3; border-radius:4px; box-shadow:none; font:400 14px/1.5 Arial,sans-serif }
.mdh-inquiry__body textarea { resize:vertical; min-height:100px; height:128px }
.mdh-inquiry__send { display:block; width:100%; margin:17px 0 0; padding:10px; border:0; border-radius:0; cursor:pointer; background:var(--inq-blue); color:white; font:600 14px/24px Arial,sans-serif; text-transform:uppercase }
.mdh-inquiry__send:hover { background:#1a349c }
.mdh-inquiry__send:disabled { opacity:.7; cursor:progress }
.mdh-inquiry__contacts { margin:12px 0 0 }
.mdh-inquiry a.mdh-inquiry__wa { display:flex; align-items:center; gap:6px; width:max(50%,130px); padding:12px; border-bottom:1px solid #eee; text-decoration:none; color:#151515; font:400 13px/1.4 Arial,sans-serif }
.mdh-inquiry__wa span { display:grid; place-items:center; background:#25d366; color:white; width:40px; height:40px; border-radius:5px }
.mdh-inquiry__wa .mdh-inquiry__glyph { font-size:16px }
.mdh-inquiry .mdh-inquiry__wa:hover { border-color:var(--inq-blue) }
.mdh-inquiry__close { flex:none }
.mdh-inquiry__mobile-close { display:none }
.mdh-inquiry__notice { margin:0 }
.mdh-inquiry__notice span:not([hidden]) { display:block; padding-top:12px }
.mdh-inquiry__notice [data-result=error] { color:#9f2020 }
.mdh-inquiry :focus-visible { outline:2px solid #375ecd; outline-offset:2px }
.mdh-inquiry__head :focus { outline:none }
@media(max-width:1440px) { .mdh-inquiry__body { max-height:calc(88vh - 220px) } }
@media(max-width:768px) {
  .mdh-inquiry__dialog[open] { inset:auto 0 0; max-width:100%; width:100%; max-height:calc(100dvh - 12px); gap:0 }
  .mdh-inquiry__dialog::backdrop { background:#0008 }
  .mdh-inquiry__card { border-radius:12px 12px 0 0 }
  .mdh-inquiry__body { max-height:calc(100dvh - 200px); padding-bottom:calc(25px + env(safe-area-inset-bottom)); }
  .mdh-inquiry__head { padding:20px 42px }
  .mdh-inquiry__body input:not([type=hidden]), .mdh-inquiry__body textarea { font-size:16px }
  .mdh-inquiry .mdh-inquiry__close { display:none }
  .mdh-inquiry__mobile-close { display:grid; place-items:center; position:absolute; top:4px; right:4px; background:transparent; color:white; font:26px/1 Arial,sans-serif; width:40px; height:40px; padding:0; border:0; cursor:pointer }
  .mdh-inquiry a.mdh-inquiry__wa { flex-direction:column; width:max-content; min-width:66px }
}
@media(max-height:500px) {
  .mdh-inquiry__head { padding:8px 40px }
  .mdh-inquiry__head p { margin-top:2px }
  .mdh-inquiry__body { max-height:none }
}
