/* Compact the shop when browser chrome leaves a short laptop viewport. */
@media (min-width: 1101px) and (max-width: 1800px) and (max-height: 850px) and (pointer: fine) {
  /* Home: keep the stamp grid above the fold without hiding navigation or copy. */
  #qvs-desktop-home .site-header .masthead {
    min-height: 0 !important;
    padding-block: 6px !important;
  }
  #qvs-desktop-home .site-header .masthead .brand img {
    width: 52px !important;
    height: 52px !important;
  }
  #qvs-desktop-home .site-header .masthead .brand > span {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  #qvs-desktop-home .site-header .main-nav {
    column-gap: clamp(8px, 1vw, 16px) !important;
    min-height: 38px !important;
    font-size: 15px !important;
  }
  #qvs-desktop-home .site-header .main-nav > a { padding-block: 6px !important; }
  #qvs-desktop-home .site-header .main-nav > .header-offers {
    margin-block: 2px !important;
    padding-inline: 7px;
    column-gap: 5px;
    font-size: 14px;
  }
  #qvs-desktop-home .site-header .shop-search input { padding-block: 9px !important; }
  #qvs-desktop-home main .intro { padding-block: 9px !important; }
  #qvs-desktop-home main .intro h1 { margin-block: 3px 5px !important; }
  #qvs-desktop-home main .stock-note { gap: 2px; }
  #qvs-desktop-home main .stock-note strong { margin-top: 4px; }
  #qvs-desktop-home main .stock-number { font-size: 32px; }
  #qvs-desktop-home main .catalogue-menu { margin-bottom: 9px !important; }
  #qvs-desktop-home main .catalogue-menu summary { padding-block: 6px !important; }
  #qvs-desktop-home main .catalogue-menu summary > span:first-child { gap: 2px; }
  #qvs-desktop-home main .catalogue-toggle { padding-block: 5px !important; }
  #qvs-desktop-home main .section-heading { margin-bottom: 8px !important; }
  #qvs-desktop-home main .issue-grid .stamp-image {
    height: clamp(152px, 25vh, 205px) !important;
    padding: 8px !important;
  }

  /* Results, basket and watch list: give the scrollable grids more room. */
  html.qvs-results-desktop .qrs-header,
  html.qb-desktop .qb-header {
    min-height: 0 !important;
    padding-block: 5px !important;
  }
  html.qvs-results-desktop .qrs-brand img,
  html.qb-desktop .qb-brand img {
    width: 46px !important;
    height: 46px !important;
  }
  html.qvs-results-desktop .qrs-toolbar { padding-block: 5px !important; }
  html.qvs-results-desktop .qrs-filter-heading { padding-block: 10px 6px; }
  html.qvs-results-desktop .qrs-field { margin-top: 8px; }
  html.qvs-results-desktop .qrs-filter-actions { padding-block: 8px !important; }
  html.qb-desktop .qb-main { padding-block: 6px; }
  html.qb-desktop .qb-heading { margin-bottom: 5px; }
  html.qb-desktop .qb-summary { padding-block: 5px; gap: 5px 10px; }
  html.qb-desktop .qb-toolbar { padding-block: 4px; }

  /* Listings: group the price and purchase actions alongside the scan. */
  html.qlp-desktop .OL_MID_priceAndBuyingOptions {
    align-content: start;
    gap: 10px;
  }
  html.qlp-desktop .OL_LHS_logo img {
    width: 72px !important;
    height: 72px !important;
  }
  html.qlp-desktop #qlp-panel { gap: 12px; padding-block: 12px; }
  html.qlp-desktop #qlp-panel .qlp-section { gap: 6px; padding-bottom: 10px; }
  html.qlp-desktop #qlp-panel #qvn-menu {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Checkout: use less space before the form and between sections. */
  body.qvs-checkout-page h1 { margin-block: 12px 8px; }
  body.qvs-checkout-page h2 { margin-block: 8px 4px; }
  body.qvs-checkout-page :is(.items-column, .right-column) { margin-top: 0; }
  body.qvs-checkout-page .item-image-container { height: clamp(34px, 5vh, 44px); }

  /* Reviews, reference pages and Stock Explorer. */
  body[data-qvr-page="reviews"] .RV_pageBackground { padding-top: 12px !important; }
  body[data-qvr-page="reviews"] .RV_header { padding-bottom: 8px !important; }
  body[data-qvr-page="reviews"] .RV_reviewSection { padding: 12px !important; }
  body[data-qvr-page="reviews"] .RV_sectionHeader { margin-bottom: 8px !important; }
  body[data-qvr-page="reviews"] .qvs-review-card { padding-block: 12px; }
  body[data-qvr-page="collector-resources"] .qcr-header { padding-block: 8px; }
  body[data-qvr-page="collector-resources"] .qcr-brand img {
    width: 46px;
    height: 46px;
  }
  body[data-qvr-page="collector-resources"] .resources-page { padding-top: 12px !important; }
  body[data-qvr-page="collector-resources"] .hero { margin-bottom: 12px !important; }
  body[data-qvr-page="collector-resources"] .resource-section { margin-top: 14px !important; }
  body[data-qvr-page="stock-explorer"] .qvr-stock-heading { margin-bottom: 10px; }
  body[data-qvr-page="stock-explorer"] .qvr-stock-heading > .stock-explorer-hero {
    padding-block: 10px !important;
  }

  /* Accounts: bring the footer links up as well as the submit buttons. */
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .header-inner {
    min-height: 68px;
    padding-block: 8px;
  }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) main {
    padding-block: 10px 16px;
  }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .welcome { padding-block: 20px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .roundel {
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
  }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .welcome :is(h2, .welcome-copy) { margin-bottom: 12px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .benefits { margin-bottom: 0; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .benefits li { padding-block: 4px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .form-panel { padding-block: 18px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .form-intro { margin-bottom: 12px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .field { margin-bottom: 10px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .field input {
    height: 48px;
    margin-top: 6px;
  }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .login-submit { margin-top: 10px; }
  body:is([data-qvr-page="login"], [data-qvr-page="create-account"]) .below-card { padding-block: 8px; }
  body[data-qvr-page="login"] .create-account,
  body[data-qvr-page="create-account"] .existing-account {
    margin-top: 12px;
    padding-top: 10px;
  }
  body[data-qvr-page="login"] .create-account p { margin-bottom: 8px; }
  body[data-qvr-page="create-account"] #signup-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
  }
  body[data-qvr-page="create-account"] #signup-form > .field { margin: 0; }
  body[data-qvr-page="create-account"] #signup-form > :not(.field) { grid-column: 1 / -1; }
  body[data-qvr-page="create-account"] #signup-form .password-fields { gap: 14px; }
  body[data-qvr-page="create-account"] #signup-form .password-fields .field { margin: 0; }
  body[data-qvr-page="create-account"] #signup-form .password-help { margin: 0; }
}