/* Desktop-only placement requested for thumbnail navigation and logged-in member actions. */
@media (min-width:781px){
  /* Checklist / Previous / Next are shared by both login states and sit above
     the horizontal thumbnail scroller in the image column. */
  #result .card .thumb > .ccc-thumbnail-nav{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:repeat(3,44px) !important;
    grid-template-rows:44px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
    margin:20px 0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #result .card .thumb > .ccc-thumbnail-nav > #comicCutNav.comic-cut-nav.is-visible{
    display:contents !important;
  }

  #result .card .thumb > .ccc-thumbnail-nav > #comicCutNav.comic-cut-nav:not(.is-visible),
  #result .card .thumb > .ccc-thumbnail-nav #comicCutNavCounters{
    display:none !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control){
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    opacity:1 !important;
    cursor:pointer !important;
    transform:none !important;
  }


  /* Block 196 gives labeled navigation a separate 54px painted circle.
     Remove that inner box so both login states use the outer 44px button. */
  html body #result .card .thumb > .ccc-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle,
  html body #result .card .thumb > .ccc-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle,
  html body #result .card .thumb > .ccc-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav .ccc-main-action-label{
    display:none !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control)::before,
  html body #result .card .thumb > .ccc-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control)::after,
  html body #result .card .thumb > .ccc-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control)::before,
  html body #result .card .thumb > .ccc-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control)::after,
  html body #result .card .thumb > .ccc-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control)::before,
  html body #result .card .thumb > .ccc-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control)::after{
    content:none !important;
    display:none !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav .material-symbols-outlined{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  /* Logged-out desktop uses the same 22px glyph scale as Browse List. */
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav .material-symbols-outlined{
    font-size:22px !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav button:disabled,
  html body #result .card .thumb > .ccc-thumbnail-nav button[aria-disabled="true"],
  html body #result .card .thumb > .ccc-thumbnail-nav button.is-disabled{
    border-color:rgba(180,184,196,.16) !important;
    background:rgba(112,116,128,.14) !important;
    color:rgba(188,192,204,.42) !important;
    box-shadow:none !important;
    opacity:1 !important;
    filter:grayscale(1) !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
  }


  /* Persistent desktop status/value-highlight badge row beneath the image. */
  #result .card .thumb > .comic-cut-card-counter-slot{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:30px !important;
    margin:12px 0 0 !important;
    padding:0 !important;
  }

  #result .card .thumb > .comic-cut-card-counter-slot > .comic-cut-nav-counters{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
    gap:6px !important;
    margin:0 !important;
  }

  /* Logged-in member controls form a uniform row directly above navigation. */
  #result .card .thumb > .ccc-desktop-member-card-actions{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:repeat(3,44px) !important;
    grid-template-rows:44px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
    margin:20px 0 0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #result .card .thumb > .ccc-desktop-member-card-actions > .comic-cut-main-actions{
    display:contents !important;
  }

  html body #result .card .thumb > .ccc-desktop-member-card-actions .comic-cut-main-actions > .icon-btn{
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    background-image:none !important;
    color:var(--text) !important;
    box-shadow:none !important;
    opacity:1 !important;
    overflow:hidden !important;
    cursor:pointer !important;
    transform:none !important;
  }

  html body #result .card .thumb > .ccc-desktop-member-card-actions .comic-cut-main-actions > .icon-btn::before,
  html body #result .card .thumb > .ccc-desktop-member-card-actions .comic-cut-main-actions > .icon-btn::after{
    content:none !important;
    display:none !important;
  }

  html body #result .card .thumb > .ccc-desktop-member-card-actions .material-symbols-outlined{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  html body #result .card .thumb > .ccc-desktop-member-card-actions .comic-cut-main-actions > .icon-btn:hover:not(:disabled),
  html body #result .card .thumb > .ccc-desktop-member-card-actions .comic-cut-main-actions > .icon-btn:focus-visible{
    border-color:rgba(255,255,255,.6) !important;
    background:rgba(255,255,255,.08) !important;
    background-image:none !important;
    color:#fff !important;
    outline:none !important;
    box-shadow:none !important;
    transform:none !important;
  }

  html body #result .card .thumb > .ccc-desktop-member-card-actions button:disabled,
  html body #result .card .thumb > .ccc-desktop-member-card-actions button[aria-disabled="true"],
  html body #result .card .thumb > .ccc-desktop-member-card-actions button.is-disabled{
    border-color:rgba(180,184,196,.16) !important;
    background:rgba(112,116,128,.14) !important;
    color:rgba(188,192,204,.42) !important;
    box-shadow:none !important;
    opacity:1 !important;
    filter:grayscale(1) !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
  }

  /* Pull Checklist / Previous / Next directly beneath the member controls. */
  #result .card .thumb > .ccc-thumbnail-nav.is-member-thumbnail-nav{
    margin:8px 0 20px !important;
  }

  /* Same style and shared action logic as logged-in mobile Purchase This Card. */
  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action,
  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action:focus,
  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action:focus-visible,
  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    visibility:visible !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    width:min(100%,360px) !important;
    min-width:0 !important;
    max-width:360px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 0 12px !important;
    padding:0 14px !important;
    gap:0 !important;
    border:1px solid var(--border) !important;
    border-bottom:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    background-image:none !important;
    color:var(--text) !important;
    opacity:1 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:normal !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    transition:background .15s ease,border-color .15s ease,color .15s ease !important;
  }

  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action::before,
  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action::after{
    content:none !important;
    display:none !important;
  }

  html body #result .card .desktop-member-info-left > button.ccc-desktop-full-purchase-action:hover{
    border-color:rgba(255,255,255,.6) !important;
    border-bottom-color:rgba(255,255,255,.6) !important;
    background:rgba(255,255,255,.08) !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.60) !important;
    outline:none !important;
    transform:none !important;
  }

  /* Purchase button (38px) + gap (12px) + Value Highlights (360px). */
  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout{
    grid-template-rows:auto 410px !important;
  }

  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-left{
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    grid-column:1 !important;
    grid-row:2 !important;
    height:410px !important;
    min-height:410px !important;
    max-height:410px !important;
    overflow:hidden !important;
  }

  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-left > .cc-highlights-panel{
    box-sizing:border-box !important;
    flex:0 0 360px !important;
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-right,
  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-right.ccc-desktop-purchase-column{
    box-sizing:border-box !important;
    grid-column:2 !important;
    grid-row:2 !important;
    height:410px !important;
    min-height:410px !important;
    max-height:410px !important;
    overflow:hidden !important;
  }

  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-right > .more,
  #result .card .desktop-member-tall-info-layout.ccc-desktop-summary-layout.is-logged-in-layout > .desktop-member-info-right > .more[style*="display: block"]{
    box-sizing:border-box !important;
    display:block !important;
    height:410px !important;
    min-height:410px !important;
    max-height:410px !important;
    margin:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
}