/* InSyncPetz v7.2.19 — How It Works ONLY; never loaded on the homepage/shop.
   Products and prices come from WooCommerce / the configured membership layer. */
.isp-inner-main[data-isp-page="how"] .isp-v7219-choice,
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans {
  margin: clamp(32px, 4vw, 56px) auto 0;
  max-width: 1280px;
  scroll-margin-top: 100px;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-choice {
  padding: clamp(24px, 3.3vw, 44px);
  border: 1px solid #d7e6f7;
  border-radius: 26px;
  background: linear-gradient(125deg, #f1f8ff 0%, #fff 49%, #f4f9ff 100%);
  box-shadow: 0 14px 40px rgba(21, 55, 115, .045);
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-heading > div:first-child {max-width: 640px;min-width: 0;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-eyebrow {
  color: #216abb;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
  font-weight: 850;
  margin: 0 0 10px;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-heading h2,
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation h2,
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans-heading h2 {
  color: #142f63;
  font: 750 clamp(28px, 3vw, 42px)/1.16 Georgia, 'Times New Roman', serif;
  letter-spacing: -.032em;
  margin: 0 0 12px;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-heading p:not(.isp-v7219-eyebrow),
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans-heading p:not(.isp-v7219-eyebrow) {
  color: #4f6788;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-action-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
  width: min(100%, 226px);
  flex: 0 0 auto;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn,
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
  transition: background-color .18s, box-shadow .18s, transform .18s, border-color .18s;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn {
  min-height: 43px;
  padding: 11px 18px;
  border: 1px solid transparent;
}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-primary,
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-button {background: #1369dd;color: #fff;box-shadow: 0 6px 13px rgba(19, 105, 221, .14);}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-primary:hover,
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-button:hover {background: #0b4da7;color: #fff;transform: translateY(-1px);}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-secondary {background: #fff;color: #16559f;border-color: #b9d0ed;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-secondary:hover {background: #e8f2ff;color: #174478;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-outline {background: transparent;color: #245484;border-color: #d3e1f2;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-btn-outline:hover {background: #fff;border-color: #92b6df;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-products {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product {min-width: 0;display: flex;flex-direction: column;border: 1px solid #dee9f6;background: #fff;border-radius: 18px;overflow: hidden;box-shadow: 0 3px 9px rgba(26, 70, 128, .04);}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-media {display: flex;align-items: center;justify-content: center;padding: 16px;background: #f5f9ff;height: 198px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-media img {width: 100%!important;height: 100%!important;max-width: 100%!important;object-fit: contain!important;object-position: center!important;margin: 0!important;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-copy {display: flex;flex: 1;flex-direction: column;gap: 8px;padding: 16px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product h3 {font-size: 16px;line-height: 1.3;margin: 0;color: #142f63;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product h3 a {color: inherit;text-decoration: none;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product p {font-size: 12px;line-height: 1.6;color: #61758e;margin: 0;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-price {font-size: 17px;line-height: 1.4;font-weight: 800;color: #12366c;margin-top: auto;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-price ins {text-decoration: none;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-price del {opacity: .62;font-size: 13px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-product-button {margin-top: 6px;min-height: 40px;padding: 9px 11px;text-align: center;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-selection-note {font-size: 12px;color: #687c96;margin: 19px 0 0;text-align: center;line-height: 1.5;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-empty,
.isp-inner-main[data-isp-page="how"] .isp-v7219-no-plans {border: 1px dashed #b9cde5;border-radius: 16px;padding: 24px;color: #49627f;background: #fff;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-empty strong,
.isp-inner-main[data-isp-page="how"] .isp-v7219-no-plans strong {color: #133770;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-empty p,
.isp-inner-main[data-isp-page="how"] .isp-v7219-no-plans p {margin: 8px 0 0;font-size: 14px;line-height: 1.65;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation {display: flex;align-items: center;gap: 26px;max-width: 1280px;padding: clamp(24px,3vw,38px);margin: 20px auto 0;background: linear-gradient(115deg,#112f67,#16488d);border-radius: 22px;color: #fff;scroll-margin-top: 100px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation-icon {display: grid;place-items: center;border-radius: 19px;background: rgba(255,255,255,.12);width: 82px;height: 82px;flex: 0 0 82px;color: #fff;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation-icon svg {width: 45px;height: 45px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation .isp-v7219-eyebrow {color: #b4dfff;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation h2 {font-size: clamp(25px,2.5vw,34px);color: #fff;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation p:not(.isp-v7219-eyebrow) {font-size: 14px;line-height: 1.7;max-width: 900px;color: #d7e8ff;margin: 0;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation-link {display: inline-flex;margin-top: 15px;color: #fff;font-size: 14px;font-weight: 800;gap: 10px;text-decoration: underline;text-underline-offset: 4px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans {padding-bottom: 30px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans-heading {display: flex;justify-content: space-between;align-items: end;gap: 20px;margin-bottom: 22px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans-heading > div {max-width: 710px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plans-label {padding: 9px 13px;border-radius: 999px;background: #eaf4fe;color: #2d6199;font-size: 12px;font-weight: 750;white-space: nowrap;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 13px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan {display: flex;flex-direction: column;min-width: 0;padding: 24px 20px;border-radius: 17px;border: 1px solid #d7e4f2;background: #fff;box-shadow: 0 7px 26px rgba(21,58,117,.052);}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan h3 {font: 750 22px/1.2 Georgia,serif;color: #102e67;margin: 0 0 12px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-price {font-weight: 800;font-size: 18px;color: #0e5ebf;line-height: 1.45;overflow-wrap: anywhere;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-price .woocommerce-Price-amount {font-weight: inherit;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan p {font-size: 13px;line-height: 1.6;color: #587088;margin: 13px 0;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan ul {margin: 15px 0;padding: 0;list-style: none;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan li {font-size: 12px;line-height: 1.55;padding: 3px 0 3px 20px;position: relative;color: #435e7d;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan li::before {content: '✓';position: absolute;left: 0;color: #1376c8;font-weight: 800;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-foot {border-top: 1px solid #e5ecf6;margin-top: auto;padding-top: 17px;font-size: 12px;font-weight: 750;color: #5a7594;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note {border: 1px solid #d7e5f4;border-radius: 15px;overflow: hidden;background: #f5faff;margin-top: 18px;color: #3e5e82;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note summary {display: flex;justify-content: space-between;gap: 14px;align-items: center;cursor: pointer;padding: 18px 21px;color: #143770;font-weight: 800;font-size: 14px;list-style: none;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note summary::-webkit-details-marker {display: none;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note[open] summary span {transform: rotate(45deg);}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note > div {padding: 0 21px 19px;max-width: 1000px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-billing-note p {font-size: 13px;line-height: 1.7;margin: 0 0 9px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-admin-hint {margin: 15px 0 0;color: #7b6334;font-size: 12px;line-height: 1.6;}
/* Extend the already-approved journey/onboarding sections with small CTA groups. */
.isp-inner-main[data-isp-page="how"] .isp-v7219-journey-actions {display: flex;justify-content: flex-end;align-items: center;gap: 13px;flex-wrap: wrap;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-journey-secondary {color: #1d5699;font-size: 13px;font-weight: 800;text-decoration: none;padding: 8px 2px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-journey-secondary:hover {text-decoration: underline;text-underline-offset: 4px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-onboarding-actions {display:flex;align-items:center;justify-content: flex-end;gap: 12px;flex: 0 0 auto;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-onboarding-compare {font-size: 13px;font-weight: 800;color: #16559f;white-space: nowrap;}
@media(max-width: 1020px) {
 .isp-inner-main[data-isp-page="how"] .isp-v7219-products {grid-template-columns: repeat(2,minmax(0,1fr));}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-plan-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-heading {align-items: stretch;flex-direction: column;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-action-list {flex-direction: row;width: 100%;flex-wrap: wrap;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-action-list .isp-v7219-btn {flex: 1 1 165px;}
}
@media(max-width: 630px) {
 .isp-inner-main[data-isp-page="how"] .isp-v7219-choice {padding: 19px;border-radius: 19px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-products,
 .isp-inner-main[data-isp-page="how"] .isp-v7219-plan-grid {grid-template-columns: minmax(0,1fr);}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-product {display: grid;grid-template-columns: 120px minmax(0,1fr);}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-product-media {height: 100%;min-height: 165px;padding: 7px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-product-copy {padding: 14px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-action-list {flex-direction: column;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-action-list .isp-v7219-btn {flex: initial;width: 100%;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-activation {align-items: flex-start;gap: 15px;padding: 23px 19px;border-radius: 18px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-activation-icon {width: 45px;height: 45px;flex-basis: 45px;border-radius: 12px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-activation-icon svg {width: 29px;height: 29px;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-plans-heading {align-items: flex-start;flex-direction: column;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-plans-label {white-space: normal;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-journey-actions,
 .isp-inner-main[data-isp-page="how"] .isp-v7219-onboarding-actions {align-items:stretch;justify-content: flex-start;flex-direction: column;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-onboarding-compare {text-align:center;}
}
@media(prefers-reduced-motion:reduce){
 .isp-inner-main[data-isp-page="how"] .isp-v7219-btn,
 .isp-inner-main[data-isp-page="how"] .isp-v7219-product-button {transition:none;transform:none!important;}
}

/* v7.2.20: action surfaces, scoped strictly to How It Works. */
.isp-inner-main[data-isp-page="how"] .isp-v7220-plans-cta {flex:0 0 auto;min-width:190px;text-align:center;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-foot .isp-v7219-plan-action {display:flex;min-height:43px;align-items:center;justify-content:center;gap:9px;padding:10px 13px;border:1px solid #1369dd;border-radius:14px;background:#1369dd;color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:800;line-height:1.35;transition:background-color .16s,transform .16s;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-action:hover {background:#0b4da7;color:#fff;transform:translateY(-1px);}
.isp-inner-main[data-isp-page="how"] .isp-v7220-empty-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center;}
.isp-inner-main[data-isp-page="how"] .isp-v7220-empty-actions .isp-v7219-btn {min-width:180px;}
.isp-inner-main[data-isp-page="how"] .isp-v7219-activation-link.isp-v7220-muted-link {font-size:12px;font-weight:650;margin-left:16px;color:#d7e8ff;}
@media (max-width:630px) {
 .isp-inner-main[data-isp-page="how"] .isp-v7220-plans-cta {width:100%;}
 .isp-inner-main[data-isp-page="how"] .isp-v7220-empty-actions {flex-direction:column;align-items:stretch;}
 .isp-inner-main[data-isp-page="how"] .isp-v7219-activation-link.isp-v7220-muted-link {margin-left:0;display:flex;}
}
@media(prefers-reduced-motion:reduce){.isp-inner-main[data-isp-page="how"] .isp-v7219-plan-foot .isp-v7219-plan-action{transition:none;transform:none!important;}}

/* v7.2.21 - public, sign-in-free plan comparison link. */
.isp-inner-main[data-isp-page="how"] .isp-v7221-pricing-link{margin:0 0 18px!important;font-size:14px!important;}
.isp-inner-main[data-isp-page="how"] .isp-v7221-pricing-link a{color:#0b5bbd!important;font-weight:850!important;text-decoration:underline!important;text-underline-offset:4px!important;}