/* Desktop marketplace width. Existing layouts below 1200px retain their rules. */
@media (min-width: 1200px) {
  :root {
    --sac-desktop-width: 1560px;
    --sac-desktop-gutters: 64px;
  }
  #headerInner .top > .row,
  #page .hpHero > .grid,
  .container:has(.sac-product-card),
  body:has(.sac-product-card) .container:has(> h1),
  #footer-cta > .row,
  .sac-site-footer .sac-footer-inner {
    width: calc(100% - var(--sac-desktop-gutters)) !important;
    max-width: var(--sac-desktop-width) !important;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #headerInner .top > .row,
  #page .hpHero > .grid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body:has(.sac-product-card) div:has(> .container > h1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #headerInner .top > .row > .columns,
  #page .hpHero > .grid > .grid_column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #headerInner #logo { margin-left: 0 !important; }
  #page .hpHero > .grid > .cataloglinks { left: 15px !important; }
  #page .hpHero .cataloglinks img { margin-left: 0 !important; }
  #page .hpHero > .grid > .trustpilotrating { right: 15px !important; }
  .container:has(.sac-product-card) > .row:not(.homepagegames) {
    width: auto !important;
    max-width: none !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  #page .homepagegames {
    width: auto !important;
    max-width: none !important;
    left: 0 !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
  #page .homepagegames > [class*="col-"] {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  /* Widen cards without triggering their larger typography variant. */
  #page .homepagegames .sac-product-card { container-type: normal; }
  #page > .container:has(.homepagegames) > .wrapper > span { left: 0 !important; }
  #page > .container:has(.homepagegames) > .wrapper > .btnmore { right: 0 !important; }
}