/* Menat Al Khair — product widget styles */
.mk-widget{
  --mk-ink:#201e1d;--mk-bg:#f3f2f2;--mk-surf:#eae9e9;--mk-line:rgba(32,30,29,.4);
  --mk-accent:#a82442;--mk-accent-dark:#5f0020;--mk-accent-tint:#fdf0f3;--mk-neutral:#eae7e7;
  background:var(--mk-bg);color:var(--mk-ink);
  font-family:Archivo,system-ui,-apple-system,Helvetica,Arial,sans-serif;
  border-top:2px solid var(--mk-line);border-bottom:2px solid var(--mk-line);
  box-sizing:border-box;
}
.mk-widget *,.mk-widget *::before,.mk-widget *::after{box-sizing:border-box}
.mk-widget .mk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mk-widget .mk-media{border-right:2px solid var(--mk-line);position:relative;min-width:0}
.mk-widget .mk-sticky{position:sticky;top:0;display:flex;flex-direction:column;max-height:100vh}
.mk-widget .mk-frame{background:var(--mk-neutral);overflow:hidden;flex:1;min-height:380px;aspect-ratio:4/3}
.mk-widget .mk-frame img{width:100%;height:100%;object-fit:contain;display:block;margin:0}
.mk-widget .mk-thumbs{display:flex;border-top:2px solid var(--mk-line)}
.mk-widget .mk-thumbs button{appearance:none;padding:0;margin:0;border:0;border-right:2px solid var(--mk-line);background:none;cursor:pointer;flex:1;min-width:0;opacity:.5;transition:opacity .15s}
.mk-widget .mk-thumbs button:hover{opacity:.85}
.mk-widget .mk-thumbs button[aria-current="true"]{opacity:1;box-shadow:inset 0 -5px 0 0 var(--mk-accent)}
.mk-widget .mk-thumbs img{width:100%;height:92px;object-fit:contain;display:block;background:var(--mk-neutral);margin:0}
.mk-widget .mk-cap{padding:14px 20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;border-top:2px solid var(--mk-line)}
.mk-widget .mk-body{padding:40px;display:flex;flex-direction:column;gap:20px;min-width:0}
.mk-widget .mk-tagrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mk-widget .mk-num{font-weight:800;font-size:11px;letter-spacing:.16em;color:var(--mk-accent);margin-right:4px}
.mk-widget .mk-tag{display:inline-flex;align-items:center;font-size:11px;padding:3px 10px;letter-spacing:.1em;text-transform:uppercase;background:var(--mk-accent-tint);color:var(--mk-accent-dark)}
.mk-widget .mk-tag.mk-tag-n{background:#f8f4f4;color:#444141}
.mk-widget .mk-title{margin:0;font-weight:800;font-size:34px;line-height:1.02;letter-spacing:-.02em;color:var(--mk-ink)}
.mk-widget p.mk-lede{margin:0;font-size:16px;line-height:1.55;opacity:.85;text-wrap:pretty}
.mk-widget .mk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--mk-line);border-bottom:2px solid var(--mk-line)}
.mk-widget .mk-stats>div{padding:18px 12px 18px 0}
.mk-widget .mk-stat-v{font-weight:800;font-size:26px;line-height:1;letter-spacing:-.02em}
.mk-widget .mk-stat-l{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:8px}
.mk-widget .mk-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mk-accent-dark);margin-bottom:12px}
.mk-widget table.mk-table{width:100%;border-collapse:collapse;font-size:14px;margin:0;border:0;table-layout:fixed;overflow-wrap:break-word}
.mk-widget table.mk-table td{padding:8px;border:0;border-bottom:1px solid var(--mk-line);vertical-align:top;background:none}
.mk-widget table.mk-table td:first-child{font-weight:600;width:44%}
.mk-widget table.mk-table td:last-child{opacity:.85}
.mk-widget .mk-grades{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px}
.mk-widget .mk-grade{padding:18px;background:var(--mk-surf);display:flex;flex-direction:column;gap:8px}
.mk-widget .mk-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-accent)}
.mk-widget .mk-gtitle{font-weight:800;font-size:17px;line-height:1.2}
.mk-widget .mk-gbody{margin:0;font-size:13px;line-height:1.5;opacity:.85}
.mk-widget .mk-apps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px}
.mk-widget .mk-app{background:var(--mk-bg);box-shadow:0 0 0 2px var(--mk-line);padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px}
.mk-widget .mk-sector{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.mk-widget .mk-app p{margin:0;font-size:13px;line-height:1.5;opacity:.8}
.mk-widget a.mk-btn{display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;margin-top:4px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;border-radius:0;background:var(--mk-accent);color:#fff;transition:background .15s}
.mk-widget a.mk-btn:hover{background:var(--mk-accent-dark);color:#fff}
.mk-widget a.mk-btn:focus-visible,.mk-widget .mk-thumbs button:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}

/* Tablet and below — Elementor's tablet breakpoint. */
@media (max-width:1024px){
  .mk-widget .mk-row{grid-template-columns:minmax(0,1fr) !important}
  .mk-widget .mk-media{border-right:0 !important;border-left:0 !important;border-bottom:2px solid var(--mk-line);order:0 !important}
  .mk-widget .mk-sticky{position:static !important;max-height:none !important}
  .mk-widget .mk-frame{aspect-ratio:16/10 !important;min-height:0}
  .mk-widget .mk-body{padding:28px 24px}
  .mk-widget .mk-title{font-size:26px}
}
/* Phone — Elementor's mobile breakpoint. */
@media (max-width:767px){
  .mk-widget .mk-grades,.mk-widget .mk-apps{grid-template-columns:minmax(0,1fr) !important}
  .mk-widget .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-widget .mk-body{padding:22px 18px;gap:16px}
  .mk-widget .mk-title{font-size:22px}
  .mk-widget p.mk-lede{font-size:15px}
  .mk-widget .mk-frame{aspect-ratio:4/3 !important}
  .mk-widget .mk-thumbs img{height:66px}
  .mk-widget table.mk-table{font-size:13px}
  .mk-widget table.mk-table td{padding:8px 6px}
  .mk-widget .mk-stat-v{font-size:22px}
  .mk-widget a.mk-btn{width:100%;justify-content:center}
}
@media (max-width:420px){
  .mk-widget .mk-stats{grid-template-columns:minmax(0,1fr)}
  .mk-widget .mk-stats>div{padding:14px 0}
  .mk-widget .mk-body{padding:18px 14px}
  .mk-widget .mk-title{font-size:20px}
}