/* YGYP Tools Desktop Image Patch v1.0.0
   Desktop/laptop only. Mobile remains unchanged. */

@media (min-width:1025px){

  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
  }

  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid > .ygyp-tool-neat-card{
    display:flex !important;
    flex-direction:column !important;
    grid-column:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  /* Standard visual frame for every tool image. */
  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid .ygyp-tool-image-frame{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
    overflow:hidden !important;
    background:#f7f4ee !important;
  }

  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid .ygyp-tool-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
  }

  /* Keep text areas balanced below the image. */
  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid > .ygyp-tool-neat-card > :not(.ygyp-tool-image-frame){
    flex-shrink:0;
  }
}

@media (min-width:1025px) and (max-width:1180px){
  #ygyp-main-site .toolsGrid.ygyp-tools-neat-grid .ygyp-tool-image-frame{
    height:175px !important;
    min-height:175px !important;
    max-height:175px !important;
  }
}