/* Desktop layout only. The existing mobile markup, CSS, and JS remain unchanged. */
@media screen and (min-width: 992px) {
  :root {
    --desk-navy: #0d1a40;
    --desk-blue: #0940c6;
    --desk-lime: #a6ff00;
    --desk-shell-width: min(1152px, calc(100vw - 382px));
  }
  .dh-desktop-shell {
    box-sizing: border-box;
    position: fixed !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999950;
    width: var(--desk-shell-width);
    height: 146px;
    padding: 10px 20px;
    background: linear-gradient(145deg, #0c1e55 0%, #0b36aa 75%, #092a87 100%);
    border-top: 2px solid rgba(166,255,0,.35);
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
    align-items: center;
    color: #fff;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  }
  .dh-desktop-head-spacer {height: 146px;}
  .dh-desktop-shell *, .dh-desktop-shell *::before, .dh-desktop-shell *::after,
  .dh-desktop-quick *, .dh-desktop-quick *::before, .dh-desktop-quick *::after {box-sizing: border-box;}
  .dh-desktop-head-inner {width: 100%; height: 100%; display: grid; grid-template-columns: minmax(190px,34%) minmax(0,1fr); align-items: center; gap: 20px;}
  .dh-desktop-logo {display:flex; justify-content:center; align-items:center; height:100%; overflow:hidden; text-decoration:none !important;}
  .dh-desktop-logo img {display:block; width:auto; max-width:100%; max-height:112px; object-fit:contain;}
  .dh-desktop-logo span {font-size:28px;color:#fff;font-weight:900;letter-spacing:.08em;}
  .dh-desktop-head-actions {display:flex; flex-direction:column; gap:12px; min-width:0;}
  .dh-desktop-login {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 94px; gap:14px; margin:0; align-items:stretch; min-height:49px;}
  .dh-desktop-login-field {display:flex; align-items:center; gap:10px; margin:0; padding:0 14px; border-radius:8px; background:#fff; color:#7b8797; min-width:0;}
  .dh-desktop-login-field input {flex:1; min-width:0; width:100%; border:none; outline:none; background:transparent; color:#18233c; font-size:13px; box-shadow:none;}
  .dh-desktop-login button {background:var(--desk-lime);border:none;border-radius:8px;color:#07102a;font-weight:800;font-size:14px;cursor:pointer;}
  .dh-desktop-account {display:flex;justify-content:flex-end;align-items:center;min-height:49px;gap:10px;}
  .dh-desktop-account a, .dh-desktop-account-name {color:#fff; border:1px solid rgba(255,255,255,.22); background:rgba(5,16,48,.55); padding:10px 16px; border-radius:9px; font-size:13px; font-weight:700; text-decoration:none;}
  .dh-desktop-account a:hover {color:var(--desk-lime);text-decoration:none;}
  .dh-desktop-head-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(115px,.95fr);align-items:center;gap:12px;background:#091944;border-radius:12px;padding:8px;min-height:55px;}
  .dh-desktop-head-nav > a {min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:2px solid #68ab00;border-radius:8px;background:linear-gradient(170deg,#d1ff61 0%,#9aff00 45%,#63c800 100%);box-shadow:inset 0 1px 4px #faffbc;color:#061633;text-decoration:none!important;font-weight:800;font-size:12px;white-space:nowrap;}
  .dh-desktop-head-nav > a:hover {filter:brightness(1.07);color:#061633;}
  .dh-desktop-more {position:relative;min-width:0;}
  .dh-desktop-more > summary {list-style:none;min-height:39px;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#fff;font-weight:800;}
  .dh-desktop-more > summary::-webkit-details-marker {display:none;}
  .dh-desktop-more-list {position:absolute;right:0;top:42px;background:#0b1e53;border:1px solid #375aa7;border-radius:10px;padding:8px;min-width:195px;max-height:min(58vh,450px);overflow-y:auto;box-shadow:0 15px 40px #0006;display:flex;flex-direction:column;gap:2px;z-index:999990;}
  .dh-desktop-more-list a {color:white!important;display:block;font-size:13px;padding:10px 12px;text-decoration:none!important;border-radius:6px;}
  .dh-desktop-more-list a:hover {background:#1f4ea9;color:var(--desk-lime)!important;}
  /* Hide the old desktop-only duplicate header; mobile header and mobile navigation untouched. */
  .mcp-top-header > header.d-none.d-sm-block {display:none!important;}
  body.dhm-homepage .mcp-top-header .site-header {display:none!important;}
  .dh-desktop-quick {position:fixed!important;left:max(4px,calc((100vw - 1152px)/2 - 298px));top:184px;width:194px;flex-direction:column;gap:6px;z-index:9000;}
  .dh-desktop-quick-link {display:flex;align-items:center;justify-content:space-between;min-height:51px;padding:0 14px 0 16px;border:1px solid #99ef00;border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(110deg,#020710f2,#10182bdc);color:var(--desk-lime)!important;font-weight:800;font-size:13px;text-decoration:none!important;transition:filter .12s ease;}
  .dh-desktop-quick-link i {font-size:22px; color:#baff28;}
  .dh-desktop-quick-link:not([aria-disabled]):hover {filter:brightness(1.32);}
  .dh-desktop-quick-link[aria-disabled="true"] {opacity:.5;cursor:default;}
  body.dhm-homepage #wrapper {width:var(--desk-shell-width);max-width:none;margin:0 auto;background:#0c1b41;min-height:100vh;box-shadow:0 0 32px #0008;}
  body.dhm-homepage #wrapper > .bg-custom {background:#0c1b41!important;}
  .dh-desktop-news {width:100%;height:38px;align-items:center;gap:12px;overflow:hidden;background:#071634;border-bottom:1px solid #274b84;color:#eaf1ff;padding:0 14px;}
  .dh-desktop-news > i {color:var(--desk-lime);flex:0 0 auto;}
  .dh-desktop-news-clip {white-space:nowrap;overflow:hidden;min-width:0;flex:1;}
  .dh-desktop-news-clip > span {display:inline-block;white-space:nowrap;min-width:100%;padding-left:100%;animation:desk-news 32s linear infinite;font-size:13px;font-weight:600;}
  @keyframes desk-news {to{transform:translateX(-100%);}}
  body.dhm-homepage #wrapper > .d-none.d-sm-block {width:100%;margin:0;overflow:hidden;background:#07143a;}
  body.dhm-homepage #wrapper > .dh-desktop-banner .container {max-width:100%;padding:0;}
  body.dhm-homepage #wrapper > .dh-desktop-banner img {max-width:100%;object-fit:cover;}
  .dh-desktop-categories {width:100%;padding:18px 18px 16px;align-items:center;justify-content:space-evenly;gap:14px;background:#0d1a40;}
  .dh-desktop-categories a {flex:0 1 98px;min-width:0;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#06112c!important;background:linear-gradient(145deg,#caff59 0%,#a2ff00 55%,#75d300 100%);border:2px solid #7bc700;border-radius:8px;box-shadow:inset 0 1px 4px #fff9,0 2px 5px #0005;text-decoration:none!important;font-size:10px;font-weight:900;white-space:nowrap;}
  .dh-desktop-categories a i {font-size:22px;}
  .dh-desktop-categories a:hover {filter:brightness(1.07);transform:translateY(-1px);}
  .dh-desktop-scroll-anchor {height:0;scroll-margin-top:157px;}
  body.dhm-homepage #dh-desk-popular {scroll-margin-top:157px;}
}
@media screen and (min-width: 992px) and (max-width: 1519px) {
  :root {--desk-shell-width:min(1100px,calc(100vw - 246px));}
  .dh-desktop-quick {left:4px;width:112px;}
  .dh-desktop-quick-link {min-height:46px;padding:0 6px 0 9px;font-size:10px;}
  .dh-desktop-quick-link i {font-size:15px;}
  .dh-desktop-head-inner {grid-template-columns:minmax(150px,30%) minmax(0,1fr);gap:12px;}
  .dh-desktop-head-nav {gap:6px;}
  .dh-desktop-head-nav > a {font-size:10px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  :root {--desk-shell-width:calc(100vw - 28px);}
  .dh-desktop-quick {display:none!important;}
}
@media (prefers-reduced-motion: reduce) {
  .dh-desktop-news-clip > span {animation:none;padding-left:0;}
}

/* desktop-home-category-strip-fix1 */
@media screen and (min-width: 992px) {
  body.dhm-homepage .dh-desktop-categories {
    background: #0d193c !important;
    border: 1px solid rgba(122, 198, 0, .22) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
    padding: 16px 18px !important;
    margin: 0 23px 18px !important;
    position: relative;
    z-index: 30;
  }
  body.dhm-homepage .dh-desktop-categories a {
    position: relative;
    z-index: 1;
  }
}