/* W08.3.15 — Web/CRM Card Final Alignment
 * Locks button baseline, proof visual height, thumbnail visibility and Vietnamese typography.
 */
.wcg-v2 .wcg-business-showcase__grid{
  align-items:stretch;
}

.wcg-v2 .wcg-business-card{
  height:286px!important;
  min-height:286px!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
}

.wcg-v2 .wcg-business-card__copy{
  min-width:0;
  height:100%;
  padding:21px 20px 19px 21px!important;
  justify-content:flex-start!important;
}

.wcg-v2 .wcg-business-card__copy .wcg-eyebrow{
  flex:0 0 auto;
  margin:0 0 3px!important;
}

.wcg-v2 .wcg-business-card__copy h3{
  flex:0 0 auto;
  max-width:355px!important;
  margin:7px 0 10px!important;
  font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.17!important;
  font-weight:750!important;
  letter-spacing:-.016em!important;
  font-synthesis:none!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

.wcg-v2 .wcg-business-card__copy p{
  flex:0 0 auto;
  max-width:350px!important;
  margin:0 0 13px!important;
  font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility!important;
}

/* Both CTAs share one bottom baseline and never touch / clip the card edge. */
.wcg-v2 .wcg-business-card__button{
  flex:0 0 auto;
  margin:auto 0 0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 15px!important;
  align-self:flex-start!important;
}

/* Website proof: enough vertical room to show the browser plus all 3 mini previews. */
.wcg-v2 .wcg-business-card__browser{
  margin:14px 17px 14px 0!important;
  height:258px!important;
  min-height:258px!important;
  align-self:stretch!important;
}
.wcg-v2 .wcg-browser-frame__bar{
  flex:0 0 24px!important;
  height:24px!important;
}
.wcg-v2 .wcg-browser-frame__viewport{
  flex:1 1 auto!important;
  height:171px!important;
  min-height:171px!important;
}
.wcg-v2 .wcg-browser-frame__thumbs{
  flex:0 0 55px!important;
  min-height:55px!important;
  padding:7px!important;
  gap:6px!important;
}
.wcg-v2 .wcg-browser-frame__thumb{
  height:41px!important;
}

/* CRM preview follows exactly the same inner vertical geometry as Website proof. */
.wcg-v2 .wcg-crm-preview--mockup{
  margin:14px 17px 14px 0!important;
  height:258px!important;
  min-height:258px!important;
  align-self:stretch!important;
}

@media (max-width:1199px) and (min-width:1024px){
  .wcg-v2 .wcg-business-card{height:294px!important;min-height:294px!important}
  .wcg-v2 .wcg-business-card__copy h3{font-size:19px!important;max-width:320px!important}
  .wcg-v2 .wcg-business-card__copy p{font-size:10.5px!important}
  .wcg-v2 .wcg-business-card__browser,
  .wcg-v2 .wcg-crm-preview--mockup{height:266px!important;min-height:266px!important}
}

@media (max-width:1023px){
  .wcg-v2 .wcg-business-card{
    height:auto!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
  }
  .wcg-v2 .wcg-business-card__copy{
    height:auto;
    padding:22px 22px 18px!important;
  }
  .wcg-v2 .wcg-business-card__copy h3{max-width:none!important;font-size:21px!important}
  .wcg-v2 .wcg-business-card__copy p{max-width:none!important;font-size:12px!important}
  .wcg-v2 .wcg-business-card__button{margin-top:4px!important}
  .wcg-v2 .wcg-business-card__browser,
  .wcg-v2 .wcg-crm-preview--mockup{
    height:auto!important;
    min-height:0!important;
    margin:0 18px 18px!important;
  }
  .wcg-v2 .wcg-browser-frame__viewport{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
}

@media (max-width:767px){
  .wcg-v2 .wcg-business-card__copy{padding:20px 18px 16px!important}
  .wcg-v2 .wcg-business-card__copy h3{font-size:20px!important;line-height:1.2!important}
  .wcg-v2 .wcg-business-card__button{margin-top:3px!important}
  .wcg-v2 .wcg-business-card__browser,
  .wcg-v2 .wcg-crm-preview--mockup{margin:0 14px 14px!important}
  .wcg-v2 .wcg-browser-frame__thumbs{min-height:54px!important}
}