/* Gizlen Global — final card contrast and spacing lock, 2026-07-31 */

/* Primary diagnostic cards: one consistent grid gap at every breakpoint. */
body.gg-design-v2 .tool-grid,
body.gg-refined .tool-grid{
  display:grid!important;
  gap:24px!important;
  row-gap:24px!important;
  column-gap:24px!important;
  align-items:stretch!important;
}
body.gg-design-v2 .tool-grid > .tool-card,
body.gg-refined .tool-grid > .tool-card{
  margin:0!important;
  min-width:0!important;
}

/* Restore the intended dark diagnostic card after generic light-card rules. */
body.gg-design-v2 .tool-card.tool-card-dark,
body.gg-refined .tool-card.tool-card-dark{
  background:linear-gradient(145deg,#0b1d30 0%,#112b43 100%)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#f7fafc!important;
  -webkit-text-fill-color:#f7fafc!important;
  box-shadow:0 22px 58px rgba(7,20,35,.18)!important;
}
body.gg-design-v2 .tool-card.tool-card-dark :is(h1,h2,h3,h4,strong,b),
body.gg-refined .tool-card.tool-card-dark :is(h1,h2,h3,h4,strong,b){
  color:#f7fafc!important;
  -webkit-text-fill-color:#f7fafc!important;
  opacity:1!important;
}
body.gg-design-v2 .tool-card.tool-card-dark :is(p,li,.small),
body.gg-refined .tool-card.tool-card-dark :is(p,li,.small){
  color:#d1dce6!important;
  -webkit-text-fill-color:#d1dce6!important;
  opacity:1!important;
}
body.gg-design-v2 .tool-card.tool-card-dark .tool-index,
body.gg-refined .tool-card.tool-card-dark .tool-index{
  color:#55d6bf!important;
  -webkit-text-fill-color:#55d6bf!important;
  opacity:1!important;
}
body.gg-design-v2 .tool-card.tool-card-dark .check-list li::before,
body.gg-refined .tool-card.tool-card-dark .check-list li::before{
  color:#65ddc8!important;
  -webkit-text-fill-color:#65ddc8!important;
}
body.gg-design-v2 .tool-card.tool-card-dark .button-primary,
body.gg-refined .tool-card.tool-card-dark .button-primary{
  background:#43ceb5!important;
  border-color:#43ceb5!important;
  color:#061923!important;
  -webkit-text-fill-color:#061923!important;
}

/* Safari/WebKit-safe pricing cards: preserve the approved light surfaces and readable hierarchy. */
body.gg-design-v2.gg-pricing-page :is(.offer,.brand-price-card,.program-card),
body.gg-refined.gg-pricing-page :is(.offer,.brand-price-card,.program-card){
  background:#fff!important;
  color:#0b1829!important;
  -webkit-text-fill-color:#0b1829!important;
  border-color:#d8e0e3!important;
}
body.gg-design-v2.gg-pricing-page :is(.offer,.brand-price-card,.program-card) :is(h1,h2,h3,h4,.price,.program-price,strong,b),
body.gg-refined.gg-pricing-page :is(.offer,.brand-price-card,.program-card) :is(h1,h2,h3,h4,.price,.program-price,strong,b){
  color:#0b1829!important;
  -webkit-text-fill-color:#0b1829!important;
  opacity:1!important;
}
body.gg-design-v2.gg-pricing-page :is(.offer,.brand-price-card,.program-card) :is(p,li,.offer-note,.program-meta,.small),
body.gg-refined.gg-pricing-page :is(.offer,.brand-price-card,.program-card) :is(p,li,.offer-note,.program-meta,.small){
  color:#4d5d6e!important;
  -webkit-text-fill-color:#4d5d6e!important;
  opacity:1!important;
}
body.gg-design-v2.gg-pricing-page :is(.offer,.brand-price-card,.program-card) .scope-label,
body.gg-refined.gg-pricing-page :is(.offer,.brand-price-card,.program-card) .scope-label{
  color:#176e64!important;
  -webkit-text-fill-color:#176e64!important;
  opacity:1!important;
}
body.gg-design-v2.gg-pricing-page :is(.offer,.brand-price-card,.program-card) .check-list li::before,
body.gg-refined.gg-pricing-page :is(.offer,.brand-price-card,.program-card) .check-list li::before{
  color:#0d7164!important;
  -webkit-text-fill-color:#0d7164!important;
}
body.gg-design-v2.gg-pricing-page :is(.offer.featured,.brand-price-card.featured,.premium-offer,.premium-program-card),
body.gg-refined.gg-pricing-page :is(.offer.featured,.brand-price-card.featured,.premium-offer,.premium-program-card){
  background:linear-gradient(155deg,#fffdfa 0%,#fbf3e4 100%)!important;
  border-color:#d8b465!important;
}

@media(max-width:900px){
  body.gg-design-v2 .tool-grid,
  body.gg-refined .tool-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    row-gap:24px!important;
  }
}