/* DOKDO mega menu preview V1. No visual changes without ?dokdoMegaPreview=1 */
#dokdo-mega-preview{font-family:Inter,Arial,sans-serif;position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.34);display:flex;align-items:flex-start;justify-content:center;padding:90px 16px 20px;overflow:auto}
#dokdo-mega-preview[hidden]{display:none!important}
#dokdo-mega-preview .dmm-panel{background:#fff;color:#222;width:min(1190px,100%);border-radius:9px;box-shadow:0 15px 55px rgba(0,0,0,.22);padding:22px 30px 32px;position:relative}
#dokdo-mega-preview .dmm-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6;padding-bottom:13px;margin-bottom:21px}
#dokdo-mega-preview h2{font:600 22px/1.3 Inter,Arial,sans-serif;margin:0!important}
#dokdo-mega-preview .dmm-close{background:#f0f0f0;color:#222;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}
#dokdo-mega-preview .dmm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:34px;row-gap:24px}
#dokdo-mega-preview h3{font:700 13px/1.4 Inter,Arial,sans-serif!important;margin:0 0 13px!important;letter-spacing:.035em;text-transform:uppercase}
#dokdo-mega-preview .dmm-link{display:block;font:400 13px/1.55 Inter,Arial,sans-serif;padding:3px 0;text-decoration:none;color:#434343}
#dokdo-mega-preview a.dmm-link:hover{color:#009cf8;text-decoration:underline}
#dokdo-mega-preview .dmm-unlinked{color:#969696;cursor:default}
#dokdo-mega-preview .dmm-note{font:400 12px/1.5 Inter,Arial,sans-serif;margin-top:20px!important;color:#777}
@media(max-width:800px){#dokdo-mega-preview{padding:15px 10px}#dokdo-mega-preview .dmm-panel{padding:18px}#dokdo-mega-preview .dmm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:480px){#dokdo-mega-preview .dmm-grid{grid-template-columns:1fr}}

/* DOKDO MEGA MENU - FULL WIDTH DESKTOP PREVIEW */
@media (min-width: 801px) {

  #dokdo-mega-preview {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    display: block !important;
    overflow: visible !important;
  }

  #dokdo-mega-preview .dmm-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 32px max(30px, calc((100vw - 1280px)/2)) 40px !important;
    border-radius: 0 !important;
    border-top: 1px solid #eeeeee !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.06) !important;
    box-sizing: border-box !important;
  }

  #dokdo-mega-preview .dmm-grid {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    column-gap: 50px !important;
  }

  #dokdo-mega-preview .dmm-top {
    display: none !important;
  }

  #dokdo-mega-preview .dmm-note {
    margin-top: 18px !important;
  }
}

/* DOKDO MEGA MENU - EDGE TO EDGE WHITE BACKGROUND */
@media (min-width: 801px) {
  #dokdo-mega-preview .dmm-panel {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #dokdo-mega-preview .dmm-panel::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
    z-index: -1;
    pointer-events: none;
  }
}