/* AI24Solutions Product Showcase Final v2
   Hotfix over final v1:
   - same outer frame for all four products
   - Persona + SportMethod inner square marks fill the frame better
   - Garden + Song Gift inner sizes preserved
   - tighter title/description rhythm without losing CTA alignment
*/

/* ===== Card rhythm ===== */
#products .portfolio-tile{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  box-sizing:border-box!important;
}

#products .portfolio-tile__top{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  min-height:88px!important;
  margin-bottom:12px!important;
}

#products .portfolio-tile__title{
  min-width:0!important;
  padding-top:1px!important;
}

#products .portfolio-tile__kicker{
  display:block!important;
  min-height:28px!important;
  margin:0!important;
  line-height:1.16!important;
}

#products .portfolio-tile__title h3{
  min-height:52px!important;
  margin-top:3px!important;
  margin-bottom:0!important;
  line-height:1.08!important;
}

#products .portfolio-tile__desc{
  min-height:76px!important;
  margin-top:0!important;
  margin-bottom:14px!important;
}

#products .portfolio-points{
  margin-top:0!important;
  margin-bottom:18px!important;
}

#products .portfolio-tile__actions{
  margin-top:auto!important;
  padding-top:2px!important;
  align-self:stretch!important;
}

/* ===== One frame geometry for all four marks ===== */
#products .portfolio-tile__icon{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  flex:0 0 68px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Persona: own dark rounded square should nearly fill the frame */
#products .portfolio-tile--persona .portfolio-tile__icon img{
  width:64px!important;
  height:64px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
}

/* Garden: keep current final-v1 visual size */
#products .portfolio-tile--garden .portfolio-tile__icon img{
  width:58px!important;
  height:58px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
}

/* SportMethod: own blue rounded square should nearly fill the frame */
#products .portfolio-tile--sport .portfolio-tile__icon img{
  width:64px!important;
  height:64px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
}

/* Song Gift: keep current final-v1 visual size */
#products .portfolio-tile--song .portfolio-tile__icon img{
  width:56px!important;
  height:56px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:auto!important;
}

/* ===== Tablet / compact desktop ===== */
@media (max-width:1199px){
  #products .portfolio-tile__top{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:15px!important;
    min-height:84px!important;
    margin-bottom:11px!important;
  }

  #products .portfolio-tile__icon{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    flex-basis:64px!important;
  }

  #products .portfolio-tile--persona .portfolio-tile__icon img,
  #products .portfolio-tile--sport .portfolio-tile__icon img{
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
  }

  #products .portfolio-tile--garden .portfolio-tile__icon img{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }

  #products .portfolio-tile--song .portfolio-tile__icon img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
  }

  #products .portfolio-tile__kicker{
    min-height:26px!important;
  }

  #products .portfolio-tile__title h3{
    min-height:48px!important;
  }

  #products .portfolio-tile__desc{
    min-height:72px!important;
  }
}

/* ===== Mobile: stacked cards use natural text height ===== */
@media (max-width:760px){
  #products .portfolio-tile__top{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:0!important;
    margin-bottom:12px!important;
  }

  #products .portfolio-tile__icon{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    min-height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
    flex-basis:60px!important;
  }

  #products .portfolio-tile--persona .portfolio-tile__icon img,
  #products .portfolio-tile--sport .portfolio-tile__icon img{
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
  }

  #products .portfolio-tile--garden .portfolio-tile__icon img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }

  #products .portfolio-tile--song .portfolio-tile__icon img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }

  #products .portfolio-tile__kicker,
  #products .portfolio-tile__title h3,
  #products .portfolio-tile__desc{
    min-height:0!important;
  }

  #products .portfolio-tile__title h3{
    margin-top:3px!important;
  }

  #products .portfolio-tile__desc{
    margin-top:10px!important;
    margin-bottom:14px!important;
  }
}