:root{--mp-brand: #d32f2f;--mp-brand-dark: #b71c1c;--mp-text: #222;--mp-text-muted: #666;--mp-border: #e5e5e5;--mp-bg-muted: #f7f7f7;--mp-placeholder-bg: #ececec;--mp-radius: 8px;--mp-radius-lg: 12px;--mp-btn-h: 44px;--mp-btn-h-sm: 36px;--mp-body-sm: 14px;--mp-dropdown-min-w: 220px}.mp-btn,.mp-btn-primary,.mp-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:var(--mp-btn-h);padding:0 24px;border-radius:var(--mp-radius);font-size:var(--mp-body-sm);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit;box-sizing:border-box}.mp-btn-primary{background:var(--mp-brand);color:#fff}.mp-btn-primary:hover{background:var(--mp-brand-dark);color:#fff}.mp-btn-outline{background:#fff;border:1px solid var(--mp-brand);color:var(--mp-brand)}.mp-btn-outline:hover{background:#d32f2f0f;color:var(--mp-brand)}.mp-btn-sm{min-height:var(--mp-btn-h-sm);padding:0 16px;font-size:13px}.mp-placeholder{background:var(--mp-placeholder-bg);border:1px dashed var(--mp-border);border-radius:var(--mp-radius);display:flex;align-items:center;justify-content:center;color:var(--mp-text-muted);font-size:var(--mp-body-sm);text-align:center;padding:24px;min-height:120px}.mp-placeholder--img{aspect-ratio:4/3;padding:0}.mp-placeholder__badge{display:inline-block;background:#fff;border:1px solid var(--mp-border);border-radius:4px;padding:4px 10px;font-size:12px;color:var(--mp-text-muted)}.mp-hero{position:relative;overflow:hidden;min-height:clamp(200px,35vw,420px);display:flex;align-items:center}.mp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mp-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center}.mp-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 60%,transparent 100%);z-index:1}.mp-hero__content{position:relative;z-index:2;width:100%;color:#fff;padding:clamp(32px,5vw,64px) 0}.mp-hero__title{color:#fff;margin:0 0 12px}.mp-hero__desc{max-width:640px;opacity:.92;margin:0}.mp-breadcrumb{font-size:13px;margin-bottom:12px;opacity:.85}.mp-breadcrumb a{color:inherit;text-decoration:none}.mp-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--mp-border)}.mp-filter-bar select,.mp-filter-bar input[type=search]{min-height:var(--mp-btn-h-sm);padding:0 12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius);font-size:var(--mp-body-sm);background:#fff}.mp-filter-bar input[type=search]{flex:1;min-width:180px;max-width:320px}.mp-param-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:var(--mp-body-sm)}.mp-param-table th,.mp-param-table td{border:1px solid var(--mp-border);padding:12px 16px;text-align:left;vertical-align:top}.mp-param-table th{background:var(--mp-bg-muted);width:30%;font-weight:600}.mp-param-table .mp-tbd{color:var(--mp-text-muted);font-style:italic}.mp-nav{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.mp-nav__item{position:relative}.mp-nav__link{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:var(--mp-body-sm);font-weight:500;color:var(--mp-text);text-decoration:none;white-space:nowrap;border-radius:var(--mp-radius)}.mp-nav__link:hover,.mp-nav__item.is-active>.mp-nav__link{color:var(--mp-brand)}.mp-nav__arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.6}.mp-nav__dropdown{position:absolute;top:100%;left:0;min-width:var(--mp-dropdown-min-w);background:#fff;border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #0000001a;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1000}.mp-nav__item:hover>.mp-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mp-nav__dropdown a{display:block;padding:10px 16px;font-size:var(--mp-body-sm);color:var(--mp-text);text-decoration:none}.mp-nav__dropdown a:hover{background:var(--mp-bg-muted);color:var(--mp-brand)}.mp-mobile-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.mp-mobile-nav.is-open{pointer-events:auto}.mp-mobile-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s}.mp-mobile-nav.is-open .mp-mobile-nav__backdrop{opacity:1}.mp-mobile-nav__panel{position:absolute;top:0;right:0;width:min(320px,90vw);height:100%;background:#fff;transform:translate(100%);transition:transform .3s;overflow-y:auto}.mp-mobile-nav.is-open .mp-mobile-nav__panel{transform:translate(0)}.mp-mobile-nav__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--mp-border)}.mp-mobile-nav__logo{flex:1 1 auto;min-width:0;display:flex;align-items:center;text-decoration:none}.mp-mobile-nav__logo img{display:block;height:32px;max-width:min(180px,55vw);width:auto;object-fit:contain}.mp-mobile-nav__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ddd;border-radius:50%;background:#f2f2f2;color:#222;font-size:28px;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:none}.mp-mobile-nav__close span{display:block;line-height:1;margin-top:-1px}.mp-mobile-nav__list{list-style:none;margin:0;padding:0}.mp-mobile-nav__list>li{display:block;width:100%;margin:0;padding:0}.mp-mobile-nav__link,.mp-mobile-nav__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:14px 16px;font-size:16px;color:var(--mp-text);text-decoration:none;border:none;border-bottom:1px solid var(--mp-border);border-radius:0;background:#fff;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;font:inherit;text-align:left}.mp-mobile-nav__toggle span{flex-shrink:0;width:24px;text-align:center;font-size:20px;line-height:1}.mp-mobile-nav__sub{display:none;background:var(--mp-bg-muted)}.mp-mobile-nav__sub.is-open{display:block}.mp-mobile-nav__sub a{display:block;padding:12px 16px 12px 32px;font-size:var(--mp-body-sm);color:var(--mp-text-muted);text-decoration:none;border-bottom:1px solid var(--mp-border)}.mp-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid var(--mp-border);padding:8px 16px;gap:8px;box-shadow:0 -4px 12px #00000014}.mp-mobile-bar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--mp-radius);font-size:13px;font-weight:600;text-decoration:none}.mp-mobile-bar__phone{background:var(--mp-bg-muted);color:var(--mp-text)}.mp-mobile-bar__wa{background:#25d366;color:#fff}.mp-mobile-bar__inquiry{background:var(--mp-brand);color:#fff}.mp-wa-float{position:fixed;bottom:80px;right:20px;z-index:998;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;text-decoration:none}.mp-wa-float svg{width:28px;height:28px;fill:#fff}.mp-inquiry-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;align-items:center;justify-content:center;padding:24px}.mp-inquiry-overlay.is-open{display:flex}.mp-inquiry-modal{background:#fff;border-radius:var(--mp-radius-lg);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative}.mp-inquiry-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer}.mp-inquiry-form .mp-field{margin-bottom:16px}.mp-inquiry-form label{display:block;font-size:var(--mp-body-sm);font-weight:600;margin-bottom:6px}.mp-inquiry-form input,.mp-inquiry-form textarea,.mp-inquiry-form select{width:100%;min-height:var(--mp-btn-h-sm);padding:8px 12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius);font-size:var(--mp-body-sm);box-sizing:border-box}.mp-inquiry-form textarea{min-height:100px;resize:vertical}@media(max-width:1024px){.mp-nav--desktop{display:none!important}.mp-mobile-nav{display:block}.mp-mobile-bar{display:flex}body{padding-bottom:64px}}@media(min-width:1025px){.mp-nav-toggle{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mp-design-system.css.map */