.mk-meili-search,.mk-meili-page{position:relative;width:100%}.mk-meili-input-wrap{display:flex;gap:8px;width:100%}.mk-meili-input,.mk-meili-page-input{min-width:0;flex:1;width:100%;border:1px solid #d8dde6;border-radius:6px;padding:10px 12px;font-size:16px}.mk-meili-submit,.mk-meili-page-submit{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;background:#1f2937;color:#fff;font-weight:600}.mk-meili-submit-icon{display:none;flex-shrink:0}.mk-meili-dropdown{position:absolute;z-index:50;top:calc(100% + 6px);right:0;left:0;max-height:70vh;overflow:auto;border:1px solid #d8dde6;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgb(15 23 42 / .18)}.mk-meili-drop-item,.mk-meili-card-item{display:grid;grid-template-columns:56px 1fr;gap:12px;color:inherit;text-decoration:none}.mk-meili-drop-item{padding:10px;border-bottom:1px solid #eef1f5}.mk-meili-drop-item:hover{background:#f6f8fb}.mk-meili-drop-image,.mk-meili-card-image{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#f1f3f6;aspect-ratio:3 / 4}.mk-meili-drop-image img,.mk-meili-card-image img{width:100%;height:100%;object-fit:cover}.mk-meili-drop-body,.mk-meili-card-body{display:flex;min-width:0;flex-direction:column;gap:3px}.mk-meili-drop-title,.mk-meili-card-title{font-weight:600;line-height:1.25}.mk-meili-drop-title{font-size:14px}.mk-meili-drop-meta,.mk-meili-card-meta{color:#677084;font-size:12px}.mk-meili-drop-price,.mk-meili-card-price{color:#0f766e;font-weight:700}.mk-meili-all,.mk-meili-empty{display:block;padding:12px;text-align:center}.mk-meili-all{font-weight:700;text-decoration:none}.mk-meili-page-status{margin:16px 0;color:#475569}.mk-meili-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.mk-meili-card-item{grid-template-columns:1fr;border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fff}.mk-meili-card-image{width:100%}.mk-meili-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.mk-meili-pagination a{min-width:36px;border:1px solid #d8dde6;border-radius:6px;padding:8px 10px;text-align:center;text-decoration:none}.mk-meili-pagination a.is-active{border-color:#1f2937;background:#1f2937;color:#fff}.mk-header-meili-plugin .mk-meili-input-wrap{position:relative;display:flex;align-items:center;gap:0}.mk-header-meili-plugin .mk-meili-input{height:42px;border:2px solid var(--btn-accented-bgcolor,#2a357c);border-radius:8px;padding:10px 46px 10px 16px;box-sizing:border-box;font-size:16px;outline:none}.mk-header-meili-plugin .mk-meili-input:hover,.mk-header-meili-plugin .mk-meili-input:focus{border-color:var(--btn-accented-bgcolor-hover,#232c68)}.mk-header-meili-plugin .mk-meili-submit{position:absolute;top:50%;right:10px;width:28px;height:28px;overflow:hidden;border:0;border-radius:0;padding:0;transform:translateY(-50%);background:#fff0;color:var(--btn-accented-bgcolor,#2a357c)}.mk-header-meili-plugin .mk-meili-submit-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mk-header-meili-plugin .mk-meili-submit-icon{display:block}.mk-header-meili-plugin .mk-meili-submit:hover{color:var(--btn-accented-bgcolor-hover,#232c68)}.mk-header-meili-plugin .mk-meili-dropdown{top:calc(100% + 4px);z-index:9999;max-height:420px;border-radius:8px;box-shadow:0 4px 20px rgb(0 0 0 / .1)}@media (max-width:520px){.mk-meili-input-wrap{flex-direction:column}.mk-header-meili-plugin .mk-meili-input-wrap{flex-direction:row}}@media (max-width:768px){.whb-hidden-lg .wd-header-text:has(.mk-meili-search),.mk-header-meili-plugin,.mk-header-meili-plugin .mk-meili-search{width:100%;min-width:0}.whb-hidden-lg .wd-header-text pre:has(.mk-meili-search),.whb-hidden-lg .wd-header-text code:has(.mk-meili-search){display:block;overflow:visible;width:100%;margin:0;border:0;padding:0;background:#fff0;color:inherit;font:inherit;white-space:normal}.whb-hidden-lg .mk-meili-search{position:relative;width:100%;min-width:0}.whb-hidden-lg .mk-meili-input-wrap,.mk-header-meili-plugin .mk-meili-input-wrap{flex-direction:row;align-items:center;width:100%}.whb-hidden-lg .mk-meili-input,.mk-header-meili-plugin .mk-meili-input{height:46px!important;min-height:46px!important;border-width:1px!important;border-radius:6px!important;padding:10px 48px 10px 14px!important;background:#fff!important;font-size:16px!important;line-height:1.2!important;box-sizing:border-box!important;box-shadow:none!important}.whb-hidden-lg .mk-meili-submit,.mk-header-meili-plugin .mk-meili-submit{position:absolute;top:50%;right:6px;width:38px;height:38px;overflow:hidden;padding:0;border-radius:6px;transform:translateY(-50%);background:#fff0;color:var(--btn-accented-bgcolor,#2a357c)}.whb-hidden-lg .mk-meili-submit-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.whb-hidden-lg .mk-meili-submit-icon{display:block}.whb-hidden-lg .mk-meili-dropdown,.mk-header-meili-plugin .mk-meili-dropdown{top:calc(100% + 6px);max-height:70vh;border-radius:6px}.whb-hidden-lg .mk-meili-drop-item,.mk-header-meili-plugin .mk-meili-drop-item{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px}.whb-hidden-lg .mk-meili-drop-title,.mk-header-meili-plugin .mk-meili-drop-title{font-size:13px;line-height:1.3}.whb-hidden-lg .mk-meili-drop-meta,.mk-header-meili-plugin .mk-meili-drop-meta{font-size:11px}.whb-hidden-lg .mk-meili-all,.whb-hidden-lg .mk-meili-empty,.mk-header-meili-plugin .mk-meili-all,.mk-header-meili-plugin .mk-meili-empty{padding:12px 10px}}