/* W08.2 — Live Preview QA & Responsive Fix Pack. Loaded last, fully scoped. */
.wcg-v2 .wcg-header{z-index:1000}
.wcg-v2 .wcg-mega{z-index:1010}
.wcg-v2 .wcg-drawer-backdrop{z-index:1090}
.wcg-v2 .wcg-drawer{z-index:1100}
.wcg-v2 :where(.wcg-browser-frame,.wcg-project-card,.wcg-case-card-v2,.wcg-product-card,.wcg-insight-card){overflow:hidden}
.wcg-v2 :where(.wcg-featured-projects__empty,.wcg-case-results__empty,.wcg-product-lab__empty){max-width:820px;margin-inline:auto;border-radius:20px}
.wcg-v2 :where(.wcg-featured-projects__empty,.wcg-case-results__empty,.wcg-product-lab__empty) span{max-width:620px}
.wcg-v2 .wcg-crm-preview__title i{white-space:nowrap}
.wcg-v2 .wcg-business-card__fallback{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
.wcg-v2 .wcg-business-card__fallback span{max-width:360px}

/* Prevent tall empty rails and awkward orphan controls at tablet widths. */
@media(max-width:1023px){
  .wcg-v2 :where(.wcg-featured-projects__empty,.wcg-case-results__empty,.wcg-product-lab__empty){padding:28px 24px}
  .wcg-v2 .wcg-business-card__fallback{min-height:260px}
}

/* Live mobile QA: rails stay inside viewport while preserving native snap. */
@media(max-width:767px){
  .wcg-v2 :where(.wcg-featured-projects__grid.wcg-snap,.wcg-case-results__grid.wcg-snap,.wcg-product-lab__grid.wcg-snap,.wcg-insights__grid.wcg-snap){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .wcg-v2 :where(.wcg-project-card__shot,.wcg-business-card__browser,.wcg-crm-preview){max-width:100%}
  .wcg-v2 .wcg-crm-preview__title{gap:10px}
  .wcg-v2 .wcg-crm-preview__title i{font-size:10px}
}
@media(max-width:430px){
  .wcg-v2 .wcg-topbar__meta{display:none}
  .wcg-v2 .wcg-topbar__inner{justify-content:center}
  .wcg-v2 .wcg-business-card__fallback{min-height:220px;padding:24px 18px}
  .wcg-v2 :where(.wcg-featured-projects__empty,.wcg-case-results__empty,.wcg-product-lab__empty){padding:24px 18px;border-radius:16px}
}
@media(max-width:390px){
  .wcg-v2 .wcg-topbar__contact{gap:7px;font-size:11px}
  .wcg-v2 .wcg-topbar__contact a{white-space:nowrap}
  .wcg-v2 .wcg-crm-preview__title{align-items:flex-start;flex-direction:column}
}
@media(max-width:375px){
  .wcg-v2 .wcg-topbar__contact span[aria-hidden="true"]{display:none}
  .wcg-v2 .wcg-topbar__contact{flex-wrap:wrap;justify-content:center;row-gap:2px}
  .wcg-v2 :where(.wcg-project-card__body,.wcg-case-card-v2,.wcg-product-card){overflow-wrap:anywhere}
}