/* v12.10.110 - desktop intro, fullscreen scaler and TOC categories fixes */
@media (min-width: 769px){
  html body .op-intro-skip-v38,
  html body .op-intro-cover[data-op-intro-cover] .op-intro-skip,
  html body .op-intro-cover[data-op-intro-cover] [data-op-intro-skip]{
    bottom:-15px!important;
  }

  /* In fullscreen keep only the catalog size buttons visible. */
  body.op-catalog-fullscreen .controls{
    display:flex!important;
    position:fixed!important;
    left:50%!important;
    bottom:18px!important;
    top:auto!important;
    right:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:6px!important;
    margin:0!important;
    grid-template-columns:none!important;
    gap:0!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;
    z-index:10021!important;
    border:1px solid rgba(214,169,40,.36)!important;
    border-radius:16px!important;
    background:rgba(8,6,4,.72)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.09)!important;
    -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
    backdrop-filter:blur(16px) saturate(130%)!important;
  }
  body.op-catalog-fullscreen .controls .ctrl-btn,
  body.op-catalog-fullscreen .controls .pager{
    display:none!important;
  }
  body.op-catalog-fullscreen .controls .view-buttons{
    display:flex!important;
    pointer-events:auto!important;
    margin:0!important;
  }
  body.op-catalog-fullscreen .controls .view-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    opacity:.92!important;
  }
  body.op-catalog-fullscreen .controls .view-btn.is-active{opacity:1!important;}

  .nc-toc-panel{
    position:fixed;
    right:22px;
    top:86px;
    width:min(360px, calc(100vw - 44px));
    max-height:calc(100vh - 118px);
    z-index:10030;
    display:none;
    color:#fff2c4;
    border:1px solid rgba(214,169,40,.34);
    border-radius:20px;
    background:linear-gradient(180deg, rgba(24,15,8,.95), rgba(6,5,4,.94));
    box-shadow:0 22px 62px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.08);
    overflow:hidden;
    -webkit-backdrop-filter:blur(18px) saturate(130%);
    backdrop-filter:blur(18px) saturate(130%);
  }
  .nc-toc-panel.is-open{display:block;}
  .nc-toc-head{
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 14px 0 16px;
    border-bottom:1px solid rgba(214,169,40,.18);
    cursor:grab;
  }
  .nc-toc-head strong{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#ffe08a;}
  .nc-toc-close{
    width:32px;height:32px;border-radius:999px;border:1px solid rgba(214,169,40,.28);
    background:rgba(255,255,255,.06);color:#ffe08a;font-size:22px;line-height:1;cursor:pointer;
  }
  .nc-toc-body{padding:12px;overflow:auto;max-height:calc(100vh - 170px);}
  .nc-toc-list{display:grid;gap:8px;}
  .nc-toc-item{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:11px 12px;border-radius:14px;border:1px solid rgba(255,225,130,.12);
    background:rgba(255,255,255,.045);color:#fff4cf;text-align:left;cursor:pointer;
  }
  .nc-toc-item:hover{background:rgba(214,169,40,.14);border-color:rgba(214,169,40,.34);}
  .nc-toc-item b{font-size:13px;text-transform:uppercase;letter-spacing:.03em;}
  .nc-toc-item span{font-size:11px;color:rgba(255,244,207,.72);white-space:nowrap;}
  .nc-toc-empty{padding:14px;color:rgba(255,244,207,.7);font-size:13px;}
}