/* PEGNIO desktop detail pass. All rules start at 900px: mobile unchanged. */
@media (min-width:900px) {
  :root { --peg-desk-sidebar:76px; }
  .brod-head { gap:11px!important; }
  .peg-desktop-menu-toggle {
    display:grid;place-items:center;order:-1;flex:0 0 40px;
    width:40px;height:42px;padding:0;margin:0 2px 0 -6px;
    color:#fff;background:transparent;border:0;border-radius:9px;cursor:pointer;
  }
  .peg-desktop-menu-toggle:hover,.peg-desktop-menu-toggle[aria-expanded="true"]{background:#373245;}
  .peg-menu-lines {display:flex;flex-direction:column;gap:5px;}
  .peg-menu-lines i {display:block;width:22px;height:2px;border-radius:3px;background:#f7f6fe;}
  .peg-desktop-sidebar-scrim{display:none;}
  body.peg-menu-open{--peg-desk-sidebar:248px;}
  body.peg-menu-open .peg-desktop-sidebar-scrim{
    display:block;position:fixed;z-index:39;top:66px;left:248px;right:0;bottom:0;
    border:0;background:#0202098a;cursor:pointer;
  }
  body.peg-menu-open .brod-sidebar{
    align-items:stretch!important;width:248px!important;
    padding:12px!important;box-sizing:border-box!important;overflow-y:auto!important;
    scrollbar-width:thin!important;
  }
  body.peg-menu-open .brod-sidebar .side-nav{
    width:100%!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:3px!important;
  }
  body.peg-menu-open .brod-sidebar .side-link{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;width:100%!important;min-width:0!important;
    height:42px!important;font-size:14px!important;font-weight:700!important;
    padding:9px 11px!important;gap:12px!important;line-height:1.2!important;
    text-align:left!important;border-radius:9px!important;
  }
  body.peg-menu-open .brod-sidebar .side-ico{font-size:22px!important;flex:0 0 27px!important;}
  .peg-desktop-extra-cats{display:none!important;}
  body.peg-menu-open .peg-desktop-extra-cats{display:flex!important;flex-direction:column!important;}
  .peg-desktop-catlabel{font:bold 11px system-ui;color:#b8acd1;letter-spacing:.9px;margin:13px 8px 7px;}
  .peg-desktop-catlink{
    padding:10px 13px;background:transparent;border:0;border-radius:9px;
    text-align:left;color:#ddd8e8;font:700 14px system-ui;cursor:pointer;
  }
  .peg-desktop-catlink:hover{color:#fff;background:#39314e;}
  .peg-desk-intro{margin-bottom:13px!important;}
  .peg-desk-section{margin-bottom:16px!important;}
  .peg-desk-rowheading{margin-bottom:9px!important;}
  .peg-desk-rowheading h2{font-size:18px!important;}
  .peg-desk-viewport{position:relative;min-width:0;width:100%;}
  .peg-desk-rowbuttons{
    position:absolute!important;inset:0!important;z-index:4!important;
    margin:0!important;padding:0 2px!important;pointer-events:none!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;
  }
  .peg-desk-arrow{
    pointer-events:auto!important;width:47px!important;height:47px!important;min-width:47px!important;
    background:#161521e8!important;color:#fff!important;border:2px solid #ddd6ecbb!important;
    border-radius:50%!important;box-shadow:0 4px 14px #000b!important;font-size:29px!important;
    transition:background .15s,border-color .15s;
  }
  .peg-desk-arrow:hover:not(:disabled){background:#61448a!important;border-color:#fff!important;}
  .peg-desk-arrow:disabled{visibility:hidden!important;pointer-events:none!important;}
  .peg-desk-track{gap:9px!important;height:113px!important;padding:0!important;scrollbar-width:none!important;}
  .peg-desk-game{
    flex:0 0 clamp(148px,10.7vw,187px)!important;
    height:102px!important;min-height:102px!important;max-height:102px!important;
    border-radius:11px!important;
  }
  .peg-desk-game-large{flex-basis:230px!important;}
  .peg-desk-game img{
    filter:saturate(1.16) contrast(1.09) brightness(1.025);
    transition:filter .2s,transform .2s;
  }
  .peg-desk-game:hover img{filter:saturate(1.24) contrast(1.12) brightness(1.045);transform:scale(1.04);}
  .peg-desk-featured .peg-desk-track{
    grid-auto-columns:clamp(140px,10.4vw,164px)!important;
    grid-template-rows:91px 91px!important;height:192px!important;gap:10px!important;
  }
  .peg-desk-featured .peg-desk-game{height:100%!important;min-height:0!important;max-height:none!important;}
  .peg-desk-featured .peg-desk-game-large{height:100%!important;}
}
@media(min-width:900px) and (max-width:1199px){
  .peg-desk-game{flex-basis:143px!important;height:94px!important;min-height:94px!important;max-height:94px!important;}
  .peg-desk-track{height:105px!important;}
  .peg-desk-featured .peg-desk-track{grid-auto-columns:140px!important;grid-template-rows:86px 86px!important;height:182px!important;}
  .peg-desk-featured .peg-desk-game{height:100%!important;}
}

/* Desktop catalogue regular rows: restore natural 16:9 artwork proportions.
   Top feature mosaic and phone experience are deliberately excluded. */
@media (min-width:900px) {
  .peg-desk-section:not(.peg-desk-featured) .peg-desk-track {
    height:clamp(116px,8.5vw,164px)!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .peg-desk-section:not(.peg-desk-featured) .peg-desk-game,
  .peg-desk-section:not(.peg-desk-featured) .peg-desk-game-large {
    flex:0 0 clamp(185px,14vw,270px)!important;
    box-sizing:border-box!important;
    width:clamp(185px,14vw,270px)!important;
    min-width:0!important;
    max-width:270px!important;
    height:clamp(104px,7.875vw,152px)!important;
    min-height:clamp(104px,7.875vw,152px)!important;
    max-height:clamp(104px,7.875vw,152px)!important;
    aspect-ratio:16 / 9!important;
    overflow:hidden!important;
  }
  .peg-desk-section:not(.peg-desk-featured) .peg-desk-game img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}