/* ==========================================================================
   Mohaseb Home Academy — design system & theme layer
   Loaded after core-(rtl|ltr).min.css (bootstrap + legacy theme, purged) and icons.min.css.
   Brand: purple #754FFE, green #7AEA7A (from the logo). Font: IBM Plex Sans Arabic (self-hosted).
   ========================================================================== */

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ------------------------------------------------------------------ 1. Tokens */
:root{
  --mh-font:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
  --mh-primary:#754ffe;
  --mh-primary-600:#6440f0;
  --mh-primary-700:#5532d9;
  --mh-primary-50:#f5f2ff;
  --mh-primary-100:#ebe5ff;
  --mh-primary-200:#d6cbff;
  --mh-green:#7aea7a;
  --mh-green-600:#1f9d55;
  --mh-green-50:#ebfbef;
  --mh-amber:#f59e0b;
  --mh-amber-50:#fff7e6;
  --mh-red:#e5484d;
  --mh-ink:#0f172a;
  --mh-text:#334155;
  --mh-muted:#64748b;
  --mh-line:#e7e9f2;
  --mh-line-2:#f0f1f7;
  --mh-surface:#ffffff;
  --mh-bg:#ffffff;
  --mh-tint:#f7f6fd;
  --mh-dark:#120d2b;
  --mh-r-sm:8px; --mh-r:12px; --mh-r-lg:18px; --mh-r-xl:26px; --mh-r-pill:999px;
  --mh-s-1:4px; --mh-s-2:8px; --mh-s-3:12px; --mh-s-4:16px; --mh-s-5:24px; --mh-s-6:32px; --mh-s-7:48px; --mh-s-8:72px;
  --mh-shadow-xs:0 1px 2px rgba(16,24,40,.06);
  --mh-shadow-sm:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --mh-shadow:0 8px 24px -6px rgba(31,22,84,.12),0 2px 6px rgba(31,22,84,.05);
  --mh-shadow-lg:0 24px 48px -12px rgba(31,22,84,.22);
  --mh-ring:0 0 0 4px rgba(117,79,254,.18);
  --mh-ease:cubic-bezier(.2,.7,.2,1);
  --mh-container:1240px;
  /* bootstrap bridge */
  --bs-body-font-family:var(--mh-font);
  --bs-font-sans-serif:var(--mh-font);
  --bs-body-color:var(--mh-text);
  --bs-primary:#754ffe; --bs-primary-rgb:117,79,254;
  --bs-link-color:var(--mh-primary-600); --bs-link-hover-color:var(--mh-primary-700);
  --bs-border-color:var(--mh-line);
  --bs-border-radius:var(--mh-r); --bs-border-radius-sm:var(--mh-r-sm); --bs-border-radius-lg:var(--mh-r-lg);
  /* legacy theme variables re-pointed at the design system */
  --color-1:var(--mh-ink); --color-2:var(--mh-ink); --color-3:var(--mh-text); --color-4:var(--mh-primary);
  --color-5:var(--mh-ink); --color-6:var(--mh-muted); --color-10:var(--mh-ink); --color-11:var(--mh-muted);
  --color-13:var(--mh-muted); --color-14:var(--mh-ink);
  --primary-color:var(--mh-muted); --primary-color-2:var(--mh-muted); --secondery-color:var(--mh-muted);
  --bg-white-2:var(--mh-tint);
  --border-color:var(--mh-line);
  --box-shadow:var(--mh-shadow-sm);
}

/* ------------------------------------------------------------------ 2. Base */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--mh-font);color:var(--mh-text);background:var(--mh-bg);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--mh-font);color:var(--mh-ink);line-height:1.35;letter-spacing:0}
p{color:var(--mh-text)}
a{color:var(--mh-primary-600);text-decoration:none;transition:color .15s}
a:hover{color:var(--mh-primary-700)}
img{max-width:100%;height:auto}
button,input,select,textarea,.btn,.form-control,.form-select{font-family:var(--mh-font)}
::selection{background:var(--mh-primary-100);color:var(--mh-ink)}
:focus-visible{outline:2px solid var(--mh-primary);outline-offset:2px}
.container{max-width:var(--mh-container);padding-inline:20px}
.mh-narrow{max-width:860px}
.mh-img-loading{opacity:0}
img{transition:opacity .25s}
[dir=rtl] .fa-arrow-left,[dir=rtl] .fa-arrow-right{display:inline-block}
[dir=ltr] .mh-flip-ltr{transform:scaleX(-1)}

/* ------------------------------------------------------------------ 3. Buttons */
.mh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--mh-r);border:1px solid transparent;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;text-decoration:none}
.mh-btn:active{transform:translateY(1px)}
.mh-btn--sm{height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.mh-btn--lg{height:52px;padding:0 26px;font-size:16px}
.mh-btn--primary{background:var(--mh-primary);color:#fff;box-shadow:0 6px 16px -6px rgba(117,79,254,.6)}
.mh-btn--primary:hover{background:var(--mh-primary-700);color:#fff}
.mh-btn--dark{background:var(--mh-ink);color:#fff}
.mh-btn--dark:hover{background:#1e293b;color:#fff}
.mh-btn--ghost{background:#fff;color:var(--mh-ink);border-color:var(--mh-line)}
.mh-btn--ghost:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700);background:var(--mh-primary-50)}
.mh-btn--light{background:#fff;color:var(--mh-ink)}
.mh-btn--light:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}

/* Bootstrap buttons aligned with the system */
.btn{border-radius:var(--mh-r);font-weight:600;padding:.6rem 1.15rem;transition:all .15s}
.btn-primary,.btn-primary:focus{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background:var(--mh-primary-700)!important;border-color:var(--mh-primary-700)!important;color:#fff!important}
.btn-outline-primary{color:var(--mh-primary);border-color:var(--mh-primary-200)}
.btn-outline-primary:hover{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff}
.btn-light{background:var(--mh-tint);border-color:var(--mh-line);color:var(--mh-ink)}
.btn:focus{box-shadow:var(--mh-ring)}

/* ------------------------------------------------------------------ 4. Forms */
.form-control,.form-select{border:1px solid var(--mh-line);border-radius:var(--mh-r);min-height:46px;padding:.6rem .95rem;color:var(--mh-ink);background-color:#fff;box-shadow:none;font-size:15px;transition:border-color .15s,box-shadow .15s}
textarea.form-control{min-height:110px}
.form-control:focus,.form-select:focus{border-color:var(--mh-primary);box-shadow:var(--mh-ring)}
.form-control::placeholder{color:#94a3b8}
.form-label,label{color:var(--mh-ink);font-weight:500;font-size:14px}
.form-check-input:checked{background-color:var(--mh-primary);border-color:var(--mh-primary)}
.form-check-input:focus{box-shadow:var(--mh-ring);border-color:var(--mh-primary)}
select.select-control,select.nice-select{-webkit-appearance:auto;appearance:auto}

/* ------------------------------------------------------------------ 5. Header */
.mh-header{position:relative;z-index:1030}
.mh-topbar{background:var(--mh-dark);color:#cbd5e1;font-size:13px}
.mh-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.mh-topbar ul{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.mh-topbar a{color:#cbd5e1;display:inline-flex;align-items:center;gap:6px}
.mh-topbar a:hover{color:#fff}
.mh-topbar i{font-size:12px;opacity:.85}
.mh-topbar__end{display:flex;align-items:center;gap:16px}
.mh-topbar__social{gap:6px!important}
.mh-topbar__social a{width:26px;height:26px;border-radius:50%;justify-content:center;background:rgba(255,255,255,.07)}
.mh-lang{display:flex;align-items:center;gap:6px;margin:0}
.mh-lang select{background:transparent;color:#e2e8f0;border:0;font-size:13px;padding:2px 4px;cursor:pointer}
.mh-lang select option{color:#0f172a}

.mh-nav{position:sticky;top:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--mh-line-2);transition:box-shadow .2s}
.mh-header{position:sticky;top:-38px}
.mh-nav.is-scrolled{box-shadow:0 6px 20px -10px rgba(15,23,42,.18)}
.mh-nav__inner{display:flex;align-items:center;gap:18px;min-height:72px}
.mh-nav__logo{flex:none;display:block}
.mh-nav__logo img{height:46px;width:auto;display:block}
.mh-menu{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;flex:1 1 auto;min-width:0}
.mh-menu__link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;color:var(--mh-ink);font-weight:500;font-size:15px;white-space:nowrap}
.mh-menu__link:hover,.mh-dd:hover>.mh-menu__link,.mh-dd.is-open>.mh-menu__link{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-caret{font-size:11px;opacity:.6;transition:transform .2s}
.mh-dd:hover .mh-caret{transform:rotate(180deg)}
.mh-nav__actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex:none}

.mh-search{position:relative;display:flex;align-items:center;width:240px;height:42px;background:var(--mh-tint);border:1px solid transparent;border-radius:var(--mh-r);transition:all .2s;margin:0}
.mh-search:focus-within{background:#fff;border-color:var(--mh-primary);box-shadow:var(--mh-ring)}
.mh-search>i{position:absolute;inset-inline-start:14px;color:var(--mh-muted);font-size:14px;pointer-events:none}
.mh-search input{width:100%;height:100%;border:0;background:transparent;padding-inline:40px 12px;font-size:14px;color:var(--mh-ink);outline:0}
.mh-search--block{width:100%;height:50px;background:#fff;border-color:var(--mh-line);padding-inline-end:5px}
.mh-search--block input{font-size:15px}
.mh-search-drawer{display:none;padding:0 0 14px;border-top:1px solid var(--mh-line-2);padding-top:12px}
.mh-search-drawer.is-open{display:block}

.mh-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--mh-r);border:1px solid var(--mh-line);background:#fff;color:var(--mh-ink);font-size:17px;cursor:pointer;transition:all .15s;padding:0}
.mh-icon-btn:hover{border-color:var(--mh-primary-200);background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--mh-primary);color:#fff;font-size:11px;font-weight:700;line-height:19px;text-align:center;border:2px solid #fff;margin:0}
.mh-badge.is-empty{display:none}
.mh-avatar-btn{display:block;width:42px;height:42px;border-radius:50%;padding:2px;border:2px solid var(--mh-primary-200)}
.mh-avatar-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover}

/* dropdowns */
.mh-dd{position:relative}
.mh-dd__panel{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:240px;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);box-shadow:var(--mh-shadow-lg);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s var(--mh-ease),transform .18s var(--mh-ease),visibility .18s;z-index:50}
.mh-dd__panel::before{content:"";position:absolute;top:-12px;inset-inline:0;height:12px}
.mh-dd:hover>.mh-dd__panel,.mh-dd:focus-within>.mh-dd__panel,.mh-dd.is-open>.mh-dd__panel{opacity:1;visibility:visible;transform:none}
.mh-dd--end>.mh-dd__panel{inset-inline-start:auto;inset-inline-end:0}
.mh-dd__panel--mega{width:min(760px,90vw);padding:22px}
.mh-mega{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-mega h6{font-size:13px;font-weight:700;color:var(--mh-muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.mh-mega h6 i{color:var(--mh-primary);font-size:13px}
.mh-mega a{display:block;padding:7px 10px;margin-inline:-10px;border-radius:8px;color:var(--mh-ink);font-size:14.5px}
.mh-mega a:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-dd__panel--list{padding:8px;width:290px}
.mh-catlist{list-style:none;margin:0;padding:0}
.mh-catlist__item{position:relative}
.mh-catlist__item>a,.mh-catlist__all a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--mh-ink);font-size:14.5px}
.mh-catlist__item>a:hover,.mh-catlist__item:hover>a{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-catlist__icon{width:30px;height:30px;flex:none;border-radius:8px;background:var(--mh-tint);color:var(--mh-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.mh-catlist__arrow{margin-inline-start:auto;font-size:11px;opacity:.5}
[dir=ltr] .mh-catlist__arrow{transform:scaleX(-1)}
.mh-catlist__sub{position:absolute;top:-8px;inset-inline-start:100%;min-width:230px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);box-shadow:var(--mh-shadow-lg);opacity:0;visibility:hidden;transition:opacity .15s;margin-inline-start:6px}
.mh-catlist__item:hover>.mh-catlist__sub{opacity:1;visibility:visible}
.mh-catlist__sub a{display:block;padding:8px 12px;border-radius:8px;color:var(--mh-ink);font-size:14px}
.mh-catlist__sub a:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-catlist__all{border-top:1px solid var(--mh-line-2);margin-top:6px;padding-top:6px}
.mh-catlist__all a{color:var(--mh-primary-700);font-weight:600}

.mh-dd__panel--tray{width:340px;padding:0;overflow:hidden}
.mh-tray__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:700;color:var(--mh-ink);border-bottom:1px solid var(--mh-line-2);font-size:15px}
.mh-tray__body{max-height:340px;overflow-y:auto;overscroll-behavior:contain}
.mh-tray__foot{padding:12px 16px;border-top:1px solid var(--mh-line-2);background:var(--mh-tint)}
.mh-link-muted{font-size:13px;font-weight:500;color:var(--mh-muted)}
/* cart / wishlist tray items (markup comes from cart_items.php & wishlist_items.php, re-rendered by AJAX) */
.mh-tray__body .path_pos_wish-2,.mh-tray__body .path_pos_wish{padding:0;margin:0;border:0;background:none}
.mh-tray__body .menu_pro_wish-f-b{padding:12px 16px;border-bottom:1px solid var(--mh-line-2)}
.mh-tray__body .menu_pro_wish-f-b:hover{background:var(--mh-tint)}
.mh-tray__body .menu_pro_wish-flex{display:flex;gap:12px;align-items:flex-start}
.mh-tray__body .menu_pro_wish-flex .img{position:relative;flex:none;width:64px;height:52px}
.mh-tray__body .menu_pro_wish-flex .img img{width:64px;height:52px;object-fit:cover;border-radius:8px;margin:0}
.mh-tray__body .cart-minus{position:absolute;top:-6px;inset-inline-start:-6px;width:20px!important;height:20px!important;border-radius:50%;background:var(--mh-red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px}
.mh-tray__body .cart-minus i{color:#fff;margin:0!important}
.mh-tray__body .text h4{font-size:14px;font-weight:600;color:var(--mh-ink);margin:0 0 2px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-tray__body .text p{font-size:12.5px;color:var(--mh-muted);margin:0 0 2px}
.mh-tray__body .spandiv span{font-weight:700;color:var(--mh-ink);font-size:14px}
.mh-tray__body .spandiv del{color:#94a3b8;font-size:12.5px;margin-inline-start:6px}
.mh-tray__body .menu_pro_wish-f-b.text-center{border:0;font-size:14px}

.mh-notify{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--mh-line-2)}
.mh-notify.unread{background:var(--mh-primary-50)}
.mh-notify__icon{flex:none;width:34px;height:34px;border-radius:50%;background:var(--mh-primary-100);color:var(--mh-primary-700);display:flex;align-items:center;justify-content:center;font-size:14px}
.mh-notify__title{font-size:14px;font-weight:600;color:var(--mh-ink)}
.mh-notify__text{font-size:13px;color:var(--mh-muted)}
.mh-notify__text p{margin:0;font-size:13px;color:var(--mh-muted)}
.mh-notify__time{font-size:12px;color:#94a3b8}
.mh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:var(--mh-muted)}
.mh-empty i{font-size:34px;color:var(--mh-primary-200);margin-bottom:12px}
.mh-empty strong{color:var(--mh-ink);font-size:16px}
.mh-empty p{font-size:14px;color:var(--mh-muted);margin:4px 0 0;max-width:420px}
.mh-empty--sm{padding:28px 16px}
.mh-empty--sm i{font-size:26px}

.mh-dd__panel--profile{width:290px;padding:8px}
.mh-profile-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--mh-r);background:var(--mh-tint);margin-bottom:6px}
.mh-profile-card img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.mh-profile-card strong{display:block;color:var(--mh-ink);font-size:15px;line-height:1.4}
.mh-profile-card small{display:block;color:var(--mh-muted);font-size:12.5px;word-break:break-all;line-height:1.4}
.mh-profile-menu{list-style:none;margin:0;padding:0}
.mh-profile-menu a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--mh-ink);font-size:14.5px}
.mh-profile-menu a i{width:18px;text-align:center;color:var(--mh-muted)}
.mh-profile-menu a:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-profile-menu a:hover i{color:var(--mh-primary)}
.mh-profile-menu__logout{border-top:1px solid var(--mh-line-2);margin-top:6px;padding-top:6px}
.mh-profile-menu__logout a,.mh-profile-menu__logout a i{color:var(--mh-red)}

/* mobile drawer */
.mh-drawer{width:min(340px,88vw)!important;border:0!important;background:#fff}
.mh-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--mh-line-2)}
.mh-drawer__logo img{height:38px;width:auto}
.mh-drawer__user{display:flex;align-items:center;gap:12px;margin:14px 16px 4px;padding:12px;border-radius:var(--mh-r);background:var(--mh-tint)}
.mh-drawer__user img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.mh-drawer__user strong{display:block;color:var(--mh-ink);font-size:15px;line-height:1.4}
.mh-drawer__user small{display:block;color:var(--mh-muted);font-size:12.5px;word-break:break-all;line-height:1.4}
.mh-drawer__auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 16px 4px}
.mh-drawer__body{padding:8px 10px 24px!important}
.mh-drawer__label{font-size:12px;font-weight:700;color:var(--mh-muted);padding:16px 12px 6px;text-transform:uppercase}
.mh-drawer__menu,.mh-drawer__sub{list-style:none;margin:0;padding:0}
.mh-drawer__sub{padding-inline-start:16px;border-inline-start:2px solid var(--mh-line-2);margin:2px 18px 6px 0}
[dir=ltr] .mh-drawer__sub{margin:2px 0 6px 18px}
.mh-drawer__menu a,.mh-drawer__toggle{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:10px;border:0;background:none;color:var(--mh-ink);font-size:15px;font-weight:500;text-align:start}
.mh-drawer__menu a>i:first-child,.mh-drawer__toggle>i:first-child{width:20px;text-align:center;color:var(--mh-primary)}
.mh-drawer__sub a,.mh-drawer__sub .mh-drawer__toggle{font-size:14px;padding:9px 10px;font-weight:400}
.mh-drawer__menu a:hover,.mh-drawer__toggle:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-drawer__toggle:not(.collapsed) .mh-caret{transform:rotate(180deg)}
.mh-pill{display:inline-block;min-width:24px;padding:1px 8px;border-radius:999px;background:var(--mh-primary-100);color:var(--mh-primary-700);font-size:12px;font-weight:700;text-align:center}

@media (max-width:1199.98px){.mh-menu__link{padding:10px 9px;font-size:14.5px}}
@media (max-width:991.98px){
  .mh-nav__inner{min-height:64px;gap:10px}
  .mh-nav__logo img{height:40px}
}
@media (max-width:575.98px){
  .mh-topbar{display:none}
  .mh-header{top:0}
  .mh-nav__logo img{height:36px}
  .mh-icon-btn{width:40px;height:40px}
  .mh-nav__actions{gap:6px}
}

/* ------------------------------------------------------------------ 6. Sections & shared */
.mh-section{padding:clamp(48px,7vw,88px) 0}
.mh-section--tint{background:var(--mh-tint)}
.mh-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.mh-section__head--center{justify-content:center;text-align:center}
.mh-section__head--center .mh-section__sub{margin-inline:auto}
.mh-section__title{font-size:clamp(24px,3vw,34px);font-weight:700;margin:0 0 8px;color:var(--mh-ink)}
.mh-section__sub{font-size:16px;color:var(--mh-muted);margin:0;max-width:620px}
.mh-section__tools{display:flex;align-items:center;gap:8px}
.mh-kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--mh-primary);margin-bottom:6px}
.mh-link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--mh-primary-700);padding:8px 4px;margin-inline-start:8px}
.mh-link-arrow i{transition:transform .2s;font-size:13px}
.mh-link-arrow:hover i{transform:translateX(-4px)}
[dir=ltr] .mh-link-arrow i,[dir=ltr] .mh-btn i.fa-arrow-left,[dir=ltr] .mh-cat__go{transform:scaleX(-1)}
.mh-rail-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--mh-line);background:#fff;color:var(--mh-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.mh-rail-btn:hover{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff}
[dir=ltr] .mh-rail-btn i{transform:scaleX(-1)}
.mh-grid{display:grid;gap:24px}
.mh-grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.mh-grid--4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.mh-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--mh-primary-50);color:var(--mh-primary-700)}
.mh-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--mh-primary-100);color:var(--mh-primary-700);font-weight:600;font-size:13.5px;box-shadow:var(--mh-shadow-xs)}
.mh-eyebrow i{color:var(--mh-green-600)}

/* ------------------------------------------------------------------ 7. Hero */
.mh-hero{position:relative;padding:clamp(28px,4.5vw,56px) 0 0;background:
  radial-gradient(1000px 480px at 100% -20%,rgba(117,79,254,.10),transparent 60%),
  radial-gradient(700px 360px at -10% 90%,rgba(122,234,122,.12),transparent 60%),
  linear-gradient(180deg,#fff 0%,#faf9ff 100%)}
.mh-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:70px;background:var(--mh-tint);z-index:0}
.mh-hero>.container{position:relative;z-index:1}
.mh-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,56px);align-items:center}
.mh-hero__content{max-width:620px}
.mh-hero__title{font-size:clamp(28px,3.35vw,46px);font-weight:700;line-height:1.45;margin:16px 0 14px;color:var(--mh-ink);text-wrap:balance;letter-spacing:0}
.mh-hl{white-space:nowrap;background:linear-gradient(90deg,var(--mh-primary) 0%,#9a7bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-inline:2px}
[dir=rtl] .mh-hl{background:linear-gradient(270deg,var(--mh-primary) 0%,#9a7bff 100%);-webkit-background-clip:text;background-clip:text}
.mh-hero__lead{font-size:clamp(15.5px,1.35vw,18px);line-height:1.85;color:var(--mh-muted);max-width:540px;margin:0 0 24px;text-wrap:pretty}
/* search + CTAs as one group */
.mh-hero__actions{max-width:560px;display:grid;gap:12px}
.mh-hero__search{position:relative;display:flex;align-items:center;height:60px;margin:0;background:#fff;border:1px solid var(--mh-line);border-radius:16px;box-shadow:0 10px 30px -12px rgba(31,22,84,.18);padding-inline-end:6px;transition:border-color .15s,box-shadow .15s}
.mh-hero__search:focus-within{border-color:var(--mh-primary);box-shadow:var(--mh-ring),0 10px 30px -12px rgba(31,22,84,.18)}
.mh-hero__search>i{position:absolute;inset-inline-start:20px;color:var(--mh-muted)}
.mh-hero__search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding-inline:50px 12px;font-size:16px;color:var(--mh-ink)}
.mh-hero__search .mh-btn{height:48px;border-radius:12px;padding:0 22px}
.mh-hero__ctas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mh-hero__ctas .mh-btn{height:52px;border-radius:14px;width:100%}
/* visual */
.mh-hero__media{position:relative}
.mh-hero__stage{position:relative;aspect-ratio:1/0.86;max-width:540px;margin-inline-start:auto;border-radius:32px;overflow:hidden;background:
  radial-gradient(60% 55% at 50% 42%,#ffffff 0%,rgba(255,255,255,0) 70%),
  linear-gradient(160deg,#efeaff 0%,#e6defe 45%,#dff7e3 100%);border:1px solid rgba(117,79,254,.14);box-shadow:0 30px 60px -30px rgba(55,30,160,.35)}
[dir=ltr] .mh-hero__stage{margin-inline-start:0;margin-inline-end:auto}
.mh-hero__stage img{position:absolute;inset-inline-start:-3%;bottom:-4%;width:108%;height:auto;max-width:none;z-index:2;filter:drop-shadow(0 18px 24px rgba(31,22,84,.18))}
.mh-hero__ring{position:absolute;width:96%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(117,79,254,.25);top:-2%;inset-inline-start:2%;z-index:1}
.mh-hero__dots{position:absolute;top:22px;inset-inline-end:22px;width:96px;height:72px;background-image:radial-gradient(rgba(117,79,254,.35) 1.5px,transparent 1.6px);background-size:12px 12px;z-index:1}
/* features strip: part of the hero, overlapping into the next section */
.mh-features{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--mh-line);border-radius:22px;box-shadow:0 18px 40px -22px rgba(31,22,84,.25);position:relative}
.mh-features li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:none;border:0;box-shadow:none}
.mh-features li+li{border-inline-start:1px solid var(--mh-line-2);border-radius:0}
.mh-features h2{font-size:16px;font-weight:700;margin:0 0 3px;color:var(--mh-ink)}
.mh-features p{font-size:13.5px;color:var(--mh-muted);margin:0;line-height:1.7}
.mh-features__icon{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--mh-primary-50);color:var(--mh-primary)}
.mh-features__icon.is-green{background:var(--mh-green-50);color:var(--mh-green-600)}
.mh-features__icon.is-amber{background:var(--mh-amber-50);color:var(--mh-amber)}
.mh-hero+.mh-section--tint{padding-top:clamp(40px,5vw,64px)}
@media (max-width:991.98px){
  .mh-hero__grid{grid-template-columns:1fr;gap:28px}
  .mh-hero__content{max-width:640px;margin-inline:auto;text-align:center}
  .mh-hero__title,.mh-hero__lead{margin-inline:auto}
  .mh-hero__actions{margin-inline:auto}
  .mh-hero__stage{margin-inline:auto!important;max-width:460px}
  .mh-features{grid-template-columns:1fr}
  .mh-features li+li{border-inline-start:0;border-top:1px solid var(--mh-line-2)}
}
@media (max-width:575.98px){
  .mh-hero{padding-top:22px}
  .mh-hero__title{font-size:clamp(25px,7.2vw,30px);line-height:1.5;margin-top:12px}
  .mh-hero__lead{font-size:15px;margin-bottom:18px}
  .mh-hero__search{height:54px;border-radius:14px}
  .mh-hero__search input{font-size:15px;padding-inline:44px 8px}
  .mh-hero__search>i{inset-inline-start:16px}
  .mh-hero__search .mh-btn{height:42px;padding:0 14px}
  .mh-hero__ctas .mh-btn{height:48px;font-size:14.5px;padding:0 10px}
  .mh-hero__stage{border-radius:24px;max-width:340px}
  .mh-features li{padding:14px 12px}
  .mh-eyebrow{font-size:12.5px}
}

/* ------------------------------------------------------------------ 8. Course card */
.mh-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);overflow:hidden;transition:transform .25s var(--mh-ease),box-shadow .25s var(--mh-ease),border-color .25s;height:100%}
.mh-card:hover{transform:translateY(-4px);box-shadow:var(--mh-shadow-lg);border-color:transparent}
.mh-card__media{position:relative;aspect-ratio:4/3;background:var(--mh-tint);overflow:hidden}
.mh-card__media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s var(--mh-ease)}
.mh-card:hover .mh-card__media img{transform:scale(1.04)}
.mh-card__level{position:absolute;bottom:10px;inset-inline-start:10px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--mh-ink);font-size:12px;font-weight:600;box-shadow:var(--mh-shadow-xs)}
.mh-card__sale{position:absolute;top:10px;inset-inline-start:10px;padding:2px 9px;border-radius:999px;background:var(--mh-red);color:#fff;font-size:12px;font-weight:700;unicode-bidi:plaintext}
.mh-card__wish{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;box-shadow:var(--mh-shadow-sm);transition:all .15s}
.mh-card__wish:hover{color:var(--mh-red);transform:scale(1.08)}
.mh-card__wish.red-heart{color:var(--mh-red)}
.mh-card__body{padding:16px 18px 10px;flex:1}
.mh-card__title{font-size:16.5px;font-weight:700;line-height:1.55;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-card__title a{color:var(--mh-ink)}
.mh-card:hover .mh-card__title a{color:var(--mh-primary-700)}
.mh-card__desc{font-size:13.5px;color:var(--mh-muted);line-height:1.7;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-card__meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mh-muted)}
.mh-card__meta li{display:inline-flex;align-items:center;gap:5px}
.mh-card__meta i{font-size:12px}
.mh-rating i{color:#cbd5e1}
.mh-rating.is-rated i{color:#f5a524}
.mh-rating{color:var(--mh-ink);font-weight:600}
.mh-rating span{color:var(--mh-muted);font-weight:400}
.mh-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--mh-line-2)}
.mh-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mh-price__now{font-size:18px;font-weight:700;color:var(--mh-ink)}
.mh-price__now.is-free{color:var(--mh-green-600)}
.mh-price__old{font-size:13px;color:#94a3b8}
.mh-card__compare{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--mh-muted);padding:5px 10px;border-radius:999px;border:1px solid var(--mh-line)}
.mh-card__compare:hover{color:var(--mh-primary-700);border-color:var(--mh-primary-200);background:var(--mh-primary-50)}
.mh-card--post .mh-card__media{aspect-ratio:16/10}
.mh-author{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mh-ink)}
.mh-author img{width:28px;height:28px;border-radius:50%;object-fit:cover}

/* rail (horizontal scroll-snap carousel, no JS library) */
.mh-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 22px;margin:-6px -4px 0;scrollbar-width:thin;scrollbar-color:var(--mh-primary-200) transparent;overscroll-behavior-x:contain}
.mh-rail>*{scroll-snap-align:start}
.mh-rail::-webkit-scrollbar{height:6px}
.mh-rail::-webkit-scrollbar-thumb{background:var(--mh-primary-200);border-radius:6px}
@media (max-width:1199.98px){.mh-rail{grid-auto-columns:calc((100% - 48px)/3)}}
@media (max-width:767.98px){.mh-rail{grid-auto-columns:calc((100% - 24px)/2)}}
@media (max-width:575.98px){.mh-rail{grid-auto-columns:80%;gap:14px}.mh-section__tools .mh-rail-btn{display:none}}

/* mini card (upcoming) */
.mh-mini-card{display:flex;gap:14px;padding:14px;border-radius:var(--mh-r-lg);border:1px solid var(--mh-line);background:#fff;color:inherit;transition:box-shadow .2s,border-color .2s}
.mh-mini-card:hover{box-shadow:var(--mh-shadow);border-color:transparent}
.mh-mini-card img{flex:none;width:110px;height:88px;object-fit:cover;border-radius:10px}
.mh-mini-card h3{font-size:15px;font-weight:700;margin:6px 0 4px;color:var(--mh-ink)}
.mh-mini-card p{font-size:13px;color:var(--mh-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* categories */
.mh-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.mh-cat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px;border-radius:var(--mh-r-lg);background:#fff;border:1px solid var(--mh-line);color:var(--mh-ink);transition:all .2s var(--mh-ease);overflow:hidden}
.mh-cat:hover{border-color:var(--mh-primary-200);box-shadow:var(--mh-shadow);transform:translateY(-3px);color:var(--mh-ink)}
.mh-cat__icon{width:52px;height:52px;border-radius:14px;background:var(--mh-primary-50);color:var(--mh-primary);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .2s}
.mh-cat:nth-child(3n+2) .mh-cat__icon{background:var(--mh-green-50);color:var(--mh-green-600)}
.mh-cat:nth-child(3n+3) .mh-cat__icon{background:var(--mh-amber-50);color:var(--mh-amber)}
.mh-cat:hover .mh-cat__icon{background:var(--mh-primary);color:#fff}
.mh-cat__name{font-size:16px;font-weight:700}
.mh-cat__go{position:absolute;top:24px;inset-inline-end:20px;font-size:13px;color:var(--mh-muted);opacity:0;transform:translateX(6px);transition:all .2s}
.mh-cat:hover .mh-cat__go{opacity:1;transform:none;color:var(--mh-primary)}

/* instructors */
.mh-person{text-align:center;padding:26px 18px;border-radius:var(--mh-r-lg);border:1px solid var(--mh-line);background:#fff}
.mh-person img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:4px solid var(--mh-primary-50)}
.mh-person__name{display:block;font-weight:700;color:var(--mh-ink);font-size:16px}
.mh-person p{font-size:13.5px;color:var(--mh-muted);margin:4px 0 10px}
.mh-person__social{display:flex;justify-content:center;gap:6px}
.mh-person__social a{width:32px;height:32px;border-radius:50%;background:var(--mh-tint);color:var(--mh-muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.mh-person__social a:hover{background:var(--mh-primary);color:#fff}

/* motivational */
.mh-speech{display:grid;gap:18px}
.mh-speech__item{display:flex;gap:22px;align-items:center;padding:20px;border-radius:var(--mh-r-lg);background:#fff;border:1px solid var(--mh-line)}
.mh-speech__item img{width:140px;height:140px;border-radius:var(--mh-r);object-fit:cover;flex:none}
.mh-speech__no{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--mh-primary);color:#fff;font-weight:700;align-items:center;justify-content:center;font-size:14px}
.mh-speech__item h3{font-size:18px;margin:8px 0 6px}
.mh-speech__item p{margin:0;color:var(--mh-muted)}
@media (max-width:575.98px){.mh-speech__item{flex-direction:column;align-items:flex-start}}

/* accordion */
.mh-accordion .accordion-item,.accordion-item{border:1px solid var(--mh-line);border-radius:var(--mh-r)!important;margin-bottom:10px;overflow:hidden;background:#fff}
.accordion-button{font-weight:600;color:var(--mh-ink);background:#fff;padding:16px 18px;font-size:15.5px;box-shadow:none!important}
.accordion-button:not(.collapsed){color:var(--mh-primary-700);background:var(--mh-primary-50)}
.accordion-button::after{margin-inline-start:auto;margin-inline-end:0}
.accordion-body{color:var(--mh-text)}

/* promo */
.mh-promo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mh-promo--single{grid-template-columns:1fr}
.mh-promo__card{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:32px;border-radius:var(--mh-r-xl);background:linear-gradient(135deg,#754ffe 0%,#5532d9 100%);color:#fff;isolation:isolate}
.mh-promo__card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);inset-inline-end:-80px;top:-120px;z-index:-1}
.mh-promo__card.is-alt{background:linear-gradient(135deg,#120d2b 0%,#2a1f63 100%)}
.mh-promo__card.is-alt .mh-promo__icon{background:rgba(122,234,122,.16);color:var(--mh-green)}
.mh-promo__icon{flex:none;width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:26px}
.mh-promo__card h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}
.mh-promo__card p{color:rgba(255,255,255,.8);margin:0}
.mh-promo__card .mh-btn{margin-inline-start:auto}
@media (max-width:991.98px){.mh-promo{grid-template-columns:1fr}}
@media (max-width:575.98px){.mh-promo__card{flex-direction:column;align-items:flex-start;padding:26px}.mh-promo__card .mh-btn{margin:0}}

/* ------------------------------------------------------------------ 9. Footer */
.mh-foot{position:relative;overflow:hidden;background:#0d0a24;color:#a9afc6;font-size:14.5px;isolation:isolate}
.mh-foot::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(700px 320px at 100% 0%,rgba(117,79,254,.22),transparent 70%),
  radial-gradient(520px 280px at 0% 100%,rgba(122,234,122,.08),transparent 70%)}
.mh-foot::after{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--mh-primary),var(--mh-green));z-index:1}
.mh-foot a{color:#c7cbe0;transition:color .15s}
.mh-foot a:hover{color:#fff}
.mh-foot__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(28px,5vw,72px);padding:clamp(36px,5vw,56px) 0 clamp(36px,4vw,52px)}
/* brand */
.mh-foot__logo img{height:54px;width:auto;display:block}
.mh-foot__about{color:#a9afc6;line-height:1.95;margin:18px 0 22px;font-size:14px;max-width:400px}
.mh-foot__contact{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.mh-foot__contact li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}
.mh-foot__contact li>span:last-child{color:#a9afc6}
.mh-foot__ci{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:var(--mh-green);font-size:13px}
.mh-foot__social{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.mh-foot__social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#e2e5f1;transition:all .2s}
.mh-foot__social a:hover{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff;transform:translateY(-2px)}
/* link columns */
.mh-foot__nav{display:grid;grid-template-columns:1fr 1.9fr 1fr;gap:clamp(20px,3vw,40px)}
.mh-foot__col summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-weight:700;font-size:16px;margin:0 0 18px;cursor:default;pointer-events:none}
.mh-foot__col summary::-webkit-details-marker{display:none}
.mh-foot__col summary i{display:none;font-size:13px;color:#8d93ad;transition:transform .2s}
.mh-foot__col summary::after{display:none}
.mh-foot__col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.mh-foot__col li a{display:inline-flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.55;color:#a9afc6}
.mh-foot__col li a::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18);flex:none;transition:background .15s;transform:translateY(-3px)}
.mh-foot__col li a:hover{color:#fff}
.mh-foot__col li a:hover::before{background:var(--mh-green)}
.mh-foot__col li a.mh-foot__more{color:var(--mh-green);font-weight:600}
.mh-foot__col li a.mh-foot__more::before{display:none}
.mh-foot__more i{font-size:12px}
.mh-foot__twocol{grid-template-columns:1fr 1fr;column-gap:20px!important}
/* newsletter */
.mh-foot__news{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:clamp(36px,5vw,56px);padding:24px 28px;border-radius:22px;background:linear-gradient(120deg,rgba(117,79,254,.32),rgba(117,79,254,.08) 70%);border:1px solid rgba(255,255,255,.1)}
.mh-foot__news-text{display:flex;align-items:center;gap:16px;min-width:0}
.mh-foot__news-form{flex:1;max-width:480px;min-width:280px}
.mh-foot__news-icon{flex:none;width:52px;height:52px;border-radius:14px;background:var(--mh-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 10px 24px -8px rgba(117,79,254,.8)}
.mh-foot__news h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 4px}
.mh-foot__news p{color:#b7bcd4;font-size:14px;margin:0;line-height:1.7}
.mh-foot__form{display:flex;gap:8px;margin:0}
.mh-foot__form .form-control{height:48px;background:rgba(10,8,30,.55);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px}
.mh-foot__form .form-control::placeholder{color:#8a90ab}
.mh-foot__form .form-control:focus{border-color:var(--mh-primary);box-shadow:0 0 0 4px rgba(117,79,254,.3);background:rgba(10,8,30,.7)}
.mh-foot__form .mh-btn{height:48px;border-radius:12px;flex:none;padding:0 22px}
.mh-foot__note{display:flex;align-items:center;gap:6px;margin-top:8px;color:#8a90ab;font-size:12.5px}
/* bottom bar */
.mh-foot__bar{border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.mh-foot__bar-inner{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;min-height:64px;padding-block:14px}
.mh-foot__copy{font-size:13.5px;color:#a9afc6!important}
.mh-foot__legal{list-style:none;margin:0 auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
[dir=ltr] .mh-foot__legal{margin:0 0 0 auto}
.mh-foot__legal a{font-size:13.5px;color:#a9afc6}
.mh-foot__top{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;color:#fff!important;flex:none}
.mh-foot__top:hover{background:var(--mh-primary);border-color:var(--mh-primary)}
@media (max-width:1199.98px){
  .mh-foot__main{grid-template-columns:1fr}
  .mh-foot__about{max-width:640px}
}
@media (max-width:767.98px){
  .mh-foot__main{grid-template-columns:1fr;gap:26px;padding-top:32px}
  .mh-foot__news{padding:20px;margin-top:32px}
  .mh-foot__news-form{min-width:0;width:100%}
  .mh-foot__news-icon{width:44px;height:44px;font-size:17px}
  .mh-foot__nav{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.08)}
  .mh-foot__col{border-bottom:1px solid rgba(255,255,255,.08)}
  .mh-foot__col summary{pointer-events:auto;cursor:pointer;margin:0;padding:16px 2px;font-size:15.5px}
  .mh-foot__col summary i{display:inline-block}
  .mh-foot__col[open] summary i{transform:rotate(180deg)}
  .mh-foot__col ul{padding:0 2px 18px}
  .mh-foot__twocol{grid-template-columns:1fr 1fr}
  .mh-foot__bar-inner{justify-content:center;text-align:center}
  .mh-foot__legal{margin:0;justify-content:center;order:-1;width:100%}
  .mh-foot__top{position:absolute;inset-inline-end:16px;bottom:72px}
  .mh-foot__bar{position:relative}
}

/* refinements */
.mh-section:not(.mh-section--tint)+.mh-section:not(.mh-section--tint){padding-top:0}
.mh-cats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media (max-width:575.98px){
  .mh-cats{grid-template-columns:1fr 1fr;gap:12px}
  .mh-cat{padding:16px;gap:10px}
  .mh-cat__icon{width:44px;height:44px;font-size:18px;border-radius:12px}
  .mh-cat__name{font-size:14.5px}
  .mh-section__head{margin-bottom:22px}
}

/* ------------------------------------------------------------------ 10. Page header & breadcrumbs */
.mh-pagehead{position:relative;overflow:hidden;padding:clamp(32px,5vw,56px) 0;background:
  radial-gradient(600px 260px at 90% 0%,rgba(117,79,254,.16),transparent 70%),
  radial-gradient(500px 240px at 0% 100%,rgba(122,234,122,.16),transparent 70%),var(--mh-tint);border-bottom:1px solid var(--mh-line-2)}
.mh-pagehead__title{font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:8px 0 0}
.mh-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--mh-muted)}
.mh-crumbs li{display:inline-flex;align-items:center;gap:6px}
.mh-crumbs li+li::before{content:"\f104";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;opacity:.6;margin-inline-end:4px}
[dir=ltr] .mh-crumbs li+li::before{content:"\f105"}
.mh-crumbs a{color:var(--mh-muted)}
.mh-crumbs a:hover{color:var(--mh-primary-700)}
.mh-crumbs li[aria-current]{color:var(--mh-ink);font-weight:500}
.mh-crumbs--light,.mh-crumbs--light a{color:rgba(255,255,255,.75)}
.mh-crumbs--light a:hover{color:#fff}
.mh-section--page{padding-top:36px}

/* ------------------------------------------------------------------ 11. Course listing */
.mh-browse{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.mh-browse__main{min-width:0}
.mh-browse__side{position:sticky;top:96px}
.mh-grid--courses{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.mh-list{display:grid;gap:16px}
.mh-card--row{display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr auto}
.mh-card--row .mh-card__media{grid-row:1/3;aspect-ratio:auto;min-height:100%}
.mh-card--row .mh-card__wish{inset-inline-end:auto;inset-inline-start:212px}
.mh-card--row .mh-card__body{padding:18px 20px 8px}
.mh-card--row .mh-card__foot{padding:12px 20px}
@media (max-width:767.98px){.mh-card--row{grid-template-columns:1fr;grid-template-rows:auto}.mh-card--row .mh-card__media{grid-row:auto;aspect-ratio:4/3}.mh-card--row .mh-card__wish{inset-inline-start:auto;inset-inline-end:10px}}

.mh-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:10px;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);background:#fff}
.mh-toolbar__views{display:flex;gap:6px}
.mh-toolbar__btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--mh-line);background:#fff;color:var(--mh-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.mh-toolbar__btn:hover{color:var(--mh-primary-700);border-color:var(--mh-primary-200)}
.mh-toolbar__btn.active{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff}
.mh-toolbar__count{margin:0;font-size:14px;color:var(--mh-muted)}
.mh-toolbar__count strong{color:var(--mh-ink)}
.mh-toolbar__sort{margin-inline-start:auto}
.mh-toolbar__sort .form-select{min-height:40px;height:40px;padding-block:0;min-width:190px;font-size:14px;background-position:left .75rem center}
[dir=ltr] .mh-toolbar__sort .form-select{background-position:right .75rem center}
@media (max-width:575.98px){.mh-toolbar__count{order:5;width:100%}.mh-toolbar__sort{flex:1}.mh-toolbar__sort .form-select{min-width:0;width:100%}}

/* filters sidebar (markup: courses_page_sidebar.php) */
.mh-filters .course-all-category{padding:0;margin:0;background:none;box-shadow:none;border:0}
.mh-filters .course-category{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:18px 18px 12px;margin:0 0 14px;box-shadow:none}
.mh-filters .course-category h3{font-size:15.5px;font-weight:700;color:var(--mh-ink);margin:0 0 10px;padding:0;border:0}
.mh-filters .course-category h3::after,.mh-filters .course-category h3::before{display:none}
.mh-filters .form-check{display:flex;align-items:center;gap:10px;padding:5px 0;margin:0;min-height:0}
.mh-filters .form-check-input{float:none;margin:0;flex:none;width:17px;height:17px;border-color:#cbd5e1;cursor:pointer}
.mh-filters .form-check-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;cursor:pointer;font-size:14px;color:var(--mh-text);font-weight:400}
.mh-filters .form-check-label span,.mh-filters .form-check-label .text-13px{font-size:14px!important;color:inherit}
.mh-filters .form-check-label>span:last-child{color:var(--mh-muted);font-size:12.5px!important}
.mh-filters .form-check-input:checked+.form-check-label{color:var(--mh-primary-700);font-weight:600}
.mh-filters ul{list-style:none;padding-inline-start:22px;margin:0}
.mh-filters .webdesign.less{max-height:260px;overflow:hidden;position:relative}
.mh-filters .show-more a{font-size:13.5px;font-weight:600;color:var(--mh-primary-700)}
.mh-filters .form-check-icon ul{display:flex;gap:2px;padding:0;margin:0}
.mh-filters .form-check-icon li{margin:0;padding:0;font-size:12px;color:#e2e8f0}
.mh-filters .form-check-icon li.icon-color,.mh-filters .form-check-icon li.icon-color i{color:#f5a524}
.mh-filters .offcanvas-header{border-bottom:1px solid var(--mh-line-2)}
.mh-filters .offcanvas-title{font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}
@media (min-width:992px){.mh-filters .offcanvas-body{padding:0;overflow:visible}}
@media (max-width:991.98px){
  .mh-browse{grid-template-columns:1fr}
  .mh-browse__side{position:static}
  .mh-filters{background:var(--mh-tint)!important}
}

/* pagination (CodeIgniter markup) */
.mh-pagination,.pagenation-items{margin-top:32px}
.pagination{gap:6px;flex-wrap:wrap;justify-content:center;margin:0}
.pagination .page-item>a,.pagination .page-item>span,.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px!important;border:1px solid var(--mh-line);background:#fff;color:var(--mh-ink);font-weight:600;font-size:14px;margin:0}
.pagination .page-item>a:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700);background:var(--mh-primary-50)}
.pagination .page-item.active>span,.pagination .page-item.active .page-link{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff}
[dir=rtl] .pagination .fa-chevron-right,[dir=rtl] .pagination .fa-chevron-left{transform:scaleX(-1)}

/* ------------------------------------------------------------------ 12. Course details page */
.mh-course-hero{position:relative;overflow:hidden;padding:clamp(32px,5vw,56px) 0 clamp(40px,5vw,64px);color:#fff;background:
  radial-gradient(700px 300px at 85% 0%,rgba(117,79,254,.55),transparent 70%),
  radial-gradient(600px 300px at 0% 120%,rgba(122,234,122,.22),transparent 70%),var(--mh-dark)}
.mh-course-hero__inner{max-width:calc(100% - 400px)}
.mh-course-hero__title{color:#fff;font-size:clamp(26px,3.4vw,40px);font-weight:700;margin:14px 0 12px;line-height:1.4}
.mh-course-hero__lead{color:rgba(255,255,255,.78);font-size:17px;margin:0 0 20px;max-width:760px}
.mh-course-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.mh-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.9)}
.mh-chip i{opacity:.8}
.mh-chip strong{color:#fff}
.mh-stars{display:inline-flex;gap:2px}
.mh-stars i{color:rgba(255,255,255,.25);font-size:12px;opacity:1!important}
.mh-stars i.on{color:#f5a524}
.mh-course-hero__author{display:inline-flex;align-items:center;gap:10px;color:#fff}
.mh-course-hero__author img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
.mh-course-hero__author small{display:block;font-size:12px;color:rgba(255,255,255,.65);line-height:1.3}
.mh-course-hero__author .created-by-instructor{font-weight:600;color:#fff}
.mh-course{padding:0 0 64px}
.mh-course__grid{display:grid;grid-template-columns:1fr 370px;gap:32px;align-items:start}
.mh-course__main{min-width:0;padding-top:28px}
.mh-course__side{position:sticky;top:96px;margin-top:-260px;z-index:2}
.mh-buybox{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);box-shadow:var(--mh-shadow-lg);overflow:hidden}
.mh-buybox__media{position:relative;aspect-ratio:4/3;background:var(--mh-tint)}
.mh-buybox__media img{width:100%;height:100%;object-fit:cover;object-position:top}
.mh-buybox__play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--mh-primary);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,255,255,.3);cursor:pointer;transition:transform .2s}
.mh-buybox__play:hover{transform:scale(1.08)}
.mh-buybox__play i{margin-inline-start:4px}
[dir=rtl] .mh-buybox__play i{margin-inline-start:0;margin-inline-end:-4px}
.mh-buybox__body{padding:20px 22px 22px}
.mh-buybox__price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.mh-buybox__price .mh-price__now{font-size:30px}
.mh-buybox__price .mh-price__old{font-size:16px}
.mh-buybox__actions{display:grid;gap:10px}
.mh-buybox__actions .mh-btn[style*="inline-block"]{display:inline-flex!important}
.mh-buybox__actions .is-in-cart{color:var(--mh-red)}
.mh-includes{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--mh-line-2);display:grid;gap:12px}
.mh-includes li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--mh-text)}
.mh-includes i{width:32px;height:32px;border-radius:9px;background:var(--mh-primary-50);color:var(--mh-primary);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.mh-includes strong{margin-inline-start:auto;color:var(--mh-ink);font-weight:600}
.mh-share{display:flex;justify-content:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--mh-line-2)}
.mh-share a{width:38px;height:38px;border-radius:50%;background:var(--mh-tint);color:var(--mh-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}
.mh-share a:hover{background:var(--mh-primary);color:#fff}
.mh-tabs{display:flex;gap:4px;padding:5px;border-radius:var(--mh-r-lg);background:var(--mh-tint);border:1px solid var(--mh-line);margin-bottom:22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.mh-tabs .nav-item{flex:1}
.mh-tabs .nav-link{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:0;background:none;color:var(--mh-muted);font-weight:600;font-size:15px;white-space:nowrap}
.mh-tabs .nav-link:hover{color:var(--mh-ink)}
.mh-tabs .nav-link.active{background:#fff;color:var(--mh-primary-700);box-shadow:var(--mh-shadow-sm)}
.mh-panel .course-description{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:24px 26px;margin:0 0 18px;box-shadow:none}
.mh-panel .description-head{font-size:19px;font-weight:700;color:var(--mh-ink);margin:0 0 14px;padding:0}
.mh-panel .course-description p,.mh-panel .course-description li{font-size:15.5px;line-height:1.95;color:var(--mh-text)}
.mh-panel .step-down{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.mh-panel .step-down li{position:relative;padding-inline-start:30px;margin:0;line-height:1.7}
.mh-panel .step-down li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;inset-inline-start:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--mh-green-50);color:var(--mh-green-600);font-size:10px;display:flex;align-items:center;justify-content:center}
.mh-panel .step-down li::after{display:none}
@media (max-width:767.98px){.mh-panel .step-down{grid-template-columns:1fr}}
.mh-panel .requirements ul{padding-inline-start:20px;margin:0}
.mh-panel .requirements li{list-style:disc;padding:2px 0}
.mh-panel .requirements li::before{display:none}
.mh-panel .faq-accrodion .accordion-item{margin-bottom:10px}
.mh-panel .faq.accordion-button{font-size:15.5px!important;margin:0!important}
/* curriculum */
.mh-panel .curriculum-accordion{margin:0!important}
.mh-panel .curriculum-accordion .accordion-header{margin:0!important}
.mh-panel .curriculum-accordion .accordion-button{padding:16px 18px}
.mh-panel .curriculum-accordion .accordion-button .row{margin:0;align-items:center}
.mh-panel .curriculum-accordion .accordion-item-title span{font-weight:600}
.mh-panel .ac-lecture{list-style:none;margin:0;padding:0}
.mh-panel .ac-lecture li{border-top:1px solid var(--mh-line-2)}
.mh-panel .ac-lecture li a{display:flex;align-items:center;gap:10px;padding:12px 18px;color:var(--mh-text);font-size:14.5px}
.mh-panel .ac-lecture li a:hover{background:var(--mh-tint);color:var(--mh-primary-700)}
.mh-panel .ac-lecture li a i{color:var(--mh-primary);margin-inline-end:8px}
.mh-panel .lecture-info{font-size:13px;color:var(--mh-muted);white-space:nowrap}
/* instructor & reviews */
.mh-panel .instructor{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:24px}
.mh-panel .instructor-img img{width:100%;max-width:150px;aspect-ratio:1;border-radius:var(--mh-r-lg);object-fit:cover}
.mh-panel .instructor-text h2{font-size:20px}
.mh-panel .instructor-icon a{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--mh-tint);align-items:center;justify-content:center;margin-inline-end:6px;color:var(--mh-muted)}
.mh-panel .instructor-icon a.btn{width:auto;height:auto;border-radius:var(--mh-r);color:#fff;background:var(--mh-primary)}
.mh-panel .reviews-border{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:6px 22px 14px;margin-bottom:14px}
.mh-panel .reviews-border h3{font-size:15px}
.mh-panel .reviews-border h1{font-size:28px;text-align:center;margin:0}
.mh-panel .reviews-border .icon{text-align:center}
.mh-panel .reviews-border .icon i{color:#e2e8f0;font-size:13px}
.mh-panel .reviews-border .icon i.gold{color:#f5a524}
.mh-panel .comment{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:22px;margin-bottom:18px}
.mh-panel .comment .ritt{font-size:19px;margin-bottom:14px}
@media (max-width:991.98px){
  .mh-course-hero__inner{max-width:none}
  .mh-course__grid{grid-template-columns:1fr}
  .mh-course__side{position:static;margin-top:24px;order:-1}
  .mh-buybox{max-width:520px;margin-inline:auto}
}
@media (max-width:575.98px){.mh-tabs .nav-link{font-size:14px;padding:9px 10px}.mh-tabs .nav-link i{display:none}.mh-panel .course-description{padding:18px}}

/* fixes */
.mh-btn.d-hidden,.mh-card .d-hidden{display:none}
.mh-buybox__price .mh-card__sale{position:static}
.mh-panel .course-description h3.description-head{margin:0 0 14px!important;font-size:19px}
.mh-panel .course-description>p:first-of-type{margin-top:0}
.mh-panel .faq-accrodion .accordion{margin:0 0 10px}
.mh-panel .faq-accrodion .accordion-item{border:1px solid var(--mh-line)!important;border-radius:var(--mh-r)!important;margin:0}
.mh-panel .faq-accrodion .accordion-header{margin:0}
.mh-card--row .mh-card__media{min-height:210px}
.mh-card--row .mh-card__media img{position:absolute;inset:0}
.mh-price__now,.mh-price__old{unicode-bidi:plaintext}

/* ------------------------------------------------------------------ 13. Auth pages */
.mh-auth{padding:clamp(28px,5vw,64px) 0;background:var(--mh-tint);margin:0!important}
.mh-auth__card{display:grid;grid-template-columns:1fr 1fr;max-width:1060px;margin:0 auto;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);box-shadow:var(--mh-shadow);overflow:hidden}
.mh-auth__aside{position:relative;overflow:hidden;padding:48px 44px;color:#fff;background:
  radial-gradient(420px 260px at 100% 0%,rgba(122,234,122,.28),transparent 70%),
  linear-gradient(150deg,#754ffe 0%,#4b2bc9 55%,#1f1458 100%);display:flex;align-items:center}
.mh-auth__aside::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:48px solid rgba(255,255,255,.06);inset-inline-start:-120px;bottom:-140px}
.mh-auth__aside-inner{position:relative;z-index:1}
.mh-auth__logo{height:50px;width:auto;margin-bottom:28px;filter:brightness(0) invert(1)}
.mh-auth__aside h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px}
.mh-auth__aside p{color:rgba(255,255,255,.82);font-size:16px;margin:0 0 26px}
.mh-auth__points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mh-auth__points li{display:flex;align-items:center;gap:12px;font-weight:500;color:#fff}
.mh-auth__points i{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.mh-auth__main{padding:44px 44px 36px}
.mh-auth .sing-up-right{padding:0;margin:0;background:none;box-shadow:none;border:0}
.mh-auth .sing-up-right h3{font-size:28px;font-weight:700;color:var(--mh-ink);margin:0 0 6px}
.mh-auth .sing-up-right h3 span{color:var(--mh-primary)}
.mh-auth .sing-up-right>p{font-size:15px;color:var(--mh-muted);margin:0 0 26px}
.mh-auth .sing-up-right h5{font-size:14px;font-weight:600;color:var(--mh-ink);margin:0 0 8px}
.mh-auth .sing-up-right .position-relative>i{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:15px!important;inset-inline-end:auto!important;left:auto;right:auto;color:#94a3b8;font-size:14px;z-index:2;margin:0}
.mh-auth .sing-up-right .position-relative>i.fa-eye,.mh-auth .sing-up-right .position-relative>i.fa-eye-slash{inset-inline-start:auto!important;inset-inline-end:15px!important;cursor:pointer}
[dir=rtl] .mh-auth .sing-up-right .position-relative>i{right:15px!important;left:auto!important}
[dir=rtl] .mh-auth .sing-up-right .position-relative>i.fa-eye,[dir=rtl] .mh-auth .sing-up-right .position-relative>i.fa-eye-slash{left:15px!important;right:auto!important}
.mh-auth .sing-up-right .position-relative>.form-control{padding-inline-start:42px;height:50px}
.mh-auth .sing-up-right .position-relative>input[type=file].form-control{padding-inline-start:12px;height:auto}
.mh-auth .sing-up-right .form-control{height:50px;border-radius:var(--mh-r)}
.mh-auth .sing-up-right textarea.form-control{height:auto}
.mh-auth .sing-up-right small a{display:inline-block;margin-top:8px;font-size:13.5px;color:var(--mh-primary-700)!important}
.mh-auth .log-in{margin-top:22px}
.mh-auth .log-in .btn,.mh-auth .sing-up-right form .btn-primary{width:100%;height:52px;font-size:16px;border-radius:var(--mh-r);box-shadow:0 8px 20px -8px rgba(117,79,254,.7)}
.mh-auth .another{margin-top:22px}
.mh-auth .another p{font-size:14.5px;color:var(--mh-muted)}
.mh-auth .another a{font-weight:700;color:var(--mh-primary-700)}
.mh-auth .another h5{position:relative;font-size:13px;color:#94a3b8;margin:12px 0}
.mh-auth input[type=checkbox]{width:18px;height:18px;accent-color:var(--mh-primary);vertical-align:middle;margin-inline-end:6px}
.mh-auth .col-8.position-relative>i{position:absolute;top:50%;transform:translateY(-50%);right:24px;color:#94a3b8;z-index:2}
[dir=ltr] .mh-auth .col-8.position-relative>i{left:24px;right:auto}
.mh-auth .col-8.position-relative>.form-control{padding-inline-start:42px}
@media (max-width:991.98px){.mh-auth__card{grid-template-columns:1fr}.mh-auth__aside{padding:28px}.mh-auth__aside p,.mh-auth__points{display:none}.mh-auth__aside h2{font-size:20px;margin:0}.mh-auth__logo{height:40px;margin-bottom:12px}}
@media (max-width:575.98px){.mh-auth{padding:16px 0}.mh-auth__main{padding:26px 20px}.mh-auth__card{border-radius:var(--mh-r-lg)}}
.mh-auth .sing-up-right .form-control{background:#fff!important;border:1px solid var(--mh-line)!important}
.mh-auth .sing-up-right .form-control:focus{border-color:var(--mh-primary)!important;box-shadow:var(--mh-ring)}
.mh-auth .another h5::before,.mh-auth .another h5::after{background:var(--mh-line)}

/* ------------------------------------------------------------------ 14. Student area (profile_menus.php + user pages) */
.wish-list-body{padding:36px 0 72px;background:#fff}
.wish-list-body>.container>.row{--bs-gutter-x:28px}
.wish-list-search{position:sticky;top:96px;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);padding:24px 16px 14px;box-shadow:none;margin-bottom:24px!important}
.wish-list-search .student-profile-info{text-align:center;padding:0 0 18px;margin:0 0 10px;border-bottom:1px solid var(--mh-line-2)}
.wish-list-search .student-profile-info .profile-image{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid var(--mh-primary-50);margin:0 auto 10px;display:block}
.wish-list-search .student-profile-info h4{font-size:17px;font-weight:700;color:var(--mh-ink);margin:0 0 2px}
.wish-list-search .student-profile-info span{font-size:13px;color:var(--mh-muted);word-break:break-all}
.wish-list-course{display:grid;gap:2px}
.btn-profile-menu{display:flex!important;align-items:center;gap:10px;padding:10px 14px!important;border-radius:10px!important;color:var(--mh-text)!important;font-weight:500!important;font-size:14.5px!important;background:none!important;border:0!important;width:100%;text-align:start;margin:0!important;transition:all .15s}
.btn-profile-menu i,.btn-profile-menu svg{width:18px;color:var(--mh-muted);margin:0!important;flex:none}
.btn-profile-menu svg path{fill:currentColor}
.btn-profile-menu:hover{background:var(--mh-tint)!important;color:var(--mh-ink)!important}
.btn-profile-menu.active{background:var(--mh-primary-50)!important;color:var(--mh-primary-700)!important;font-weight:600!important}
.btn-profile-menu.active i,.btn-profile-menu.active svg{color:var(--mh-primary)}
.btn-profile-menu .badge,.btn-profile-menu .unread{margin-inline-start:auto}
@media (max-width:767.98px){.wish-list-search{position:static}.wish-list-course{grid-template-columns:1fr 1fr}}

.mh-dash__head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.mh-dash__head h2{font-size:22px;font-weight:700;margin:0}
.mh-panel-box{background:#fff;border:1px dashed var(--mh-line);border-radius:var(--mh-r-xl)}
.mh-mycourses{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.mh-mycourse{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}
.mh-mycourse:hover{box-shadow:var(--mh-shadow);transform:translateY(-2px)}
.mh-mycourse__media{position:relative;display:block;aspect-ratio:16/10;background:var(--mh-tint);overflow:hidden}
.mh-mycourse__media img{width:100%;height:100%;object-fit:cover;object-position:top}
.mh-mycourse__play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--mh-primary);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all .2s;box-shadow:var(--mh-shadow)}
.mh-mycourse:hover .mh-mycourse__play{opacity:1;transform:none}
.mh-mycourse.is-expired .mh-mycourse__media img{filter:grayscale(1);opacity:.7}
.mh-mycourse__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.mh-mycourse__top{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.mh-mycourse__top h3{font-size:16px;font-weight:700;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-icon-btn--sm{width:32px;height:32px;font-size:14px;border-radius:9px;flex:none}
.mh-mycourse__by{font-size:13px;color:var(--mh-muted);margin:2px 0 10px}
.mh-progress{display:flex;align-items:center;gap:10px;margin:14px 0 4px}
.mh-progress__bar{flex:1;height:8px;border-radius:99px;background:var(--mh-line-2);overflow:hidden}
.mh-progress__bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mh-primary),#9b7bff)}
[dir=rtl] .mh-progress__bar span{background:linear-gradient(-90deg,var(--mh-primary),#9b7bff)}
.mh-progress strong{font-size:13px;color:var(--mh-ink);min-width:38px;text-align:end}
.mh-mycourse__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.mh-mycourse__exp{display:grid;gap:2px}
.mh-mycourse__exp small{font-size:12px;color:var(--mh-muted)}
.mh-stars--dark i{color:#e2e8f0}
.mh-stars--dark i.on{color:#f5a524}

/* generic content cards used across user pages (legacy markup) */
.my-course-1-full-body,.wish-list-body .purchase-history,.wish-list-body .user-profile,.wish-list-body .profile-form,.message-body,.wish-list-body .card{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);box-shadow:none}
.my-course-1-full-body{padding:24px}
.my-course-1-full-body>h1,.wish-list-body h1.title{font-size:22px;font-weight:700;margin:0 0 18px}
.wish-list-body .table{--bs-table-bg:#fff;margin:0;font-size:14.5px}
.wish-list-body .table thead th{background:var(--mh-tint);color:var(--mh-muted);font-weight:600;font-size:13px;border-bottom:1px solid var(--mh-line);padding:12px 14px;white-space:nowrap}
.wish-list-body .table td{padding:14px;vertical-align:middle;border-color:var(--mh-line-2)}
.table-responsive{border-radius:var(--mh-r-lg)}
.wish-list-body .wish-list-search{margin-top:0!important}
.mh-mycourses{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.wish-list-body .wish-list-search{box-shadow:none!important;border:1px solid var(--mh-line)!important}
.wish-list-body .wish-list-search{position:sticky}@media (max-width:767.98px){.wish-list-body .wish-list-search{position:static}}
select.form-select.select-control{-webkit-appearance:none;appearance:none}

/* ------------------------------------------------------------------ 15. Modals, toasts, misc */
.mh-loader{display:flex;justify-content:center;padding:56px 0}
.mh-spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--mh-primary-100);border-top-color:var(--mh-primary);animation:mh-spin .8s linear infinite}
@keyframes mh-spin{to{transform:rotate(360deg)}}
.modal-content{border:0;border-radius:var(--mh-r-xl);box-shadow:var(--mh-shadow-lg);overflow:hidden}
.modal-header{border-bottom:1px solid var(--mh-line-2);padding:16px 20px;background:#fff}
.modal-header .title,.modal-header h5{color:var(--mh-ink)!important;font-weight:700;font-size:17px;margin:0}
.modal-header .btn-secondary{width:34px;height:34px;padding:0!important;border-radius:50%;background:var(--mh-tint);border:0;color:var(--mh-ink);font-size:20px;line-height:1}
.modal-footer{border-top:1px solid var(--mh-line-2)}
.modal-footer .btn-default{background:var(--mh-ink);color:#fff!important}
.modal-backdrop.show{opacity:.55}
#toast-container>div{border-radius:var(--mh-r)!important;box-shadow:var(--mh-shadow-lg)!important;opacity:1!important;font-family:var(--mh-font);padding-block:14px!important;font-size:14.5px}
#toast-container>.toast-success{background-color:#16a34a}
#toast-container>.toast-error{background-color:var(--mh-red)}
#toast-container>.toast-info{background-color:var(--mh-primary)}
.tooltip-inner{font-family:var(--mh-font);border-radius:8px;padding:6px 10px}
.dropdown-menu{border:1px solid var(--mh-line);border-radius:var(--mh-r);box-shadow:var(--mh-shadow);padding:6px}
.dropdown-item{border-radius:8px;font-size:14.5px}
.dropdown-item:hover{background:var(--mh-primary-50);color:var(--mh-primary-700)}
.badge.bg-primary{background:var(--mh-primary)!important}
.alert{border-radius:var(--mh-r)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.mh-search-drawer .mh-search--block{max-width:720px;margin-inline:auto}

/* ------------------------------------------------------------------ 16. Course comparison (compare.php) */
.mh-compare{padding:32px 0 72px}
.mh-compare__picker{position:relative;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);padding:22px 24px;margin:0 0 28px;box-shadow:var(--mh-shadow-sm)}
.mh-compare__picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.mh-compare__picker-head h2{font-size:19px;font-weight:700;margin:0 0 2px}
.mh-compare__picker-head p{margin:0;font-size:14px;color:var(--mh-muted)}
.mh-compare__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mh-compare__slot{position:relative;display:flex;align-items:center;gap:10px;padding:6px;border:1px dashed var(--mh-line);border-radius:14px;background:var(--mh-tint)}
.mh-compare__slot.is-filled{border-style:solid;background:#fff;border-color:var(--mh-primary-200)}
.mh-compare__slot-no{flex:none;width:30px;height:30px;border-radius:9px;background:var(--mh-primary-100);color:var(--mh-primary-700);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.mh-compare__slot .select2-container{flex:1;min-width:0}
.mh-compare__slot .select2-container .select2-selection--single{height:40px;border:0;background:transparent;display:flex;align-items:center}
.mh-compare__slot .select2-container .select2-selection__rendered{line-height:40px;color:var(--mh-ink);font-size:14px;padding-inline:4px 26px}
.mh-compare__slot .select2-container .select2-selection__arrow{height:38px}
.select2-dropdown{border:1px solid var(--mh-line)!important;border-radius:12px!important;box-shadow:var(--mh-shadow-lg);overflow:hidden;font-family:var(--mh-font)}
.select2-search--dropdown .select2-search__field{border:1px solid var(--mh-line)!important;border-radius:8px;padding:8px 10px}
.select2-results__option{padding:9px 12px;font-size:14px}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--mh-primary)!important}
.mh-compare__reset{position:absolute;top:22px;inset-inline-end:90px;font-size:13.5px;font-weight:600;color:var(--mh-muted)}
.mh-compare__reset:hover{color:var(--mh-red)}
.mh-compare__empty{padding:56px 24px}
.mh-compare__empty i{font-size:40px}

.mh-compare__scroll{border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);background:#fff;box-shadow:var(--mh-shadow-sm)}
.mh-compare__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.mh-compare__table th,.mh-compare__table td{padding:14px 18px;border-bottom:1px solid var(--mh-line-2);vertical-align:middle;text-align:start;font-size:14.5px;color:var(--mh-text)}
.mh-compare__table td+td,.mh-compare__table th+th,.mh-compare__table tbody th+td{border-inline-start:1px solid var(--mh-line-2)}
.mh-compare__table col,.mh-compare__table thead th:first-child,.mh-compare__table tbody th[scope=row]{width:23%}
.mh-compare__table tbody th[scope=row]{font-weight:600;color:var(--mh-ink);background:#fcfcfe;white-space:normal}
.mh-compare__table tbody th[scope=row] i{width:20px;color:var(--mh-primary);margin-inline-end:6px;text-align:center}
.mh-compare__table tr.is-top td,.mh-compare__table tr.is-top th{vertical-align:top}
.mh-compare__table tbody tr:not(.mh-compare__group):hover td{background:#fbfaff}
.mh-compare__group th{background:var(--mh-tint)!important;color:var(--mh-primary-700)!important;font-size:13px!important;font-weight:700;padding:10px 18px!important;letter-spacing:0}
/* sticky course header row (desktop: table fits, so the page is the scroll container) */
.mh-compare__table thead th{position:sticky;top:72px;z-index:3;background:#fff;vertical-align:top;border-bottom:1px solid var(--mh-line);box-shadow:0 8px 16px -14px rgba(15,23,42,.35)}
.mh-compare__table thead th:first-child{border-start-start-radius:var(--mh-r-xl)}
.mh-compare__table thead th:last-child{border-start-end-radius:var(--mh-r-xl)}
.mh-compare__corner{vertical-align:bottom!important}
.mh-compare__corner span{display:block;font-size:17px;font-weight:700;color:var(--mh-ink)}
.mh-compare__corner small{color:var(--mh-muted);font-weight:500}
.mh-compare__head{position:relative;display:grid;gap:10px}
.mh-compare__thumb{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--mh-tint)}
.mh-compare__thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.mh-compare__title{font-size:15px;font-weight:700;line-height:1.55;color:var(--mh-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em}
.mh-compare__title:hover{color:var(--mh-primary-700)}
.mh-compare__remove{position:absolute;top:8px;inset-inline-end:8px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--mh-muted);display:flex;align-items:center;justify-content:center;box-shadow:var(--mh-shadow-sm);font-size:13px}
.mh-compare__remove:hover{background:var(--mh-red);color:#fff}
.mh-compare__add{width:100%;height:100%;min-height:230px;border:2px dashed var(--mh-line);border-radius:14px;background:var(--mh-tint);color:var(--mh-muted);font-weight:600;font-size:14.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .15s}
.mh-compare__add span{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--mh-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--mh-shadow-sm)}
.mh-compare__add:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700);background:var(--mh-primary-50)}
.mh-compare__na{color:#cbd5e1}
.mh-compare__muted{color:var(--mh-muted)}
.mh-compare__text{margin:0;font-size:14px;line-height:1.85;color:var(--mh-text)}
.mh-compare__list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.mh-compare__list li{position:relative;padding-inline-start:22px;font-size:13.5px;line-height:1.7;color:var(--mh-text)}
.mh-compare__list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;inset-inline-start:0;top:2px;font-size:11px;color:var(--mh-green-600)}
.mh-yes,.mh-no{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;font-size:12px}
.mh-yes{background:var(--mh-green-50);color:var(--mh-green-600)}
.mh-no{background:#fdeeee;color:var(--mh-red)}
.mh-levelbars{display:inline-flex;align-items:flex-end;gap:3px;height:16px;margin-inline-end:6px;vertical-align:-2px}
.mh-levelbars i{width:5px;border-radius:2px;background:var(--mh-line)}
.mh-levelbars i:nth-child(1){height:6px}.mh-levelbars i:nth-child(2){height:11px}.mh-levelbars i:nth-child(3){height:16px}
.mh-levelbars i.on{background:var(--mh-primary)}
.mh-compare__table td.is-best{background:#f6fdf8!important}
.mh-best-tag{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:var(--mh-green-50);color:var(--mh-green-600);font-size:11.5px;font-weight:700;vertical-align:1px}
.mh-compare__hint{margin:10px 0 0;text-align:center;font-size:13px;color:var(--mh-muted)}
@media (max-width:991.98px){
  .mh-compare__slots{grid-template-columns:1fr}
  .mh-compare__reset{position:static;display:inline-block;margin-top:12px}
  .mh-compare__picker{padding:18px}
  /* horizontal scroll on small screens, with a sticky label column */
  .mh-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .mh-compare__table{min-width:760px}
  .mh-compare__table thead th{position:static;box-shadow:none}
  .mh-compare__table thead th:first-child,.mh-compare__table tbody th[scope=row]{position:sticky;inset-inline-start:0;z-index:2;width:140px}
  .mh-compare__table tbody th[scope=row]{box-shadow:-8px 0 12px -10px rgba(15,23,42,.25)}
  [dir=ltr] .mh-compare__table tbody th[scope=row]{box-shadow:8px 0 12px -10px rgba(15,23,42,.25)}
  .mh-compare__table thead th:first-child{background:#fff}
  .mh-compare__group th{position:sticky;inset-inline-start:0}
  .mh-compare__table th,.mh-compare__table td{padding:12px 14px;font-size:14px}
  .mh-compare__table tbody th[scope=row] i{display:none}
}
@media (max-width:575.98px){
  .mh-compare__table{min-width:640px}
  .mh-compare__table thead th:first-child,.mh-compare__table tbody th[scope=row]{width:112px;font-size:13px}
  .mh-compare__corner span{font-size:14px}
  .mh-compare__add{min-height:180px;font-size:13px}
}
.mh-compare__slot{min-width:0;overflow:hidden}
.mh-compare__slot .select2-container{width:auto!important;flex:1 1 0;min-width:0;max-width:100%}
.mh-compare__slot .select2-selection__rendered{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-compare__picker-head .mh-pill{white-space:nowrap;flex:none}
@media (max-width:991.98px){.mh-compare__table thead th{top:auto}}
@media (min-width:992px){.mh-compare__thumb{aspect-ratio:auto;height:120px}.mh-compare__head{gap:8px}}

/* ------------------------------------------------------------------ 17. Courses listing v2 (category nav, filter groups) */
.mh-pagehead--courses{padding-bottom:0}
.mh-pagehead__row{display:flex;align-items:center;gap:16px;margin-top:8px}
.mh-pagehead__icon{flex:none;width:58px;height:58px;border-radius:16px;background:#fff;border:1px solid var(--mh-primary-100);color:var(--mh-primary);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--mh-shadow-sm)}
.mh-pagehead--courses .mh-pagehead__title{margin:0}
.mh-pagehead__sub{margin:4px 0 0;color:var(--mh-muted);font-size:15px}
.mh-pagehead__sub strong{color:var(--mh-ink)}
.mh-catnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:22px 2px 14px;margin:0 -2px;scroll-snap-type:x proximity}
.mh-catnav::-webkit-scrollbar{display:none}
.mh-catnav__chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--mh-line);color:var(--mh-ink);font-weight:600;font-size:14px;white-space:nowrap;transition:all .15s}
.mh-catnav__chip i{color:var(--mh-primary);font-size:13px}
.mh-catnav__chip:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700)}
.mh-catnav__chip.is-active{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff;box-shadow:0 8px 18px -8px rgba(117,79,254,.7)}
.mh-catnav__chip.is-active i{color:#fff}
.mh-subnav{display:flex;gap:4px;flex-wrap:wrap;padding:0 0 18px}
.mh-subnav a{padding:6px 14px;border-radius:10px;font-size:14px;color:var(--mh-muted);font-weight:500}
.mh-subnav a:hover{color:var(--mh-ink);background:rgba(255,255,255,.7)}
.mh-subnav a.is-active{background:#fff;color:var(--mh-primary-700);font-weight:700;box-shadow:var(--mh-shadow-xs);border:1px solid var(--mh-primary-100)}
.mh-pagehead--courses+.mh-section--page{padding-top:28px}

/* active filters */
.mh-activefilters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mh-activefilters__label{font-size:13.5px;color:var(--mh-muted);font-weight:600}
.mh-activefilters__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--mh-primary-50);border:1px solid var(--mh-primary-100);color:var(--mh-primary-700);font-size:13.5px;font-weight:600}
.mh-activefilters__chip i:last-child{font-size:11px;opacity:.7}
.mh-activefilters__chip:hover{background:#fff;border-color:var(--mh-red);color:var(--mh-red)}
.mh-activefilters__clear{font-size:13.5px;font-weight:700;color:var(--mh-red);margin-inline-start:4px}

/* filter form */
.mh-filterform{display:grid;gap:14px;margin:0}
.mh-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mh-fgroup{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:6px 16px}
.mh-fgroup__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--mh-ink);margin:0;padding:12px 0;list-style:none;cursor:pointer}
.mh-fgroup__title::-webkit-details-marker{display:none}
.mh-fgroup__title>i:first-child{color:var(--mh-primary);width:18px;text-align:center;font-size:14px}
.mh-fgroup__caret{margin-inline-start:auto;font-size:12px;color:var(--mh-muted);transition:transform .2s}
details.mh-fgroup[open] .mh-fgroup__caret{transform:rotate(180deg)}
details.mh-fgroup>:not(summary){padding-bottom:14px}
.mh-fgroup--cats{padding-bottom:10px}
.mh-fgroup--cats .mh-fgroup__title{cursor:default}
.mh-cattree{display:grid;gap:2px}
.mh-cattree__group>summary{list-style:none;position:relative;display:flex;align-items:center}
.mh-cattree__group>summary::-webkit-details-marker{display:none}
.mh-cattree__row{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:14.5px;color:var(--mh-text);margin:0;transition:background .15s,color .15s;font-weight:500}
.mh-cattree__row:hover{background:var(--mh-tint);color:var(--mh-ink)}
.mh-cattree__icon{flex:none;width:28px;height:28px;border-radius:8px;background:var(--mh-tint);color:var(--mh-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.mh-cattree__name{flex:1;min-width:0;line-height:1.5}
.mh-count{flex:none;min-width:26px;padding:1px 8px;border-radius:999px;background:var(--mh-line-2);color:var(--mh-muted);font-size:12px;font-weight:700;text-align:center}
.mh-cattree__toggle{flex:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--mh-muted);cursor:pointer;font-size:12px;transition:transform .2s,background .15s}
.mh-cattree__toggle:hover{background:var(--mh-tint)}
.mh-cattree__group[open] .mh-cattree__toggle{transform:rotate(180deg)}
.mh-cattree__subs{list-style:none;margin:2px 0 6px;padding:0;padding-inline-start:24px;border-inline-start:2px solid var(--mh-line-2);margin-inline-start:23px}
.mh-cattree__row.is-sub{font-size:14px;padding:7px 10px}
.mh-radio:checked+.mh-cattree__row{background:var(--mh-primary-50);color:var(--mh-primary-700);font-weight:700}
.mh-radio:checked+.mh-cattree__row .mh-cattree__icon{background:var(--mh-primary);color:#fff}
.mh-radio:checked+.mh-cattree__row .mh-count{background:var(--mh-primary);color:#fff}
.mh-radio:focus-visible+label{outline:2px solid var(--mh-primary);outline-offset:2px}
.mh-chipset{display:flex;flex-wrap:wrap;gap:8px}
.mh-chip-opt{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--mh-line);background:#fff;font-size:14px;font-weight:500;color:var(--mh-text);cursor:pointer;margin:0;transition:all .15s}
.mh-chip-opt:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700)}
.mh-radio:checked+.mh-chip-opt{background:var(--mh-primary);border-color:var(--mh-primary);color:#fff;font-weight:600}
.mh-ratinglist{display:grid;gap:2px}
.mh-ratingrow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer;margin:0;font-size:14px}
.mh-ratingrow:hover{background:var(--mh-tint)}
.mh-ratingrow small{color:var(--mh-muted);font-size:12.5px}
.mh-radio:checked+.mh-ratingrow{background:var(--mh-primary-50);color:var(--mh-primary-700);font-weight:600}
.mh-filters .offcanvas-body{display:block}
@media (min-width:992px){.mh-browse__side{max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;padding-bottom:4px}}
@media (max-width:991.98px){
  .mh-filters .offcanvas-body{padding:16px}
  .mh-filters.offcanvas-lg{width:min(360px,90vw)}
  .mh-catnav{padding-top:16px}
}
@media (max-width:575.98px){
  .mh-pagehead__icon{width:46px;height:46px;font-size:19px;border-radius:13px}
  .mh-catnav__chip{height:38px;font-size:13.5px;padding:0 13px}
}

/* ------------------------------------------------------------------ 18. Ebooks */
.mh-grid--ebooks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.mh-ebook .mh-ebook__cover{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#f1edff,#e8f8ea);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px 14px 0}
.mh-ebook .mh-ebook__cover img{width:100%;height:100%;object-fit:cover;border-radius:6px 6px 0 0;box-shadow:0 10px 24px -10px rgba(31,22,84,.45);transition:transform .4s var(--mh-ease)}
.mh-ebook:hover .mh-ebook__cover img{transform:translateY(-4px) scale(1.02)}
.mh-ebook__badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#fff;color:var(--mh-ink);box-shadow:var(--mh-shadow-sm)}
.mh-ebook__badge.is-free{background:var(--mh-green-600);color:#fff}
.mh-ebook .mh-card__body{padding:14px 16px 8px}
.mh-ebook .mh-card__title{font-size:15px}
.mh-ebook__author{font-size:12.5px;color:var(--mh-muted);margin:0 0 8px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-ebook__pub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-ebook .mh-card__foot{padding:10px 16px}
.mh-ebook .mh-price__now{font-size:16px}
.mh-ebook__go{font-size:12.5px;font-weight:600;color:var(--mh-primary-700);display:inline-flex;align-items:center;gap:6px}
.mh-ebook__go i{font-size:11px}
[dir=ltr] .mh-ebook__go i{transform:scaleX(-1)}
.mh-toolbar__search{position:relative;margin:0 0 0 0;margin-inline-start:auto;flex:1;max-width:340px;min-width:200px}
.mh-toolbar__search>i{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;color:var(--mh-muted);font-size:14px}
.mh-toolbar__search .form-control{min-height:40px;height:40px;padding-inline-start:40px;font-size:14px;border-radius:10px}
@media (max-width:575.98px){.mh-grid--ebooks{grid-template-columns:repeat(2,1fr);gap:12px}.mh-ebook .mh-card__body{padding:10px 12px 6px}.mh-ebook .mh-card__foot{padding:8px 12px;flex-wrap:wrap}.mh-ebook__go{display:none}.mh-toolbar__search{max-width:none;order:4;width:100%;flex-basis:100%}.mh-ebook .mh-ebook__cover{padding:10px 10px 0}}
.mh-toolbar__search .search{margin-top:0!important}
.mh-buybox__media--book{aspect-ratio:auto;padding:22px 22px 0;background:linear-gradient(160deg,#efeaff,#e3f7e6);display:flex;justify-content:center}
.mh-buybox__media--book img{width:62%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px 6px 0 0;box-shadow:0 18px 30px -12px rgba(31,22,84,.5)}
.mh-course-hero--ebook .mh-course-hero__title{font-size:clamp(26px,3vw,38px)}
.mh-spec{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--mh-line);border-radius:12px;overflow:hidden}
.mh-spec th,.mh-spec td{padding:12px 16px;border-bottom:1px solid var(--mh-line-2);font-size:14.5px;text-align:start}
.mh-spec tr:last-child th,.mh-spec tr:last-child td{border-bottom:0}
.mh-spec th{width:32%;background:var(--mh-tint);color:var(--mh-ink);font-weight:600}
.mh-richtext{font-size:15.5px;line-height:1.95;color:var(--mh-text)}
.mh-richtext img{max-width:100%;height:auto;border-radius:10px}
.mh-review{display:flex;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);margin-bottom:12px}
.mh-review img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.mh-review__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mh-review__head strong{color:var(--mh-ink)}
.mh-review__head small{color:var(--mh-muted);margin-inline-start:auto}
.mh-review p{margin:6px 0 0;font-size:14.5px}
.mh-author-box{margin-top:24px;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:22px 24px}
.mh-author-box__title{font-size:19px;font-weight:700;margin:0 0 14px}
.mh-author-box__body{display:flex;gap:18px;align-items:flex-start}
.mh-author-box__body>img{width:84px;height:84px;border-radius:16px;object-fit:cover;flex:none;background:var(--mh-tint)}
.mh-author-box__name{display:block;font-weight:700;font-size:17px;color:var(--mh-ink);margin-bottom:6px}
.mh-author-box .mh-richtext{font-size:14.5px}
.mh-ebook-modal{padding:0;min-height:300px}
.mh-ebook-modal object{display:block;width:100%;height:70vh;border:0}
.mh-rail--ebooks{grid-auto-columns:calc((100% - 96px)/5)}
@media (max-width:1199.98px){.mh-rail--ebooks{grid-auto-columns:calc((100% - 72px)/4)}}
@media (max-width:767.98px){.mh-rail--ebooks{grid-auto-columns:calc((100% - 24px)/2.4)}}
.mh-ebook__actions{gap:8px;justify-content:flex-start}
.mh-ebook__actions .mh-btn{flex:1}
@media (max-width:575.98px){.mh-author-box__body{flex-direction:column}.mh-buybox__media--book img{width:48%}}
.mh-auth .col-7.position-relative>i{position:absolute;top:50%;transform:translateY(-50%);right:24px;color:#94a3b8;z-index:2}
[dir=ltr] .mh-auth .col-7.position-relative>i{left:24px;right:auto}
.mh-auth .col-7.position-relative>.form-control{padding-inline-start:42px}

/* ==================================================================
   19. MOBILE / RESPONSIVE PASS
   ================================================================== */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.instructor-1 .instructor-about .skill .skill-point{flex-wrap:wrap;gap:12px}
.mh-drawer{height:100vh;height:100dvh}
/* sticky purchase bar */
.mh-buybar{position:fixed;inset-inline:0;bottom:0;z-index:1020;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--mh-line);box-shadow:0 -10px 24px -14px rgba(15,23,42,.3);transform:translateY(110%);transition:transform .25s var(--mh-ease);visibility:hidden}
.mh-buybar.is-visible{transform:none;visibility:visible}
.mh-buybar__price{display:flex;align-items:baseline;gap:8px;min-width:0}
.mh-buybar__price .mh-price__now{font-size:20px}
.mh-buybar .mh-btn{height:46px;padding:0 20px;flex:none}
body.has-buybar #toast-container.toast-bottom-right,body.has-buybar #toast-container.toast-bottom-left{bottom:84px}

@media (max-width:767.98px){
  /* iOS: no zoom on focus */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.form-control,.form-select{font-size:16px!important}
  .mh-section{padding:44px 0}
  .mh-section__head{margin-bottom:20px;gap:10px}
  .mh-section__title{font-size:23px;margin-bottom:6px}
  .mh-section__sub{font-size:14.5px;line-height:1.75}
  .mh-pagehead{padding:22px 0}
  .mh-pagehead__title{font-size:25px}
  .mh-pagehead--courses{padding-bottom:0}
  .mh-pagehead__sub{font-size:14px}
  /* course detail: compact buy box on phones */
  .mh-buybox__media{aspect-ratio:16/9}
  .mh-buybox__media--book{aspect-ratio:auto}
  .mh-buybox__body{padding:16px}
  .mh-buybox__price .mh-price__now{font-size:26px}
  .mh-course__side{margin-top:20px}
  .mh-course{padding-bottom:40px}
  .mh-course-hero{padding:22px 0 26px}
  .mh-course-hero__title{font-size:23px;margin:10px 0 8px}
  .mh-course-hero__lead{font-size:14.5px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .mh-chip{font-size:12.5px;padding:5px 10px}
  .mh-panel .course-description{padding:18px 16px}
  .mh-panel .description-head,.mh-panel .course-description h3.description-head{font-size:18px!important}
  .mh-panel .course-description p,.mh-panel .course-description li{font-size:15px;line-height:1.9}
  /* blog hero (legacy markup) */
  .mh-blog-hero h1.display-4{font-size:28px}
  .mh-blog-hero .text-17px{font-size:15px!important}
}
@media (max-width:575.98px){
  .container{padding-inline:16px}
  .mh-btn--lg{height:48px;font-size:15px;padding:0 18px}
  /* hero: headline + search + CTAs first, compact visual after */
  .mh-hero{padding-top:18px}
  .mh-hero__grid{gap:20px}
  .mh-hero__title{font-size:clamp(23px,6.6vw,27px);margin:10px 0 10px}
  .mh-hero__lead{font-size:14.5px;line-height:1.8;margin-bottom:16px}
  .mh-hero__actions{gap:10px}
  .mh-hero__stage{max-width:260px;border-radius:22px;aspect-ratio:1/0.8}
  .mh-hero__dots,.mh-hero__ring{display:none}
  .mh-hero::after{height:40px}
  /* features: one compact row of three */
  .mh-features{grid-template-columns:repeat(3,1fr);margin-top:20px;padding:4px;border-radius:16px}
  .mh-features li{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 6px}
  .mh-features li+li{border-top:0;border-inline-start:1px solid var(--mh-line-2)}
  .mh-features h2{font-size:12.5px;line-height:1.45;margin:0}
  .mh-features p{display:none}
  .mh-features__icon{width:36px;height:36px;font-size:15px;border-radius:10px}
  .mh-hero+.mh-section--tint{padding-top:36px}
  /* carousels: full-bleed rail, consistent peek + snap */
  .mh-rail{grid-auto-columns:82%;gap:12px;margin-inline:-16px;padding:4px 16px 18px;scroll-padding-inline:16px;scrollbar-width:none}
  .mh-rail::-webkit-scrollbar{display:none}
  .mh-rail--ebooks{grid-auto-columns:46%}
  .mh-link-arrow{margin-inline-start:0;padding:4px 0}
  .mh-section__tools{width:100%;justify-content:flex-start}
  /* cards */
  .mh-card__body{padding:14px 14px 8px}
  .mh-card__title{font-size:15.5px}
  .mh-card__foot{padding:10px 14px}
  .mh-price__now{font-size:17px}
  /* list layout on phones = compact horizontal cards */
  .mh-card--row{display:grid;grid-template-columns:118px 1fr;grid-template-rows:1fr auto}
  .mh-card--row .mh-card__media{grid-row:1/3;aspect-ratio:auto;min-height:150px}
  .mh-card--row .mh-card__desc,.mh-card--row .mh-card__level,.mh-card--row .mh-card__compare span{display:none}
  .mh-card--row .mh-card__body{padding:12px 12px 4px}
  .mh-card--row .mh-card__title{font-size:14.5px;-webkit-line-clamp:3}
  .mh-card--row .mh-card__foot{padding:8px 12px;border-top:0}
  .mh-card--row .mh-card__wish{inset-inline-start:auto;inset-inline-end:auto;inset-inline-start:84px;top:8px;width:30px;height:30px;font-size:13px}
  .mh-card--row .mh-card__sale{top:8px;inset-inline-start:8px;font-size:11px}
  .mh-card--row .mh-card__meta{gap:4px 10px;font-size:12px}
  .mh-list{gap:12px}
  /* categories / promo */
  .mh-promo__card{padding:22px;gap:14px;border-radius:20px}
  .mh-promo__card h2{font-size:19px}
  .mh-promo__icon{width:48px;height:48px;font-size:21px}
  /* toolbar: tidy 2-row layout */
  .mh-toolbar{padding:8px;gap:8px}
  .mh-toolbar__sort{flex:1 1 100%;order:3}
  .mh-toolbar__sort .form-select{width:100%}
  .mh-toolbar__count{order:4;font-size:13px}
  .mh-toolbar__filter{margin-inline-start:auto}
  .mh-catnav{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
  .mh-activefilters{gap:6px}
  /* course detail */
  .mh-tabs{margin-inline:-2px}
  .mh-buybox{border-radius:20px}
  .mh-includes{gap:10px}
  .mh-includes li{font-size:14px}
  /* auth */
  .mh-auth__main{padding:22px 16px}
  .mh-auth .sing-up-right h3{font-size:24px}
  /* compare */
  .mh-compare{padding-top:20px}
  /* student area */
  .wish-list-body{padding:20px 0 48px}
  .wish-list-search{padding:18px 12px 10px}
  .wish-list-search .student-profile-info{display:flex;align-items:center;gap:12px;text-align:start;padding-bottom:12px}
  .wish-list-search .student-profile-info .profile-image{width:56px;height:56px;margin:0}
  .btn-profile-menu{font-size:14px!important;padding:9px 10px!important}
  .mh-mycourses{grid-template-columns:1fr}
  .mh-dash__head h2{font-size:20px}
  /* footer */
  .mh-foot__news h3{font-size:17px}
  .mh-foot__form .mh-btn{padding:0 16px}
  /* misc legacy */
  .instructor-1 .instructor-about .skill .skill-point .skill-point-1{margin:0!important}
  .instructor-1 .instructor-about .skill .skill-point .skill-point-1 h1{font-size:34px}
  .mh-buybar .mh-price__old{display:none}
}
@media (max-width:374.98px){
  .mh-nav__logo img{height:32px}
  .mh-nav__actions{gap:4px}
  .mh-icon-btn{width:38px;height:38px;font-size:15px}
  .mh-hero__ctas{grid-template-columns:1fr}
  .mh-catnav__chip{padding:0 11px;font-size:13px}
  .mh-grid--ebooks{gap:10px}
}
@media (max-width:575.98px){
  .mh-card--row .mh-card__wish{top:auto;bottom:8px;inset-inline-start:8px;inset-inline-end:auto}
}
@media (hover:none) and (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.form-control,.form-select{font-size:16px!important}
}
@media (min-width:576px) and (max-width:991.98px){
  .mh-hero__stage{max-width:340px}
  .mh-features{grid-template-columns:repeat(3,1fr)}
  .mh-features li+li{border-top:0;border-inline-start:1px solid var(--mh-line-2)}
  .mh-features li{flex-direction:column;gap:10px;padding:16px}
  .mh-buybox{display:grid;grid-template-columns:42% 1fr;max-width:none}
  .mh-buybox__media{aspect-ratio:auto;min-height:100%}
  .mh-buybox__media--book{padding:18px 18px 0}
  .mh-buybox__media--book img{width:80%}
}
@media (min-width:576px) and (max-width:991.98px){
  .mh-buybox__media{aspect-ratio:4/3;min-height:0;align-self:start;margin:16px;margin-inline-end:0;border-radius:14px;overflow:hidden}
  .mh-buybox__media--book{aspect-ratio:auto;margin:0;border-radius:0;align-self:stretch}
}
@media (max-width:575.98px){
  .wish-list-search .student-profile-info{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;align-items:center;text-align:start}
  .wish-list-search .student-profile-info .profile-image{grid-row:1/3}
  .wish-list-search .student-profile-info h4{margin:0;align-self:end;font-size:16px}
  .wish-list-search .student-profile-info span{align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
}
/* purchase history -> stacked cards on phones */
.purchase-body{background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-xl);padding:8px;overflow:hidden}
.purchase-body .purchase-2-img{display:flex;align-items:center;gap:12px}
.purchase-body .purchase-2-img img{width:84px;height:60px;object-fit:cover;border-radius:10px;flex:none}
.purchase-body .purchase-2-img a{padding:0!important;font-weight:600}
.purchase-body .purchase-btn{border:0;background:none;padding:0}
.purchase-body .purchase-btn a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--mh-line);color:var(--mh-ink);font-size:13.5px;font-weight:600}
.purchase-body .purchase-btn a:hover{border-color:var(--mh-primary-200);color:var(--mh-primary-700);background:var(--mh-primary-50)}
@media (max-width:767.98px){
  .purchase-body{padding:0;border:0;background:none}
  .purchase-body .table,.purchase-body tbody{display:block;width:100%}
  .purchase-body thead{display:none}
  .purchase-body tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;background:#fff;border:1px solid var(--mh-line);border-radius:var(--mh-r-lg);padding:14px;margin-bottom:12px}
  .purchase-body tr>th{grid-column:1/-1;padding:0!important;border:0!important;background:none!important}
  .purchase-body tr>td{padding:0!important;border:0!important;background:none!important}
  .purchase-body tr>td h4,.purchase-body tr>td h5{margin:0;font-size:14px}
  .purchase-body tr>td:nth-of-type(1) h5{color:var(--mh-muted);font-weight:500}
  .purchase-body tr>td:nth-of-type(2){text-align:end}
  .purchase-body tr>td:nth-of-type(2) h4{font-size:16px;font-weight:700}
  .purchase-body tr>td:nth-of-type(3) h5{color:var(--mh-muted);font-size:13px;font-weight:400}
  .purchase-body tr>td:nth-of-type(4){text-align:end}
  .purchase-body .purchase-2-img a{font-size:14.5px!important;line-height:1.6}
}
.purchase-body .purchase-2-img a{flex:1;min-width:0;width:auto!important;max-width:none!important;white-space:normal}
@media (max-width:767.98px){
  .wish-list-body .wish-list-search{margin-bottom:16px!important}
  .purchase-body{margin-top:0!important}
  .purchase-body th[scope=row]{width:auto!important;min-width:0!important}
}