.mk-tabs-wrap { width:100%; max-width:100%; margin:0 auto; }
.mk-tabs { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; width:100%; margin:0 0 20px; }
.mk-tab { appearance:none; border:1px solid #e1e1e1; border-radius:0; background:#f4f4f4; color:#333; min-height:85px; padding:12px 10px; margin:0; box-sizing:border-box; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font:inherit; line-height:1.2; transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; }
.mk-tab:hover { background:#eaeaea; transform:translateY(-1px); }
.mk-tab.is-active { background:#222; color:#fff; border-color:#222; }
.mk-tab-icon { font-size:22px; line-height:1; }
.mk-tab-label { font-size:13px; font-weight:600; text-align:center; }
.mk-tab-content { width:100%; min-height:0; height:auto; box-sizing:border-box; }
.mk-tab-frame { display:block; width:100%; min-height:400px; height:400px; border:0; margin:0; padding:0; overflow:hidden; background:transparent; }
.mk-tab-loader { min-height:90px; display:flex; align-items:center; justify-content:center; gap:10px; font-size:14px; }
.mk-spinner { width:20px; height:20px; border:2px solid #ccc; border-top-color:#333; border-radius:50%; animation:mk-tabs-spin .7s linear infinite; }
@keyframes mk-tabs-spin { to { transform:rotate(360deg); } }
.mk-tab-error { padding:18px; text-align:center; font-size:14px; }
@media (max-width:767px) { .mk-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .mk-tab { width:100%; min-height:85px; padding:12px 8px; } }