/* WWA calculator Plan Overview + card refresh (wwa-calc-plan-v1.php), pages 184 and 224.
 * Selectors start with "body #wwaCalc" so they outrank the inline style block in the post. */

/* Plan Overview box */
body #wwaCalc .wwa-plan{box-sizing:border-box;width:100%;max-width:100%;margin:1rem 0 1.25rem;padding:18px 18px 16px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04);}
body #wwaCalc .wwa-plan__title{margin:0 0 4px !important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0052CC;}
body #wwaCalc .wwa-plan__lead{margin:0 0 14px !important;font-size:15px;line-height:1.5;color:#0F172A;}
body #wwaCalc .wwa-plan__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:8px;margin:0 0 14px;}
body #wwaCalc .wwa-plan__stat{display:flex;align-items:baseline;gap:8px;padding:10px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;}
body #wwaCalc .wwa-plan__num{font-size:22px;font-weight:800;line-height:1;}
body #wwaCalc .wwa-plan__lbl{font-size:13px;font-weight:600;color:#334155;}
body #wwaCalc .wwa-plan__stat--req .wwa-plan__num{color:#C2410C;}
body #wwaCalc .wwa-plan__stat--rec .wwa-plan__num{color:#0369A1;}
body #wwaCalc .wwa-plan__stat--opt .wwa-plan__num{color:#475569;}
body #wwaCalc .wwa-plan__list{margin:0 0 14px !important;padding:0 !important;list-style:none;counter-reset:wwaplan;}
body #wwaCalc .wwa-plan__item{counter-increment:wwaplan;display:flex;align-items:center;gap:10px;margin:0 !important;padding:8px 0;border-top:1px solid #E2E8F0;font-size:14px;line-height:1.35;color:#0F172A;}
body #wwaCalc .wwa-plan__item:first-child{border-top:0;}
body #wwaCalc .wwa-plan__item::before{content:counter(wwaplan);flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#E2E8F0;color:#334155;font-size:12px;font-weight:700;line-height:22px;text-align:center;}
body #wwaCalc .wwa-plan__name{flex:1 1 auto;min-width:0;font-weight:600;}
body #wwaCalc .wwa-plan__chip{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;}
body #wwaCalc .wwa-plan__facts{display:grid;gap:10px;padding-top:12px;border-top:1px solid #E2E8F0;}
body #wwaCalc .wwa-plan__fact{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;}
body #wwaCalc .wwa-plan__k{font-weight:700;color:#0F172A;}
body #wwaCalc .wwa-plan__v{color:#334155;}
body #wwaCalc a.wwa-plan__link{display:inline-block;padding:14px 0;margin:-14px 0;color:#0369A1;font-weight:600;text-decoration:underline;text-underline-offset:2px;}

/* Tier and cost badges (plan list chips + card tags share colors) */
body #wwaCalc .wwa-plan__chip--req, body #wwaCalc .wwa-plan-tag--req{background:#FFF1EC;color:#C2410C;}
body #wwaCalc .wwa-plan__chip--rec, body #wwaCalc .wwa-plan-tag--rec{background:#E0F2FE;color:#075985;}
body #wwaCalc .wwa-plan__chip--opt, body #wwaCalc .wwa-plan-tag--opt{background:#F1F5F9;color:#475569;}
body #wwaCalc .wwa-plan-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;}
body #wwaCalc .wwa-plan-tag{display:inline-flex;align-items:center;min-height:24px;box-sizing:border-box;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.3;text-transform:uppercase;}
body #wwaCalc .wwa-plan-tag--cost{background:#fff;color:#334155;border:1px solid #CBD5E1;letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600;}

/* Stage cards: 1px slate border + soft shadow instead of the heavy colored left border */
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product{border:1px solid #E2E8F0;border-left:1px solid #E2E8F0;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.05);padding:16px;gap:12px;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head{display:flex;align-items:center;gap:12px;margin:0 0 10px;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__visual{flex:0 0 48px;width:48px;height:48px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#F8FAFC;border:1px solid #E2E8F0;overflow:hidden;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__visual--icon{background:#EFF6FF;border-color:#DBEAFE;color:#0052CC;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__visual img{max-width:42px;max-height:42px;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__visual--icon svg{width:24px;height:24px;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__name{margin:0;font-size:16px;line-height:1.3;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__head .wwa-product__sub{margin:3px 0 0;font-size:11.5px;letter-spacing:.03em;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__reason{display:block;margin:0 0 8px;padding:0;background:none;border-radius:0;font-size:13.5px;font-weight:600;line-height:1.45;color:#334155;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product__sizing{display:inline-flex;align-items:center;align-self:flex-start;margin:0 0 10px;padding:3px 10px;border-radius:999px;background:#F0F9FF;border:1px solid #BAE6FD;color:#075985;font-size:12.5px;font-weight:600;line-height:1.35;}
body #wwaCalc #wwaResultsBody .wwa-products .wwa-product a.wwa-btn--cta{min-height:44px;}

/* Calculator action bar: drop the reserved height of the empty share message. */
body #wwaCalc .wwa-share-msg:empty{min-height:0;margin-top:0;}

/* Homepage only: remove the stacked gap between the calculator and the Symptom and Treatment Matrix on phones. */
@media (max-width:640px){
  body #wwaHome #water-calculator{padding-bottom:16px;}
  body #wwaHome #water-calculator + .wwa-zone-white{padding-top:32px;}
  body #wwaHome #water-calculator + .wwa-zone-white .wwa-cheatsheet-section{margin-top:0;}
  body #wwaCalc .wwa-plan{padding:14px 14px 12px;}
  body #wwaCalc .wwa-plan__fact{grid-template-columns:1fr;gap:2px;}
}

@media print{
  body #wwaCalc .wwa-plan, body #wwaCalc #wwaResultsBody .wwa-products .wwa-product{box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
  body #wwaCalc .wwa-plan, body #wwaCalc .wwa-plan *{visibility:visible;}
  body #wwaCalc .wwa-plan__chip, body #wwaCalc .wwa-plan-tag, body #wwaCalc .wwa-plan__num{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  body #wwaCalc a.wwa-plan__link{display:none;}
}

/* ---------- v2 "Dad User" fixes (WWA_CALC_PLAN_V2, preview ?wwa_calcplan_v2=1). JS adds .wwa-plan-v2 to #wwaCalc. ---------- */
/* 1. Step 3 left empty: one calm notice, no grey "Not tested" pills or dashes. */
body #wwaCalc.wwa-plan-v2 .wwa-dx-notice{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px !important;padding:12px 14px;border:1px solid #BAE6FD;border-radius:10px;background:#F0F9FF;color:#0C4A6E;font-size:14px;line-height:1.5;}
body #wwaCalc.wwa-plan-v2 .wwa-dx-notice::before{content:"i";flex:0 0 20px;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#0284C7;color:#fff;font:700 12px/20px Georgia,serif;text-align:center;}
body #wwaCalc.wwa-plan-v2 .wwa-dx--untested .wwa-dx__status,
body #wwaCalc.wwa-plan-v2 .wwa-dx--untested .wwa-dx__val--empty,
body #wwaCalc.wwa-plan-v2 .wwa-dx--untested .wwa-dx__sub{display:none !important;}
/* 2. Softener tile instruction: sentence-sized, not the big metric number. */
body #wwaCalc.wwa-plan-v2 .wwa-dx__metric-value.wwa-dx__metric-value--cta{font-size:14px !important;line-height:1.4 !important;font-weight:700;color:#0369A1;white-space:normal;}
body #wwaCalc.wwa-plan-v2 .wwa-dx__metric-note:empty{display:none;}
/* 4. Jargon: dotted-underline abbreviations (hover tooltip) + visible helper lines. */
body #wwaCalc.wwa-plan-v2 abbr.wwa-jargon{text-decoration:underline dotted;text-decoration-color:#94A3B8;text-underline-offset:3px;cursor:help;border:0;}
body #wwaCalc.wwa-plan-v2 .wwa-jargon-help{display:block;margin:6px 0 0;font-size:12px;font-weight:500;line-height:1.4;color:#64748B;letter-spacing:0;text-transform:none;}
body #wwaCalc.wwa-plan-v2 .wwa-jargon-help strong{font-weight:700;color:#475569;}
body #wwaCalc.wwa-plan-v2 .wwa-products .wwa-product__body > .wwa-jargon-help{margin:-4px 0 10px;}
@media print{
  body #wwaCalc.wwa-plan-v2 abbr.wwa-jargon{text-decoration:none;}
  body #wwaCalc.wwa-plan-v2 .wwa-dx-notice{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* ---------- Results cleanup (WWA_CALC_CLEAN, preview ?wwa_calcclean=1). JS adds .wwa-plan-clean to #wwaCalc. ---------- */
/* One affiliate line above the product cards. */
body #wwaCalc.wwa-plan-clean p.wwa-plan-disclosure{margin:0 0 10px !important;font-size:12px;line-height:1.45;color:#64748B;}
/* Compact stage cards: icon, title, equipment + stage, status badge, CTA. Detail lines stay in print. */
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products{margin-top:0;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product{padding:14px 16px;gap:12px;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product__head{margin:0 0 10px;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-plan-tags{margin:0;}
@media screen{
  body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product__pros,
  body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product__reason,
  body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product__sizing,
  body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-jargon-help{display:none !important;}
}
/* Step 0: intro line, then "DIY screening" / "Certified testing" as list items with the label on its own line. */
body #wwaCalc.wwa-plan-clean .wwa-step0 p.wwa-step0__text{margin:0 0 .5rem !important;}
body #wwaCalc.wwa-plan-clean .wwa-step0 ul.wwa-step0__list--clean{margin:0 0 .6rem !important;padding:0 !important;list-style:none;}
body #wwaCalc.wwa-plan-clean .wwa-step0 ul.wwa-step0__list--clean li{position:relative;margin:0 0 .5rem !important;padding:0 0 0 16px;font-size:14px;line-height:1.55;color:#334155;overflow-wrap:anywhere;}
body #wwaCalc.wwa-plan-clean .wwa-step0 ul.wwa-step0__list--clean li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:#0284C7;}
body #wwaCalc.wwa-plan-clean .wwa-step0 ul.wwa-step0__list--clean li strong{display:block;color:#0F172A;}
body #wwaCalc.wwa-plan-clean .wwa-step0 p.wwa-step0__more{margin:0 0 .75rem !important;font-size:13.5px;line-height:1.55;color:#475569;}

/* SaaS polish (2026-11-08, part of WWA_CALC_CLEAN): slate canvas, white elevated cards, soft bordered badges, 8px controls. */
body #wwaCalc.wwa-plan-clean .wwa-calc__results{background:#F8FAFC;}
body #wwaCalc.wwa-plan-clean .wwa-plan{background:#FFFFFF;box-shadow:0 1px 3px rgba(15,23,42,.05);border-radius:12px;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.05);}
body #wwaCalc.wwa-plan-clean .wwa-plan-tag,
body #wwaCalc.wwa-plan-clean .wwa-plan__chip{border:1px solid transparent;}
body #wwaCalc.wwa-plan-clean .wwa-plan-tag--req, body #wwaCalc.wwa-plan-clean .wwa-plan__chip--req{background:#FEF2F2;color:#DC2626;border-color:#FCA5A5;}
body #wwaCalc.wwa-plan-clean .wwa-plan-tag--rec, body #wwaCalc.wwa-plan-clean .wwa-plan__chip--rec{background:#EFF6FF;color:#2563EB;border-color:#BFDBFE;}
body #wwaCalc.wwa-plan-clean .wwa-plan-tag--opt, body #wwaCalc.wwa-plan-clean .wwa-plan__chip--opt,
body #wwaCalc.wwa-plan-clean .wwa-plan-tag--cost{background:#F8FAFC;color:#475569;border-color:#E2E8F0;}
body #wwaCalc.wwa-plan-clean .wwa-plan__stat--req .wwa-plan__num{color:#DC2626;}
body #wwaCalc.wwa-plan-clean .wwa-plan__stat--rec .wwa-plan__num{color:#2563EB;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product a.wwa-btn--cta{border-radius:8px;}
@media print{
  body #wwaCalc.wwa-plan-clean .wwa-calc__results{background:none;}
  body #wwaCalc.wwa-plan-clean .wwa-plan, body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-products .wwa-product{box-shadow:none;}
}
/* Step 0 buttons (strips, lab, bacteria kit) match the 8px controls. */
body #wwaCalc.wwa-plan-clean .wwa-step0 a.wwa-step0__btn{border-radius:8px;}

/* Radon line under Step 0 (window.wwaRadonLink, wwa-radon-map.php). */
#wwaCalc .wwa-step0 p.wwa-step0__radon{margin:8px 0 12px !important;font-size:14px;line-height:1.5;color:#475569;}
#wwaCalc .wwa-step0 p.wwa-step0__radon a{font-weight:600;padding:14px 0;margin:-14px 0;}

/* ---------- Complete System Bundle (WWA_CALC_BUNDLE, preview ?wwa_calcbundle=1). JS adds .wwa-plan-bundle to #wwaCalc. ---------- */
/* Featured card first in the results; the flow is a vertical numbered list on phones and a row
   when the card is wide enough (container query, so 184, the homepage column and the embed all fit).
   Connectors are CSS lines + chevrons only (no text arrows). */
body #wwaCalc #wwaResultsBody .wwa-bundle-hide{display:none !important;}
body #wwaCalc #wwaResultsBody .wwa-bundle{box-sizing:border-box;width:100%;max-width:100%;container-type:inline-size;margin:0 0 1.5rem;padding:20px 20px 18px;background:#FFFFFF;border:1px solid #BFDBFE;border-top:4px solid #2563EB;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.05),0 10px 24px -14px rgba(37,99,235,.35);text-align:left;}
body #wwaCalc #wwaResultsBody .wwa-bundle p.wwa-bundle__eyebrow{margin:0 0 4px !important;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:#2563EB;}
body #wwaCalc #wwaResultsBody .wwa-bundle h3.wwa-bundle__title{margin:0 0 6px !important;padding:0;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:#0F172A;text-align:left;}
body #wwaCalc #wwaResultsBody .wwa-bundle p.wwa-bundle__lead{margin:0 0 16px !important;font-size:15px;line-height:1.5;color:#334155;}

body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:0 0 16px !important;padding:0 !important;list-style:none;}
body #wwaCalc #wwaResultsBody .wwa-bundle li.wwa-bundle__step{position:relative;display:flex;align-items:center;gap:12px;min-width:0;margin:0 !important;padding:10px 12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;}
body #wwaCalc #wwaResultsBody .wwa-bundle li.wwa-bundle__step::before{content:none;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__num{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#2563EB;color:#FFFFFF;font-size:14px;font-weight:700;line-height:28px;text-align:center;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__txt{display:block;min-width:0;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__name{display:block;font-size:14.5px;font-weight:700;line-height:1.3;color:#0F172A;overflow-wrap:anywhere;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__tier{display:block;margin-top:2px;font-size:12px;font-weight:600;line-height:1.3;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__tier--req{color:#DC2626;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__tier--rec{color:#2563EB;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__tier--opt{color:#475569;}
/* Vertical connector: a short line in the gap with a down chevron on it, centered under the number. */
body #wwaCalc #wwaResultsBody .wwa-bundle li.wwa-bundle__step:not(:last-child)::before{content:"";position:absolute;left:26px;top:100%;width:2px;height:22px;margin-left:-1px;background:#BFDBFE;}
body #wwaCalc #wwaResultsBody .wwa-bundle li.wwa-bundle__step:not(:last-child)::after{content:"";position:absolute;left:26px;top:calc(100% + 7px);width:7px;height:7px;margin-left:-5px;border-right:2px solid #2563EB;border-bottom:2px solid #2563EB;transform:rotate(45deg);}
/* Row layout once there is room for every step (5 steps need more width than 2 to 4). */
@container (min-width:520px){
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow:not(.wwa-bundle__flow--5){grid-template-columns:repeat(var(--wwa-steps,3),minmax(0,1fr));gap:30px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow:not(.wwa-bundle__flow--5) li.wwa-bundle__step{flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 10px;text-align:center;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow:not(.wwa-bundle__flow--5) li.wwa-bundle__step:not(:last-child)::before{left:100%;top:50%;width:30px;height:2px;margin:-1px 0 0;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow:not(.wwa-bundle__flow--5) li.wwa-bundle__step:not(:last-child)::after{left:calc(100% + 15px);top:50%;margin:-5px 0 0 -6px;transform:rotate(-45deg);}
}
@container (min-width:660px){
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow.wwa-bundle__flow--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow.wwa-bundle__flow--5 li.wwa-bundle__step{flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 8px;text-align:center;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow.wwa-bundle__flow--5 li.wwa-bundle__step:not(:last-child)::before{left:100%;top:50%;width:26px;height:2px;margin:-1px 0 0;}
  body #wwaCalc #wwaResultsBody .wwa-bundle ol.wwa-bundle__flow.wwa-bundle__flow--5 li.wwa-bundle__step:not(:last-child)::after{left:calc(100% + 13px);top:50%;margin:-5px 0 0 -6px;transform:rotate(-45deg);}
}

/* Subtle trust line. */
body #wwaCalc #wwaResultsBody .wwa-bundle p.wwa-bundle__trust{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px !important;font-size:13.5px;line-height:1.5;color:#334155;}
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__tick{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#DCFCE7;color:#15803D;font-size:12px;font-weight:800;line-height:20px;text-align:center;}

/* Actions: full-width Amazon-yellow CTA on phones, inline with the pro link when there is room. */
body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;}
body #wwaCalc #wwaResultsBody .wwa-bundle a.wwa-bundle__cta{display:flex;width:100%;min-height:48px;margin:0;padding:12px 18px;font-size:15px;font-weight:700;text-align:center;}
body #wwaCalc.wwa-plan-clean #wwaResultsBody .wwa-bundle a.wwa-bundle__cta{border-radius:8px;}
body #wwaCalc #wwaResultsBody .wwa-bundle p.wwa-bundle__pro{margin:0 !important;font-size:14px;line-height:1.5;color:#475569;text-align:center;}
body #wwaCalc #wwaResultsBody .wwa-bundle a.wwa-bundle__prolink{display:inline-block;padding:14px 0;margin:-14px 0;color:#0369A1;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
@container (min-width:560px){
  body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 20px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle a.wwa-bundle__cta{width:auto;}
  body #wwaCalc #wwaResultsBody .wwa-bundle p.wwa-bundle__pro{text-align:left;}
}

/* Modular note above the stage cards, and a header-safe landing spot for the CTA jump. */
body #wwaCalc #wwaResultsBody p.wwa-bundle-modular{margin:0 0 12px !important;font-size:14px;font-weight:600;line-height:1.5;color:#334155;}
body #wwaCalc.wwa-plan-bundle #wwaProducts{scroll-margin-top:90px;}

@media (max-width:640px){
  body #wwaCalc #wwaResultsBody .wwa-bundle{padding:16px 14px 14px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle h3.wwa-bundle__title{font-size:20px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle a.wwa-bundle__cta{gap:8px;padding:10px 12px;font-size:14px;line-height:1.3;}
}
@media print{
  body #wwaCalc #wwaResultsBody .wwa-bundle{box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
  body #wwaCalc #wwaResultsBody .wwa-bundle, body #wwaCalc #wwaResultsBody .wwa-bundle *{visibility:visible;}
  body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__actions{display:none !important;}
  body #wwaCalc #wwaResultsBody .wwa-bundle .wwa-bundle__num{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* ---------- Bundle dual CTA (WWA_CALC_BUNDLE_DUAL, preview ?wwa_calcbundle2=1). JS adds .wwa-bundle--dual. ---------- */
/* Primary = Amazon-yellow link (cart icon from .wwa-btn--cta); secondary = quiet outline button with a
   sliders icon. Stacked full width up to 600px, side by side when the card has room. */
body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;margin:0;padding:10px 16px;border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;color:#1E40AF;font-size:14px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease;}
body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt::before{content:"";flex-shrink:0;width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4h-7M10 4H3M21 12h-9M8 12H3M21 20h-5M12 20H3M14 2v4M8 10v4M16 18v4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4h-7M10 4H3M21 12h-9M8 12H3M21 20h-5M12 20H3M14 2v4M8 10v4M16 18v4'/%3E%3C/svg%3E") center / contain no-repeat;}
body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt:hover{background:#F8FAFC;border-color:#94A3B8;color:#1E3A8A;}
body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt:focus-visible{outline:2px solid #1E40AF;outline-offset:2px;}
body #wwaCalc #wwaResultsBody .wwa-bundle--dual .wwa-bundle__actions{gap:10px;}
body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt{width:100%;}
@container (min-width:560px){
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual .wwa-bundle__actions{gap:12px;}
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt{width:auto;}
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual p.wwa-bundle__pro{flex-basis:100%;}
}
@media (max-width:600px){
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual .wwa-bundle__actions{flex-direction:column;align-items:stretch;}
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__cta, body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt{width:100%;}
  body #wwaCalc #wwaResultsBody .wwa-bundle--dual a.wwa-bundle__alt{font-size:14px;padding:10px 12px;}
}