/* system-designer-modern-ui.css */

body.page-id-6353 #ww-system-simulator{
  --ww-ink:#f7fafb;
  --ww-muted:#c8d6dc;
  --ww-line:rgba(255,255,255,.18);
  --ww-panel:#171c20;
  --ww-panel-2:#20272c;
  --ww-blue:#168ad1;
  --ww-orange:#ef6b2e;
  --ww-orange-soft:#ff9a45;
  max-width:960px;
  margin:30px auto 44px;
  padding:clamp(18px,3vw,32px);
  border:1px solid #df6b2e;
  border-radius:24px;
  background:linear-gradient(145deg,#101316 0%,#1b2024 64%,#2b160d 100%)!important;
  color:var(--ww-ink)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.28);
  font-family:inherit;
  box-sizing:border-box;
}
body.page-id-6353 #ww-system-simulator *{box-sizing:border-box}
body.page-id-6353 #ww-system-simulator .ww-sim-intro{
  width:100%;
  box-sizing:border-box;
  margin:0 auto 24px;
  text-align:center;
  padding:clamp(24px,4vw,38px);
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:linear-gradient(135deg,#0e1114 0%,#173341 72%,#214e62 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
}
body.page-id-6353 #ww-system-simulator .ww-sim-intro:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--ww-orange),var(--ww-orange-soft),var(--ww-blue));
}
body.page-id-6353 #ww-system-simulator h2,
body.page-id-6353 #ww-system-simulator h3,
body.page-id-6353 #ww-system-simulator h4,
body.page-id-6353 #ww-system-simulator legend{
  color:#fff!important;
  text-shadow:0 2px 3px rgba(0,0,0,.55)!important;
}
body.page-id-6353 #ww-system-simulator .ww-sim-intro h2{
  margin:0 auto 12px!important;
  text-align:center!important;
  font-size:clamp(2rem,4.4vw,3rem)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}
body.page-id-6353 #ww-system-simulator .ww-sim-intro>p{
  max-width:760px;
  margin:0 auto 20px!important;
  color:#eaf3f6!important;
  font-size:18px!important;
  line-height:1.6!important;
  text-align:center;
}
body.page-id-6353 #ww-system-simulator .ww-diagram{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff!important;
}
body.page-id-6353 #ww-system-simulator .ww-diagram span{
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  font-weight:750;
}
body.page-id-6353 #ww-system-simulator .ww-diagram b{color:var(--ww-orange-soft)!important}
body.page-id-6353 #ww-system-simulator .ww-mode-switch{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,220px));
  justify-content:center;
  gap:10px;
  margin:0 auto 24px;
  padding:6px;
  border:1px solid var(--ww-line);
  border-radius:16px;
  background:#0f1417!important;
}
body.page-id-6353 #ww-system-simulator .ww-mode-switch button{
  min-height:48px;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#d6e2e7!important;
  font-size:17px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.page-id-6353 #ww-system-simulator .ww-mode-switch button[aria-pressed="true"]{
  border-color:var(--ww-orange)!important;
  background:linear-gradient(180deg,#ef6b2e,#b84418)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(239,107,46,.25)!important;
}
body.page-id-6353 #ww-system-simulator .ww-builder-step,
body.page-id-6353 #ww-system-simulator .ww-equipment-step,
body.page-id-6353 #ww-system-simulator .ww-hose-step,
body.page-id-6353 #ww-system-simulator .ww-fitting-step,
body.page-id-6353 #ww-system-simulator .ww-route-step,
body.page-id-6353 #ww-system-simulator .ww-results,
body.page-id-6353 #ww-system-simulator .ww-sample-options,
body.page-id-6353 #ww-system-simulator .ww-pump-quantity-panel,
body.page-id-6353 #ww-system-simulator .ww-qualified-pumps{
  margin:18px 0;
  padding:clamp(20px,3vw,30px);
  border:1px solid var(--ww-line)!important;
  border-radius:18px;
  background:linear-gradient(160deg,#1a2024,#101416)!important;
  color:var(--ww-ink)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.2)!important;
}
body.page-id-6353 #ww-system-simulator h3{
  margin:0 0 8px!important;
  font-size:clamp(1.35rem,3vw,2rem)!important;
  line-height:1.18!important;
  letter-spacing:-.02em;
}
body.page-id-6353 #ww-system-simulator p,
body.page-id-6353 #ww-system-simulator span,
body.page-id-6353 #ww-system-simulator summary,
body.page-id-6353 #ww-system-simulator label{
  color:#e7eef1!important;
}
body.page-id-6353 #ww-system-simulator .ww-builder-step>p,
body.page-id-6353 #ww-system-simulator .ww-equipment-step>p,
body.page-id-6353 #ww-system-simulator .ww-route-step>p{
  margin:0 0 18px!important;
  color:var(--ww-muted)!important;
  font-size:17px!important;
  line-height:1.55!important;
}
body.page-id-6353 #ww-system-simulator .ww-field,
body.page-id-6353 #ww-system-simulator label{
  color:#f2f6f8!important;
  font-weight:800!important;
  line-height:1.4;
}
body.page-id-6353 #ww-system-simulator input:not([type="hidden"]),
body.page-id-6353 #ww-system-simulator select,
body.page-id-6353 #ww-system-simulator textarea{
  width:100%;
  min-height:50px;
  margin-top:7px;
  padding:11px 13px;
  border:2px solid #91a8b3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#102832!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.35!important;
  box-shadow:inset 0 1px 2px rgba(16,40,50,.06)!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}

body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump{color:#102832!important}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump>strong{
  color:#102832!important;
  font-size:clamp(24px,3vw,30px)!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump label{
  color:#102832!important;
  font-size:17px!important;
  font-weight:850!important;
}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump label:has(#ww-guided-custom-flow)::before,
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump label:has(#ww-guided-custom-psi)::before{
  display:inline-flex;
  align-self:flex-start;
  margin-bottom:2px;
  padding:4px 9px;
  border-radius:999px;
  background:#102832;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.06em;
}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump label:has(#ww-guided-custom-flow)::before{content:"FLOW • GPM"}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump label:has(#ww-guided-custom-psi)::before{content:"PRESSURE • PSI"}
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump>small{
  color:#36515f!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
body.page-id-6353 #ww-system-simulator input:hover,
body.page-id-6353 #ww-system-simulator select:hover,
body.page-id-6353 #ww-system-simulator textarea:hover{border-color:var(--ww-orange)!important}
body.page-id-6353 #ww-system-simulator input:focus,
body.page-id-6353 #ww-system-simulator select:focus,
body.page-id-6353 #ww-system-simulator textarea:focus{
  outline:0!important;
  border-color:var(--ww-blue)!important;
  box-shadow:0 0 0 4px rgba(22,138,209,.25)!important;
}
body.page-id-6353 #ww-system-simulator .ww-sim-grid,
body.page-id-6353 #ww-system-simulator .ww-route-grid,
body.page-id-6353 #ww-system-simulator .ww-loop-counts,
body.page-id-6353 #ww-system-simulator .ww-source-grid,
body.page-id-6353 #ww-system-simulator .ww-option-grid,
body.page-id-6353 #ww-system-simulator .ww-pick-grid,
body.page-id-6353 #ww-system-simulator .ww-equipment-grid,
body.page-id-6353 #ww-system-simulator .ww-fitting-grid{gap:14px!important}
body.page-id-6353 #ww-system-simulator .ww-source-pick,
body.page-id-6353 #ww-system-simulator .ww-option-card,
body.page-id-6353 #ww-system-simulator .ww-pick,
body.page-id-6353 #ww-system-simulator .ww-hose-pick,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick,
body.page-id-6353 #ww-system-simulator .ww-qualified-pump-card{
  min-height:118px;
  border:2px solid rgba(255,255,255,.2)!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#252d32,#171c20)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
body.page-id-6353 #ww-system-simulator .ww-source-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-option-card:hover,
body.page-id-6353 #ww-system-simulator .ww-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-hose-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick:hover{
  transform:translateY(-2px);
  border-color:var(--ww-orange)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.3)!important;
}
body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-source-pick,
body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-option-card,
body.page-id-6353 #ww-system-simulator .ww-pick[aria-pressed="true"]{
  border-color:var(--ww-blue)!important;
  background:linear-gradient(155deg,#123f57,#17252d)!important;
  box-shadow:0 0 0 4px rgba(22,138,209,.2)!important;
}
body.page-id-6353 #ww-system-simulator button{min-height:46px;border-radius:11px!important;font-size:17px!important;font-weight:850!important}
body.page-id-6353 #ww-system-simulator #ww-confirm-source,
body.page-id-6353 #ww-system-simulator #ww-calculate-route,
body.page-id-6353 #ww-system-simulator .ww-tip-action,
body.page-id-6353 #ww-system-simulator .ww-sim-report-button{
  padding:12px 18px!important;
  border:1px solid #56b7ee!important;
  background:linear-gradient(180deg,#1596dc,#0878bd)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(8,120,189,.26)!important;
  text-shadow:none!important;
}
body.page-id-6353 #ww-system-simulator #ww-confirm-source:hover,
body.page-id-6353 #ww-system-simulator #ww-calculate-route:hover,
body.page-id-6353 #ww-system-simulator .ww-tip-action:hover,
body.page-id-6353 #ww-system-simulator .ww-sim-report-button:hover{background:#066da9!important;transform:translateY(-1px)}
body.page-id-6353 #ww-system-simulator .ww-reset{background:#241712!important;color:#ffd6c3!important;border:2px solid #df7547!important}
body.page-id-6353 #ww-system-simulator button:focus-visible,
body.page-id-6353 #ww-system-simulator a:focus-visible{outline:3px solid var(--ww-orange-soft)!important;outline-offset:3px!important}
body.page-id-6353 #ww-system-simulator .ww-capacity-summary,
body.page-id-6353 #ww-system-simulator .ww-smart-tip,
body.page-id-6353 #ww-system-simulator .ww-sim-note,
body.page-id-6353 #ww-system-simulator .ww-extra-capacity,
body.page-id-6353 #ww-system-simulator .ww-pump-math{
  padding:16px 18px;
  border:1px solid rgba(86,183,238,.38)!important;
  border-left:5px solid var(--ww-blue)!important;
  border-radius:10px;
  background:#102936!important;
  color:#eaf6fb!important;
}
body.page-id-6353 #ww-system-simulator .ww-result,
body.page-id-6353 #ww-system-simulator .ww-metric{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  background:linear-gradient(155deg,#232b30,#151a1d)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
body.page-id-6353 #ww-system-simulator .ww-result.good{border-color:rgba(72,190,116,.55)!important}
body.page-id-6353 #ww-system-simulator .ww-status.good,
body.page-id-6353 #ww-system-simulator .ww-pump-pass{color:#79e59e!important;font-weight:850!important}
body.page-id-6353 #ww-system-simulator .ww-pump-pass{background:#153d25!important;border:1px solid #347c4c}
body.page-id-6353 #ww-system-simulator .ww-source-panel,
body.page-id-6353 #ww-system-simulator .ww-pump-suppliers,
body.page-id-6353 #ww-system-simulator .ww-status{
  border-color:rgba(255,255,255,.18)!important;
  background:#162027!important;
  color:#eef5f7!important;
}
body.page-id-6353 #ww-system-simulator .ww-source-icon{
  border:1px solid rgba(98,195,250,.4)!important;
  background:#102936!important;
  color:#62c3fa!important;
}
body.page-id-6353 #ww-system-simulator .ww-spec-link,
body.page-id-6353 #ww-system-simulator a{color:#62c3fa!important;text-decoration-thickness:2px}
body.page-id-6353 #ww-system-simulator details{border-color:rgba(255,255,255,.18)!important}

/* Keep the simulator introduction visually subordinate to the access panel. */
body.page-id-6353 .ww-simulator-page .hero{
  min-height:0!important;
  padding:clamp(26px,3vw,30px) clamp(24px,4vw,42px)!important;
  margin-bottom:20px!important;
}
body.page-id-6353 .ww-simulator-page .hero h1{
  max-width:660px;
  margin:0 auto 16px!important;
  font-size:clamp(34px,3.8vw,46px)!important;
  line-height:1.06!important;
}
body.page-id-6353 .ww-simulator-page .hero .lede{
  max-width:680px;
  font-size:clamp(18px,1.5vw,19px)!important;
  line-height:1.45!important;
}
body.page-id-6353 .ww-simulator-page .hero .hero-actions{
  margin-top:16px!important;
}

@media(max-width:720px){
  body.page-id-6353 #ww-system-simulator{margin:18px 0;padding:14px;border-radius:18px}
  body.page-id-6353 #ww-system-simulator .ww-sim-intro{padding:24px 17px}
  body.page-id-6353 #ww-system-simulator .ww-sim-intro h2{font-size:2.1rem!important;line-height:1.12!important}
  body.page-id-6353 #ww-system-simulator .ww-sim-intro>p{font-size:17px!important;font-weight:650!important;line-height:1.65!important;text-align:center}
  body.page-id-6353 #ww-system-simulator .ww-mode-switch{grid-template-columns:1fr}
  body.page-id-6353 #ww-system-simulator .ww-builder-step,
  body.page-id-6353 #ww-system-simulator .ww-equipment-step,
  body.page-id-6353 #ww-system-simulator .ww-hose-step,
  body.page-id-6353 #ww-system-simulator .ww-fitting-step,
  body.page-id-6353 #ww-system-simulator .ww-route-step,
  body.page-id-6353 #ww-system-simulator .ww-results,
  body.page-id-6353 #ww-system-simulator .ww-sample-options{padding:18px 14px}
  body.page-id-6353 #ww-system-simulator input:not([type="hidden"]),
  body.page-id-6353 #ww-system-simulator select{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body.page-id-6353 #ww-system-simulator *{scroll-behavior:auto!important;transition:none!important}}

/* Keep sprinkler quantities available before the house-loop inputs. */
body.page-id-6353 #ww-system-simulator.ww-guided .ww-easy-builder>.ww-equipment-step{
  display:block!important;
}

/* system-designer-quantity-controls.css */

      #ww-system-simulator .ww-equipment-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        align-items: stretch;
      }
      #ww-system-simulator .ww-equipment-control {
        display: flex;
        min-width: 0;
        flex-direction: column;
        border: 1px solid rgba(255, 133, 54, .48);
        border-radius: 14px;
        background: rgba(12, 27, 34, .86);
        overflow: hidden;
      }
      #ww-system-simulator .ww-equipment-control > .ww-pick {
        flex: 1 1 auto;
        width: 100%;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        cursor: pointer;
      }
      #ww-system-simulator .ww-quantity-stepper {
        display: grid;
        grid-template-columns: 44px 1fr 44px;
        align-items: center;
        gap: 6px;
        padding: 9px;
        border-top: 1px solid rgba(255, 133, 54, .38);
        background: rgba(4, 15, 20, .78);
      }
      #ww-system-simulator .ww-quantity-stepper button {
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        border: 1px solid rgba(118, 211, 255, .68);
        border-radius: 10px;
        background: #153d52;
        color: #fff;
        font-size: 1.55rem;
        font-weight: 900;
        line-height: 1;
        cursor: pointer;
      }
      #ww-system-simulator .ww-quantity-stepper button:hover,
      #ww-system-simulator .ww-quantity-stepper button:focus-visible {
        background: #f36c21;
        color: #101820;
      }
      #ww-system-simulator .ww-quantity-value {
        color: #fff;
        font-size: 1rem;
        font-weight: 900;
        text-align: center;
      }
      #ww-system-simulator .ww-fitting-step { display: none !important; }
      #ww-system-simulator .ww-manifold-capability,
      #ww-system-simulator .ww-manifold-capability h3,
      #ww-system-simulator .ww-manifold-capability p,
      #ww-system-simulator .ww-manifold-capability strong,
      #ww-system-simulator .ww-manifold-capability span,
      #ww-system-simulator .ww-manifold-capability small,
      #ww-system-simulator .ww-manifold-capability em,
      #ww-system-simulator .ww-manifold-capability b {
        color: #f4f8fa !important;
      }
      #ww-system-simulator .ww-manifold-row {
        background: rgba(255, 255, 255, .075);
        border-color: rgba(122, 213, 255, .5);
      }
      #ww-system-simulator .ww-sim-report-actions p {
        color: #183342 !important;
        font-weight: 750;
      }
      @media (max-width: 700px) {
        #ww-system-simulator .ww-equipment-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 430px) {
        #ww-system-simulator .ww-equipment-grid {
          grid-template-columns: 1fr;
        }
      }
    
      /* Consolidated operating-status styles from retired snippet 141. */

      #ww-system-simulator .ww-sample-plan-grid{
        display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 24px
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card{
        display:flex;min-width:0;min-height:270px;flex-direction:column;align-items:center;
        justify-content:flex-start;gap:10px;padding:18px 15px;border:1px solid rgba(243,108,33,.68);
        border-radius:18px;background:rgba(8,18,24,.78);color:#fff!important;text-align:center;box-shadow:none
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card strong,
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card span{
        color:#fff!important;-webkit-text-fill-color:#fff!important
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card strong{font-size:1.08rem;line-height:1.35}
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card span:not(.ww-plan-number){font-size:.95rem;line-height:1.42}
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card.ww-option-card--recommended{
        border-color:rgba(65,200,114,.85)!important;
        background:linear-gradient(180deg,rgba(13,68,43,.82),rgba(8,24,28,.86))!important
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card.ww-option-card--limited-reserve{
        border-color:rgba(255,193,7,.9)!important;
        background:linear-gradient(180deg,rgba(91,69,10,.78),rgba(28,25,17,.88))!important
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card.ww-option-card--reduced-output{
        border-color:rgba(243,108,33,.95)!important;
        background:linear-gradient(180deg,rgba(92,45,14,.8),rgba(31,22,17,.9))!important
      }
      #ww-system-simulator .ww-sample-plan-grid .ww-option-card.ww-option-card--insufficient{
        border-color:rgba(224,73,73,.9)!important;
        background:linear-gradient(180deg,rgba(82,25,25,.82),rgba(30,17,17,.9))!important
      }
      #ww-system-simulator .ww-plan-status{
        display:block;color:#fff!important;-webkit-text-fill-color:#fff!important;
        font-size:.82rem!important;font-weight:900;letter-spacing:.02em;line-height:1.3;text-transform:uppercase
      }
      #ww-system-simulator .ww-plan-guidance{font-size:.9rem!important;line-height:1.48!important}
      #ww-system-simulator .ww-capacity-result.is-limited-reserve{border-color:#ffc107!important;background:rgba(92,69,8,.24)!important}
      #ww-system-simulator .ww-capacity-result.is-reduced-output{border-color:#f36c21!important;background:rgba(92,45,14,.24)!important}
      #ww-system-simulator .ww-capacity-result.is-insufficient{border-color:#e04949!important;background:rgba(82,25,25,.24)!important}
      #ww-system-simulator .ww-use-sample-plan,
      #ww-system-simulator .ww-capacity-apply{
        margin-top:auto;min-height:44px;border:2px solid #fff;border-radius:999px;background:#f36c21;
        color:#111!important;-webkit-text-fill-color:#111!important;font-weight:900;font-size:.96rem;padding:9px 18px;cursor:pointer
      }
      @media(max-width:1100px){#ww-system-simulator .ww-sample-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
      @media(max-width:680px){
        #ww-system-simulator .ww-sample-plan-grid{grid-template-columns:minmax(0,1fr);gap:12px}
        #ww-system-simulator .ww-sample-plan-grid .ww-option-card{min-height:0;padding:17px 15px}
      }

/* system-designer-control-polish.css */

    /* Cart: show one clear, accessible remove symbol instead of the legacy double icon. */
    body.woocommerce-cart .ww-cart-page .woocommerce a.remove,
    body.woocommerce-cart .ww-cart-page .woocommerce button.remove {
        box-sizing: border-box !important;
        display: inline-flex !important;
        position: relative !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 auto !important;
        padding: 0 0 2px !important;
        overflow: hidden !important;
        border: 1.5px solid #b83b24 !important;
        border-radius: 999px !important;
        background: #fff8f3 !important;
        box-shadow: 0 3px 9px rgba(85, 33, 18, .12) !important;
        color: #a92f1a !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        text-indent: 0 !important;
        transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease !important;
    }
    body.woocommerce-cart .ww-cart-page .woocommerce a.remove::before,
    body.woocommerce-cart .ww-cart-page .woocommerce button.remove::before {
        display: none !important;
        content: none !important;
    }
    body.woocommerce-cart .ww-cart-page .woocommerce a.remove:hover,
    body.woocommerce-cart .ww-cart-page .woocommerce button.remove:hover {
        border-color: #8f2817 !important;
        background: #a92f1a !important;
        box-shadow: 0 4px 12px rgba(117, 35, 18, .22) !important;
        color: #fff !important;
    }
    body.woocommerce-cart .ww-cart-page .woocommerce a.remove:focus-visible,
    body.woocommerce-cart .ww-cart-page .woocommerce button.remove:focus-visible {
        outline: 3px solid rgba(18, 119, 184, .35) !important;
        outline-offset: 3px !important;
    }

    /* Sidebar: matched compact controls with clear icons and stable dimensions. */
    html body #ww-side-nav #ww-side-back,
    html body #ww-side-nav #ww-side-instructions {
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        width: 112px !important;
        min-height: 32px !important;
        margin: 0 auto 6px !important;
        padding: 5px 10px !important;
        border: 1px solid rgba(181, 66, 14, .55) !important;
        border-radius: 9px !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 237, 222, .98)) !important;
        box-shadow: 0 4px 12px rgba(67, 31, 10, .14) !important;
        color: #171717 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
        letter-spacing: .01em !important;
        text-align: left !important;
        text-decoration: none !important;
        transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important;
    }
    html body #ww-side-nav #ww-side-back__icon,
    html body #ww-side-nav #ww-side-instructions::before {
        box-sizing: border-box !important;
        display: inline-grid !important;
        flex: 0 0 18px !important;
        place-items: center !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        background: #f36b21 !important;
        color: #111 !important;
        font-size: 13px !important;
        font-style: normal !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }
    html body #ww-side-nav #ww-side-instructions::before {
        content: "i" !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }
    html body #ww-side-nav #ww-side-back:hover,
    html body #ww-side-nav #ww-side-instructions:hover {
        transform: translateY(-1px) !important;
        border-color: #f36b21 !important;
        background: #1c252b !important;
        box-shadow: 0 6px 14px rgba(26, 19, 14, .22) !important;
        color: #fff !important;
    }
    html body #ww-side-nav #ww-side-back:focus-visible,
    html body #ww-side-nav #ww-side-instructions:focus-visible {
        outline: 3px solid rgba(18, 119, 184, .34) !important;
        outline-offset: 2px !important;
    }

    /* Designer hero: centred, compact and visually connected to the site CTA system. */
    .ww-simulator-page > .hero > .actions {
        box-sizing: border-box !important;
        display: flex !important;
        width: 100% !important;
        margin: 26px auto 0 !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
    .ww-simulator-page > .hero > .actions > .btn.alt[href*="rooftop-wildfire-sprinklers"] {
        box-sizing: border-box !important;
        display: inline-flex !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 52px !important;
        margin: 0 auto !important;
        padding: 12px 22px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 2px solid rgba(255, 255, 255, .92) !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #ff7d32 0%, #ed641e 100%) !important;
        box-shadow: 0 5px 0 #a53a0c, 0 11px 22px rgba(0, 0, 0, .2) !important;
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: normal !important;
        transition: background-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease !important;
    }
    .ww-simulator-page > .hero > .actions > .btn.alt[href*="rooftop-wildfire-sprinklers"]:hover {
        transform: translateY(-1px) !important;
        border-color: #fff !important;
        background: #1678b8 !important;
        box-shadow: 0 5px 0 #0d4f7b, 0 12px 24px rgba(0, 0, 0, .22) !important;
        color: #fff !important;
    }
    .ww-simulator-page > .hero > .actions > .btn.alt[href*="rooftop-wildfire-sprinklers"]:focus-visible {
        outline: 3px solid rgba(255, 255, 255, .9) !important;
        outline-offset: 4px !important;
    }

    @media (max-width: 600px) {
        body.woocommerce-cart .ww-cart-page .woocommerce a.remove,
        body.woocommerce-cart .ww-cart-page .woocommerce button.remove {
            width: 40px !important;
            height: 40px !important;
            font-size: 25px !important;
        }
        .ww-simulator-page > .hero > .actions {
            margin-top: 22px !important;
        }
        .ww-simulator-page > .hero > .actions > .btn.alt[href*="rooftop-wildfire-sprinklers"] {
            width: 100% !important;
            min-height: 50px !important;
            padding: 11px 16px !important;
            font-size: 15px !important;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        html body #ww-side-nav #ww-side-back,
        html body #ww-side-nav #ww-side-instructions,
        body.woocommerce-cart .ww-cart-page .woocommerce a.remove,
        body.woocommerce-cart .ww-cart-page .woocommerce button.remove,
        .ww-simulator-page > .hero > .actions > .btn.alt[href*="rooftop-wildfire-sprinklers"] {
            transition: none !important;
        }
    }

/* system-designer-workspace.css */
#ww-system-simulator.ww-single-input-mode .ww-mode-switch,
      #ww-system-simulator.ww-single-input-mode .ww-loop-counts,
      #ww-system-simulator.ww-single-input-mode .ww-image-quantity-panel,
      #ww-system-simulator.ww-single-input-mode .ww-pump-quantity-panel,
      #ww-system-simulator.ww-single-input-mode .ww-hose-step,
      #ww-system-simulator.ww-single-input-mode .ww-sim-grid.ww-engine-fields,
      #ww-system-simulator.ww-single-input-mode .ww-advanced-toggle {
        display: none !important;
      }

      #ww-system-simulator .ww-unified-workspace {
        display: grid !important;
        gap: 0 !important;
        margin: 20px 0 !important;
        padding: clamp(20px, 3vw, 34px) !important;
        overflow: hidden;
        border: 2px solid rgba(243, 108, 33, .9) !important;
        border-radius: 22px !important;
        background: linear-gradient(145deg, #10171b 0%, #1a252b 55%, #23323a 100%) !important;
        color: #fff !important;
        box-shadow: 0 18px 44px rgba(0, 0, 0, .3) !important;
      }
      #ww-system-simulator .ww-unified-workspace-head {
        display: grid;
        gap: 7px;
        max-width: 820px;
        margin: 0 auto;
        padding: 0 0 22px;
        text-align: center;
      }
      #ww-system-simulator .ww-unified-workspace-kicker {
        color: #ff9b58 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        letter-spacing: .12em;
        text-transform: uppercase;
      }
      #ww-system-simulator .ww-unified-workspace-head h2 {
        margin: 0 !important;
        color: #fff !important;
        font-size: clamp(27px, 3.5vw, 40px) !important;
        font-weight: 900 !important;
        letter-spacing: -.025em;
        line-height: 1.12 !important;
      }
      #ww-system-simulator .ww-unified-workspace-head p {
        margin: 0 !important;
        color: #e7eff3 !important;
        font-size: 17px !important;
        font-weight: 650 !important;
        line-height: 1.52 !important;
      }

      #ww-system-simulator .ww-unified-workspace > .ww-builder-step {
        margin: 0 !important;
        padding: clamp(22px, 3vw, 30px) 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
      }
      #ww-system-simulator .ww-unified-workspace > .ww-builder-step::before {
        display: inline-grid;
        width: 34px;
        height: 34px;
        margin: 0 9px 10px 0;
        place-items: center;
        border: 2px solid rgba(255, 255, 255, .28);
        border-radius: 50%;
        background: #f36c21;
        color: #111;
        font-size: 17px;
        font-weight: 950;
        vertical-align: middle;
      }
      #ww-system-simulator .ww-unified-workspace > .ww-source-step::before { content: "1"; }
      #ww-system-simulator .ww-unified-workspace > .ww-route-step::before { content: "2"; }
      #ww-system-simulator .ww-unified-workspace > .ww-equipment-step::before { content: "3"; }
      #ww-system-simulator .ww-unified-workspace > .ww-fitting-step::before { content: "4"; }
      #ww-system-simulator .ww-unified-workspace > .ww-builder-step:last-of-type {
        border-bottom: 0 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-builder-step > h3 {
        display: inline;
        margin: 0 0 7px !important;
        color: #fff !important;
        font-size: clamp(22px, 2.6vw, 29px) !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
      }
      #ww-system-simulator .ww-unified-workspace .ww-builder-step > p {
        max-width: 820px;
        margin: 0 0 16px 47px !important;
        color: #dce7ec !important;
        font-size: 16px !important;
        font-weight: 650 !important;
        line-height: 1.5 !important;
      }

      /* Reveal the remaining inputs together after a source tile is chosen. */
      #ww-system-simulator.ww-single-input-mode.ww-source-selected .ww-unified-workspace .ww-route-step,
      #ww-system-simulator.ww-single-input-mode.ww-source-selected .ww-unified-workspace .ww-equipment-step,
      #ww-system-simulator.ww-single-input-mode.ww-source-selected .ww-unified-workspace .ww-fitting-step,
      #ww-system-simulator.ww-single-input-mode.ww-source-selected .ww-unified-workspace .ww-unified-advanced {
        display: block !important;
      }

      #ww-system-simulator .ww-unified-workspace .ww-route-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-source-options,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid,
      #ww-system-simulator .ww-unified-workspace .ww-equipment-grid,
      #ww-system-simulator .ww-unified-workspace .ww-fitting-grid,
      #ww-system-simulator .ww-unified-workspace .ww-route-choice,
      #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field {
        margin-left: 47px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-source-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-left: 47px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > label,
      #ww-system-simulator .ww-unified-workspace .ww-visible-branch-field,
      #ww-system-simulator .ww-unified-advanced-field {
        box-sizing: border-box;
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        margin: 0 !important;
        padding: 14px !important;
        border: 1px solid rgba(255, 255, 255, .18) !important;
        border-radius: 13px !important;
        background: rgba(0, 0, 0, .22) !important;
        color: #fff !important;
      }
      #ww-system-simulator .ww-unified-workspace label,
      #ww-system-simulator .ww-unified-workspace label > span,
      #ww-system-simulator .ww-unified-workspace .ww-loop-choice-title {
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.35 !important;
      }
      #ww-system-simulator .ww-unified-workspace small {
        color: #d7e3e8 !important;
        font-size: 13.5px !important;
        font-weight: 650 !important;
        line-height: 1.42 !important;
      }
      #ww-system-simulator .ww-unified-workspace input,
      #ww-system-simulator .ww-unified-workspace select {
        box-sizing: border-box;
        width: 100%;
        min-height: 50px;
        border: 2px solid #8ca2ad !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #102832 !important;
        font-size: 17px !important;
        font-weight: 750 !important;
      }
      #ww-system-simulator .ww-unified-workspace input:focus,
      #ww-system-simulator .ww-unified-workspace select:focus {
        border-color: #f36c21 !important;
        outline: 3px solid rgba(243, 108, 33, .25) !important;
        outline-offset: 1px;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice {
        margin-top: 13px;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice button,
      #ww-system-simulator .ww-unified-workspace .ww-loop-size-choice,
      #ww-system-simulator .ww-unified-workspace .ww-supply-size-choice {
        min-height: 50px;
        border-color: #8ca2ad !important;
        background: #263943 !important;
        color: #fff !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice button[aria-pressed="true"],
      #ww-system-simulator .ww-unified-workspace .ww-loop-size-choice[aria-pressed="true"],
      #ww-system-simulator .ww-unified-workspace .ww-supply-size-choice[aria-pressed="true"] {
        border-color: #f36c21 !important;
        background: #f36c21 !important;
        color: #111 !important;
      }
      #ww-system-simulator .ww-unified-supply-size-title {
        display: block;
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 900 !important;
      }
      #ww-system-simulator .ww-unified-supply-size-choices {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 4px 0 7px;
      }
      #ww-system-simulator .ww-unified-supply-size-field > input {
        margin-top: 2px;
      }
      #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field {
        margin-top: 13px;
        padding: 15px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 13px;
        background: rgba(0, 0, 0, .22);
      }
      #ww-system-simulator .ww-unified-workspace .ww-calculate-route {
        min-height: 54px;
        width: min(100%, 720px);
        margin: 22px auto 0 !important;
        border-radius: 12px !important;
        background: linear-gradient(180deg, #ff853f, #df5817) !important;
        color: #111 !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        box-shadow: 0 6px 0 #89340e !important;
      }

      #ww-system-simulator .ww-unified-workspace .ww-equipment-grid,
      #ww-system-simulator .ww-unified-workspace .ww-fitting-grid {
        margin-top: 14px;
      }
      #ww-system-simulator .ww-unified-workspace .ww-pump-protection-card {
        margin-top: 18px !important;
      }

      #ww-system-simulator .ww-unified-advanced {
        margin: 22px 0 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 15px;
        background: rgba(0, 0, 0, .22);
      }
      #ww-system-simulator .ww-unified-advanced > summary {
        padding: 16px 18px;
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 900 !important;
        cursor: pointer;
      }
      #ww-system-simulator .ww-unified-advanced > summary::marker {
        color: #f36c21;
      }
      #ww-system-simulator .ww-unified-advanced-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px;
        padding: 0 16px 16px;
      }

      #ww-system-simulator .ww-unified-output-stage {
        display: none;
        margin: 22px 0 0;
      }
      #ww-system-simulator.ww-capacity-ready .ww-unified-output-stage {
        display: block;
      }
      #ww-system-simulator .ww-unified-output-head {
        margin: 0 0 14px;
        padding: 18px 20px;
        border-left: 6px solid #f36c21;
        border-radius: 12px;
        background: #152229;
        color: #fff;
      }
      #ww-system-simulator .ww-unified-output-head h2 {
        margin: 0 0 4px !important;
        color: #fff !important;
        font-size: clamp(24px, 3vw, 34px) !important;
      }
      #ww-system-simulator .ww-unified-output-head p {
        margin: 0 !important;
        color: #dce7ec !important;
        font-size: 16px !important;
      }
      #ww-system-simulator .ww-unified-output-stage > * {
        margin-top: 16px !important;
      }
      #ww-system-simulator .ww-unified-output-stage > .ww-unified-output-head {
        margin-top: 0 !important;
      }
      #ww-system-simulator .ww-unified-primary-action {
        display: block !important;
        order: 20;
      }
      #ww-system-simulator .ww-unified-reset-wrap {
        display: flex;
        justify-content: center;
        margin: 20px 0 0;
      }

      @media (max-width: 720px) {
        #ww-system-simulator .ww-unified-workspace {
          padding: 17px !important;
          border-radius: 17px !important;
        }
        #ww-system-simulator .ww-unified-workspace .ww-route-grid,
        #ww-system-simulator .ww-unified-advanced-grid,
        #ww-system-simulator .ww-unified-workspace .ww-source-grid {
          grid-template-columns: 1fr !important;
        }
        #ww-system-simulator .ww-unified-workspace .ww-builder-step > p,
        #ww-system-simulator .ww-unified-workspace .ww-source-grid,
        #ww-system-simulator .ww-unified-workspace .ww-source-options,
        #ww-system-simulator .ww-unified-workspace .ww-route-grid,
        #ww-system-simulator .ww-unified-workspace .ww-equipment-grid,
        #ww-system-simulator .ww-unified-workspace .ww-fitting-grid,
        #ww-system-simulator .ww-unified-workspace .ww-route-choice,
        #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field {
          margin-left: 0 !important;
        }
        #ww-system-simulator .ww-unified-supply-size-choices {
          grid-template-columns: 1fr;
        }
        #ww-system-simulator .ww-unified-workspace > .ww-builder-step {
          padding: 21px 0 !important;
        }
      }

/* system-designer-branch.css */
body.page-id-6353 #ww-system-simulator .ww-equipment-step > p {
				display: block !important;
				box-sizing: border-box !important;
				width: 100% !important;
				max-width: 780px !important;
				margin: 5px auto 18px !important;
				padding: 11px 15px !important;
				border: 1px solid rgba(243, 108, 33, .52) !important;
				border-radius: 11px !important;
				background: #fff4e9 !important;
				color: #101f26 !important;
				font-size: 18px !important;
				font-weight: 850 !important;
				line-height: 1.5 !important;
				text-align: center !important;
				text-align-last: center !important;
				text-shadow: none !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-equipment-step > p * {
				text-align: center !important;
			}

			#ww-system-simulator .ww-equipment-grid {
				grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
				gap: 10px !important;
				align-items: stretch !important;
			}

			#ww-system-simulator .ww-equipment-control {
				min-width: 0 !important;
				padding: 0 !important;
				border-radius: 15px !important;
				overflow: hidden !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-pick {
				min-height: 188px !important;
				padding: 8px !important;
				gap: 4px !important;
				background: linear-gradient(150deg, #16252d 0%, #0f1a20 100%) !important;
				color: #fff !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-pick img {
				width: 100% !important;
				height: 92px !important;
				object-fit: contain !important;
				background: #fff !important;
				border-radius: 9px !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-pick strong,
			#ww-system-simulator .ww-equipment-control > .ww-pick span,
			#ww-system-simulator .ww-grouped-product-control label,
			#ww-system-simulator .ww-grouped-product-control select,
			#ww-system-simulator .ww-quantity-stepper,
			#ww-system-simulator .ww-quantity-stepper output {
				color: #fff !important;
				-webkit-text-fill-color: #fff !important;
				text-shadow: none !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-pick strong {
				font-size: 14px !important;
				line-height: 1.22 !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-pick span {
				font-size: 12px !important;
				line-height: 1.28 !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-quantity-stepper {
				min-height: 38px !important;
				margin: 0 !important;
				padding: 5px !important;
				gap: 5px !important;
				background: #16252d !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-quantity-stepper button {
				width: 32px !important;
				height: 32px !important;
				min-width: 32px !important;
				min-height: 32px !important;
				padding: 0 !important;
				font-size: 20px !important;
			}

			#ww-system-simulator .ww-equipment-control > .ww-quantity-stepper output {
				min-width: 52px !important;
				font-size: 16px !important;
				font-weight: 900 !important;
				line-height: 1 !important;
				text-align: center !important;
				white-space: nowrap !important;
			}

			#ww-system-simulator .ww-equipment-control .ww-pick-quantity {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				min-width: 72px !important;
				min-height: 32px !important;
				padding: 5px 8px !important;
				font-size: 15px !important;
				font-weight: 900 !important;
				line-height: 1 !important;
			}

			#ww-system-simulator .ww-grouped-product-control {
				display: grid !important;
				gap: 8px !important;
				padding: 10px 11px 12px !important;
				background: #16252d !important;
			}

			#ww-system-simulator .ww-grouped-equipment-card {
				grid-column: auto !important;
			}

			#ww-system-simulator .ww-grouped-product-control label {
				display: grid !important;
				gap: 5px !important;
				font-size: 13px !important;
				font-weight: 800 !important;
				line-height: 1.3 !important;
			}

			#ww-system-simulator .ww-grouped-product-control select {
				width: 100% !important;
				min-height: 42px !important;
				padding: 8px 30px 8px 9px !important;
				border: 2px solid rgba(243, 108, 33, .7) !important;
				border-radius: 9px !important;
				background: #fff !important;
				color: #17252c !important;
				-webkit-text-fill-color: #17252c !important;
				font-size: 13px !important;
				font-weight: 750 !important;
				line-height: 1.25 !important;
			}

			#ww-system-simulator .ww-grouped-product-control .ww-quantity-stepper {
				margin: 0 !important;
			}

			#ww-system-simulator .ww-pump-protection-product-card {
				grid-column: auto !important;
				grid-template-columns: 86px minmax(0, 1fr) !important;
				gap: 10px !important;
				max-width: 440px !important;
				padding: 10px !important;
				border-radius: 15px !important;
			}

			#ww-system-simulator .ww-pump-protection-image {
				max-width: 82px !important;
				margin-bottom: 5px !important;
				border-radius: 10px !important;
			}

			#ww-system-simulator .ww-pump-protection-visual strong,
			#ww-system-simulator .ww-pump-protection-controls > strong {
				font-size: 15px !important;
			}

			#ww-system-simulator .ww-pump-protection-controls {
				gap: 7px !important;
			}

			#ww-system-simulator .ww-pump-protection-controls p,
			#ww-system-simulator .ww-pump-protection-status,
			#ww-system-simulator .ww-pump-protection-select-wrap {
				font-size: 13px !important;
				line-height: 1.38 !important;
			}

			#ww-system-simulator .ww-pump-protection-choice button {
				min-height: 38px !important;
				padding: 6px 12px !important;
				font-size: 14px !important;
			}

			#ww-system-simulator .ww-extra-branch-builder {
				display: grid !important;
				gap: 16px !important;
				grid-column: 1 / -1 !important;
				margin: 4px 0 0 !important;
				padding: clamp(17px, 2.5vw, 25px) !important;
				border: 1px solid rgba(243, 108, 33, .55) !important;
				border-radius: 17px !important;
				background: linear-gradient(145deg, #fff9f3 0%, #fff 62%, #eef9fd 100%) !important;
				box-shadow: 0 8px 22px rgba(31, 42, 48, .1) !important;
				color: #17252c !important;
				text-align: left !important;
			}

			#ww-system-simulator .ww-extra-branch-builder[hidden] {
				display: none !important;
			}

			#ww-system-simulator.ww-deadend-route-selected .ww-route-grid p:has(#ww-guided-route-length),
			#ww-system-simulator[data-guided-layout="deadend"] .ww-route-grid p:has(#ww-guided-route-length) {
				display: none !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			#ww-system-simulator[data-guided-layout="loop"] .ww-route-grid p:has(#ww-guided-route-length) {
				display: block !important;
			}

			#ww-system-simulator .ww-extra-branch-builder h4,
			#ww-system-simulator .ww-extra-branch-builder p,
			#ww-system-simulator .ww-extra-branch-builder label,
			#ww-system-simulator .ww-extra-branch-builder strong,
			#ww-system-simulator .ww-extra-branch-builder span,
			#ww-system-simulator .ww-extra-branch-builder small {
				color: #17252c !important;
				-webkit-text-fill-color: #17252c !important;
				text-shadow: none !important;
			}

			#ww-system-simulator .ww-extra-branch-builder h4 {
				margin: 0 !important;
				font-size: clamp(21px, 2vw, 27px) !important;
				font-weight: 900 !important;
				line-height: 1.18 !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-extra-branch-builder > p {
				max-width: 800px;
				margin: -6px auto 0 !important;
				font-size: 16px !important;
				line-height: 1.48 !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-extra-branch-grid {
				display: grid !important;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				gap: 12px !important;
			}

			#ww-system-simulator .ww-extra-branch-fields {
				display: grid !important;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				gap: 12px !important;
				grid-column: 1 / -1 !important;
			}

			#ww-system-simulator .ww-extra-branch-fields[hidden] {
				display: none !important;
			}

			#ww-system-simulator .ww-extra-branch-grid > label,
			#ww-system-simulator .ww-extra-branch-layout,
			#ww-system-simulator .ww-extra-branch-fields > label,
			#ww-system-simulator .ww-extra-branch-route,
			#ww-system-simulator .ww-extra-branch-counts {
				display: grid !important;
				gap: 7px !important;
				padding: 13px !important;
				border: 1px solid rgba(19, 70, 92, .2) !important;
				border-radius: 12px !important;
				background: #fff !important;
				font-size: 15px !important;
				font-weight: 800 !important;
				line-height: 1.35 !important;
			}

			#ww-system-simulator .ww-extra-branch-layout {
				align-content: center !important;
				min-height: 170px !important;
				padding: 11px !important;
				background: linear-gradient(145deg, #142832, #204c5e) !important;
			}

			#ww-system-simulator .ww-extra-branch-layout svg {
				display: block !important;
				width: 100% !important;
				height: auto !important;
				max-height: 190px !important;
				overflow: visible !important;
			}

			#ww-system-simulator .ww-extra-branch-layout text {
				fill: #fff !important;
				font-family: inherit !important;
				font-size: 12px !important;
				font-weight: 800 !important;
			}

			#ww-system-simulator .ww-extra-branch-layout .ww-layout-note {
				fill: #ffd2ad !important;
				font-size: 10px !important;
			}

			#ww-system-simulator .ww-extra-branch-grid input,
			#ww-system-simulator .ww-extra-branch-grid select {
				width: 100% !important;
				min-height: 45px !important;
				padding: 9px 11px !important;
				border: 2px solid rgba(19, 70, 92, .28) !important;
				border-radius: 9px !important;
				background: #fff !important;
				color: #111 !important;
				-webkit-text-fill-color: #111 !important;
				font-size: 16px !important;
				font-weight: 750 !important;
			}

			#ww-system-simulator .ww-extra-branch-counts {
				grid-column: 1 / -1 !important;
				grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
			}

			#ww-system-simulator .ww-extra-branch-counts[hidden] {
				display: none !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector {
				display: grid !important;
				grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
				gap: 10px !important;
				grid-column: 1 / -1 !important;
				margin: 14px 0 0 !important;
				padding: 15px !important;
				border: 2px solid rgba(98, 201, 244, .55) !important;
				border-radius: 14px !important;
				background: linear-gradient(145deg, #142832, #1d4252) !important;
				box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector[hidden] {
				display: none !important;
			}

			#ww-system-simulator .ww-equipment-mode-switch {
				display: grid !important;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				gap: 10px !important;
				width: min(100%, 720px) !important;
				margin: 12px auto 18px !important;
				padding: 7px !important;
				border: 1px solid rgba(243,108,33,.45) !important;
				border-radius: 18px !important;
				background: rgba(18,40,50,.92) !important;
				box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
			}

			#ww-system-simulator .ww-equipment-mode-switch[hidden] {
				display: none !important;
			}

			#ww-system-simulator .ww-equipment-mode-switch button {
				min-height: 52px !important;
				padding: 10px 16px !important;
				border: 2px solid transparent !important;
				border-radius: 13px !important;
				background: #fff !important;
				color: #17313b !important;
				font-size: 17px !important;
				font-weight: 900 !important;
				line-height: 1.2 !important;
				cursor: pointer !important;
			}

			#ww-system-simulator .ww-equipment-mode-switch button[aria-pressed="true"] {
				border-color: #ff8a35 !important;
				background: linear-gradient(135deg,#f36c21,#ff9a4d) !important;
				color: #111 !important;
				box-shadow: 0 5px 14px rgba(243,108,33,.3) !important;
			}

			#ww-system-simulator .ww-equipment-mode-switch button:disabled {
				opacity: .5 !important;
				cursor: not-allowed !important;
			}

			body.page-id-6353 #ww-system-simulator#ww-system-simulator.ww-home-source-selected .ww-route-step {
				display: none !important;
			}

			#ww-system-simulator[data-equipment-mode="branch"] .ww-equipment-grid .ww-quantity-value {
				font-size: 0 !important;
			}

			#ww-system-simulator[data-equipment-mode="branch"] .ww-equipment-grid .ww-quantity-value::after {
				content: attr(data-mode-value);
				font-size: 17px !important;
				font-weight: 950 !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector > strong,
			#ww-system-simulator .ww-branch-sprinkler-selector > p {
				grid-column: 1 / -1 !important;
				margin: 0 !important;
				color: #fff !important;
				-webkit-text-fill-color: #fff !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector > strong {
				font-size: 20px !important;
				font-weight: 950 !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector > p {
				font-size: 14px !important;
				line-height: 1.4 !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector label {
				display: grid !important;
				gap: 6px !important;
				align-content: start !important;
				padding: 10px !important;
				border-radius: 10px !important;
				background: #fff !important;
				color: #17252c !important;
				-webkit-text-fill-color: #17252c !important;
				font-size: 14px !important;
				font-weight: 850 !important;
			}

			#ww-system-simulator .ww-branch-sprinkler-selector input,
			#ww-system-simulator .ww-branch-sprinkler-selector select {
				width: 100% !important;
				min-height: 42px !important;
				padding: 8px 9px !important;
				border: 2px solid rgba(19,70,92,.28) !important;
				border-radius: 8px !important;
				background: #fff !important;
				color: #111 !important;
				-webkit-text-fill-color: #111 !important;
				font-size: 15px !important;
				font-weight: 800 !important;
			}

			#ww-system-simulator .ww-extra-branch-counts > strong {
				grid-column: 1 / -1 !important;
				font-size: 18px !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-extra-branch-route {
				grid-column: 1 / -1 !important;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			}

			#ww-system-simulator .ww-extra-branch-route > strong {
				grid-column: 1 / -1 !important;
			}

			#ww-system-simulator .ww-extra-branch-route button {
				min-height: 44px !important;
				border: 2px solid rgba(19, 70, 92, .28) !important;
				border-radius: 999px !important;
				background: #fff !important;
				color: #17313b !important;
				font-size: 15px !important;
				font-weight: 850 !important;
			}

			#ww-system-simulator .ww-extra-branch-route button[aria-pressed="true"] {
				border-color: #087ca0 !important;
				background: #e7f6fb !important;
				color: #075a73 !important;
			}

			#ww-system-simulator .ww-extra-branch-summary {
				display: grid !important;
				grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
				gap: 9px !important;
				margin: 0 !important;
			}

			#ww-system-simulator .ww-extra-branch-summary span {
				display: grid !important;
				gap: 3px !important;
				padding: 10px !important;
				border-radius: 10px !important;
				background: #17313b !important;
				color: #fff !important;
				-webkit-text-fill-color: #fff !important;
				font-size: 13px !important;
				line-height: 1.3 !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-extra-branch-summary strong {
				color: #80dbff !important;
				-webkit-text-fill-color: #80dbff !important;
				font-size: 18px !important;
			}

			#ww-system-simulator .ww-sample-heading > h3,
			#ww-system-simulator .ww-capacity-explorer > header > h3 {
				font-size: clamp(27px, 3vw, 38px) !important;
				font-weight: 900 !important;
				line-height: 1.12 !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-sample-plan-grid .ww-option-card > strong {
				display: block !important;
				margin: 5px 0 7px !important;
				color: #102832 !important;
				-webkit-text-fill-color: #102832 !important;
				font-size: clamp(19px, 1.7vw, 24px) !important;
				font-weight: 950 !important;
				line-height: 1.18 !important;
				text-align: center !important;
			}

			#ww-system-simulator .ww-nozzle-chart-link {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				min-height: 42px !important;
				margin: 11px auto 0 !important;
				padding: 9px 15px !important;
				border: 2px solid #f36c21 !important;
				border-radius: 999px !important;
				background: #fff !important;
				color: #17313b !important;
				font-size: 14px !important;
				font-weight: 850 !important;
				line-height: 1.25 !important;
				text-align: center !important;
				text-decoration: none !important;
			}

			#ww-system-simulator .ww-nozzle-chart-link:hover,
			#ww-system-simulator .ww-nozzle-chart-link:focus-visible {
				background: #17313b !important;
				color: #fff !important;
			}

			@media (max-width: 900px) {
				#ww-system-simulator .ww-equipment-grid {
					grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
				}
				#ww-system-simulator .ww-extra-branch-counts,
				#ww-system-simulator .ww-branch-sprinkler-selector,
				#ww-system-simulator .ww-extra-branch-summary {
					grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				}
			}

			@media (max-width: 560px) {
				#ww-system-simulator .ww-equipment-mode-switch {
					grid-template-columns: 1fr !important;
				}
				#ww-system-simulator .ww-equipment-grid {
					grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				}
				#ww-system-simulator .ww-extra-branch-grid,
				#ww-system-simulator .ww-extra-branch-fields,
				#ww-system-simulator .ww-extra-branch-counts,
				#ww-system-simulator .ww-extra-branch-route,
				#ww-system-simulator .ww-extra-branch-summary {
					grid-template-columns: 1fr !important;
				}
				#ww-system-simulator .ww-extra-branch-layout {
					min-height: 145px !important;
				}
				#ww-system-simulator .ww-equipment-control > .ww-pick {
					min-height: 0 !important;
				}
				#ww-system-simulator .ww-pump-protection-product-card {
					grid-template-columns: 74px minmax(0, 1fr) !important;
				}
			}

/* system-designer-compat.css */
      #ww-system-simulator .ww-unified-workspace .ww-branch-size-removed,
      #ww-system-simulator .ww-unified-workspace .ww-visible-branch-field,
      #ww-system-simulator .ww-unified-workspace .ww-unified-workspace-head {
        display: none !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-unified-supply-size-choices {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 720px);
        margin-right: auto !important;
        margin-left: auto !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-source-step,
      #ww-system-simulator .ww-unified-workspace .ww-route-step,
      #ww-system-simulator .ww-unified-workspace .ww-sample-capacity-planner,
      #ww-system-simulator .ww-unified-workspace .ww-equipment-step,
      #ww-system-simulator .ww-unified-workspace .ww-source-step > p,
      #ww-system-simulator .ww-unified-workspace .ww-route-step > p,
      #ww-system-simulator .ww-unified-workspace .ww-equipment-step > p {
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-step {
        width: min(100%, 980px);
        padding: clamp(20px, 3vw, 34px) !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-step > h3 {
        margin: 0 auto 10px !important;
        font-size: clamp(1.55rem, 2.2vw, 2rem) !important;
        line-height: 1.18 !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-step > p {
        max-width: 780px;
        margin: 0 auto 22px !important;
        font-size: clamp(1.05rem, 1.4vw, 1.2rem) !important;
        line-height: 1.55 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        width: min(100%, 900px);
        margin: 0 auto !important;
        align-items: stretch;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > label,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > p > label,
      #ww-system-simulator .ww-unified-workspace .ww-loop-counts > label {
        display: grid !important;
        gap: 8px !important;
        align-content: start;
        margin: 0 !important;
        padding: 15px !important;
        border: 1px solid rgba(224, 102, 18, .42) !important;
        border-radius: 14px !important;
        background: rgba(255, 244, 232, .94) !important;
        box-shadow: 0 5px 15px rgba(26, 20, 15, .08) !important;
        color: #17130f !important;
        font-size: clamp(1.05rem, 1.2vw, 1.15rem) !important;
        font-weight: 750 !important;
        line-height: 1.35 !important;
        text-align: left !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > label:nth-of-type(5) {
        grid-column: 1 / -1;
        justify-self: center;
        width: calc(50% - 7px);
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid input,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid select {
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 12px !important;
        border: 2px solid rgba(22, 66, 87, .32) !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #141414 !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid small {
        color: #3b332d !important;
        font-size: .96rem !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > p:empty {
        display: none !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > p,
      #ww-system-simulator .ww-unified-workspace .ww-loop-counts {
        grid-column: 1 / -1;
        margin: 0 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-choice button,
      #ww-system-simulator .ww-unified-workspace .ww-calculate-route {
        min-height: 52px !important;
        padding: 11px 16px !important;
        border-radius: 999px !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-loop-counts {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
        gap: 12px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > p:last-child {
        display: grid !important;
        justify-items: center;
        gap: 12px;
      }
      #ww-system-simulator .ww-sample-options,
      #ww-system-simulator .ww-sample-capacity-planner {
        width: min(100%, 980px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 1.08rem !important;
        line-height: 1.5 !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-sample-options h3,
      #ww-system-simulator .ww-sample-capacity-planner h3 {
        font-size: clamp(1.55rem, 2.2vw, 2rem) !important;
        line-height: 1.2 !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-sample-options h4,
      #ww-system-simulator .ww-sample-capacity-planner h4,
      #ww-system-simulator .ww-sample-capacity-planner .ww-try-combination-heading {
        font-size: clamp(1.3rem, 1.8vw, 1.6rem) !important;
        line-height: 1.25 !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-sample-capacity-planner .ww-try-combination-heading {
        margin-bottom: 20px !important;
      }
      #ww-system-simulator .ww-sample-options p,
      #ww-system-simulator .ww-sample-capacity-planner p,
      #ww-system-simulator .ww-sample-options label,
      #ww-system-simulator .ww-sample-capacity-planner label,
      #ww-system-simulator .ww-sample-options button,
      #ww-system-simulator .ww-sample-capacity-planner button,
      #ww-system-simulator .ww-sample-options input,
      #ww-system-simulator .ww-sample-capacity-planner input,
      #ww-system-simulator .ww-sample-options select,
      #ww-system-simulator .ww-sample-capacity-planner select {
        font-size: 1.08rem !important;
        line-height: 1.4 !important;
      }
      #ww-system-simulator .ww-sample-options small,
      #ww-system-simulator .ww-sample-capacity-planner small {
        font-size: .98rem !important;
        line-height: 1.45 !important;
      }
      #ww-system-simulator .ww-sample-options .ww-option-grid,
      #ww-system-simulator .ww-sample-capacity-planner .ww-option-grid {
        gap: 16px !important;
      }
      #ww-system-simulator .ww-sample-options .ww-option-grid > *,
      #ww-system-simulator .ww-sample-capacity-planner .ww-option-grid > * {
        padding: clamp(16px, 2vw, 22px) !important;
        border-radius: 15px !important;
      }
      #ww-system-simulator .ww-hide-ground-sprinkler-used {
        display: none !important;
      }
      @media (max-width: 720px) {
        #ww-system-simulator .ww-unified-workspace .ww-unified-supply-size-choices {
          grid-template-columns: 1fr !important;
        }
        #ww-system-simulator .ww-unified-workspace .ww-route-step {
          padding: 18px 14px !important;
        }
        #ww-system-simulator .ww-unified-workspace .ww-route-grid,
        #ww-system-simulator .ww-unified-workspace .ww-route-choice,
        #ww-system-simulator .ww-unified-workspace .ww-loop-counts {
          grid-template-columns: 1fr !important;
        }
        #ww-system-simulator .ww-unified-workspace .ww-route-grid > label:nth-of-type(5) {
          grid-column: auto;
          width: 100%;
        }
      }
      #ww-system-simulator .ww-route-step > h3,
      #ww-system-simulator .ww-sample-options h3,
      #ww-system-simulator .ww-sample-capacity-planner h3 {
        font-size: clamp(25px, 2.8vw, 32px) !important;
      }
      #ww-system-simulator .ww-route-step > p {
        font-size: clamp(18px, 1.5vw, 20px) !important;
      }
      #ww-system-simulator .ww-route-grid > label,
      #ww-system-simulator .ww-route-grid > p > label,
      #ww-system-simulator .ww-loop-counts > label,
      #ww-system-simulator .ww-sample-options p,
      #ww-system-simulator .ww-sample-capacity-planner p,
      #ww-system-simulator .ww-sample-options label,
      #ww-system-simulator .ww-sample-capacity-planner label,
      #ww-system-simulator .ww-sample-options button,
      #ww-system-simulator .ww-sample-capacity-planner button,
      #ww-system-simulator .ww-sample-options input,
      #ww-system-simulator .ww-sample-capacity-planner input,
      #ww-system-simulator .ww-sample-options select,
      #ww-system-simulator .ww-sample-capacity-planner select {
        font-size: clamp(17px, 1.25vw, 19px) !important;
      }
      #ww-system-simulator .ww-route-grid input,
      #ww-system-simulator .ww-route-grid select,
      #ww-system-simulator .ww-route-choice button,
      #ww-system-simulator .ww-calculate-route {
        font-size: 17px !important;
      }
      #ww-system-simulator .ww-route-grid small,
      #ww-system-simulator .ww-sample-options small,
      #ww-system-simulator .ww-sample-capacity-planner small {
        font-size: 16px !important;
      }
      #ww-system-simulator .ww-sample-options h4,
      #ww-system-simulator .ww-sample-capacity-planner h4,
      #ww-system-simulator .ww-sample-capacity-planner .ww-try-combination-heading {
        font-size: clamp(21px, 2vw, 26px) !important;
      }
      #ww-system-simulator .ww-sample-capacity-planner .ww-try-combination-heading {
        margin-bottom: 22px !important;
      }
      #ww-system-simulator .ww-sample-ground-type {
        display: none !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-try-combination-heading {
        display: inline-block !important;
        margin-bottom: 20px !important;
        font-size: 19px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
      }
      #ww-system-simulator .ww-capacity-explorer header h3 {
        margin-top: 0 !important;
        font-size: clamp(24px, 2.4vw, 30px) !important;
      }
      #ww-system-simulator .ww-capacity-explorer header p,
      #ww-system-simulator .ww-capacity-explorer label,
      #ww-system-simulator .ww-capacity-explorer input,
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-result,
      #ww-system-simulator .ww-capacity-explorer .ww-live-readout-note {
        font-size: clamp(17px, 1.25vw, 19px) !important;
        line-height: 1.45 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-controls {
        gap: 14px !important;
      }

      #ww-system-simulator .ww-guided-loop-size-field .ww-loop-choice-title {
        font-size: clamp(19px, 1.5vw, 22px) !important;
      }
      #ww-system-simulator .ww-guided-loop-size-field .ww-loop-size-choice {
        min-height: 50px !important;
        font-size: 17px !important;
        font-weight: 800 !important;
      }
      #ww-system-simulator .ww-guided-loop-size-field small {
        font-size: 16px !important;
        line-height: 1.45 !important;
      }

      #ww-system-simulator .ww-source-panel[data-source-panel="lake"][hidden] {
        display: none !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"]:not([hidden]) {
        display: grid !important;
        grid-template-columns: minmax(0, 2.35fr) minmax(180px, .65fr) !important;
        gap: 16px !important;
        width: min(100%, 960px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        align-items: start;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > h4,
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > .ww-guided-custom-pump,
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > .ww-source-confirm {
        grid-column: 1 / -1;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > h4 {
        margin: 0 0 4px !important;
        font-size: clamp(23px, 2.2vw, 29px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p:first-of-type {
        grid-column: 1 / 2;
        margin: 0 !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > .ww-pump-suppliers {
        grid-column: 2 / 3;
        min-width: 0;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] label {
        display: grid !important;
        gap: 9px;
        color: #17130f !important;
        font-size: clamp(18px, 1.35vw, 20px) !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-align: left !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] .ww-guided-pump {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 11px 14px !important;
        border-radius: 11px !important;
        font-size: clamp(17px, 1.25vw, 19px) !important;
        font-weight: 750 !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] .ww-source-confirm {
        font-size: clamp(17px, 1.25vw, 19px) !important;
        line-height: 1.5 !important;
      }
      @media (max-width: 720px) {
        #ww-system-simulator .ww-source-panel[data-source-panel="lake"]:not([hidden]) {
          grid-template-columns: 1fr !important;
        }
        #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p:first-of-type,
        #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > .ww-pump-suppliers {
          grid-column: 1;
        }
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-step > h3 {
        font-size: clamp(26px, 2.8vw, 32px) !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-step > p {
        font-size: clamp(18px, 1.5vw, 20px) !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > label,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid > p > label,
      #ww-system-simulator .ww-unified-workspace .ww-loop-counts > label {
        font-size: clamp(17px, 1.3vw, 19px) !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid input,
      #ww-system-simulator .ww-unified-workspace .ww-route-grid select,
      #ww-system-simulator .ww-unified-workspace .ww-route-choice button,
      #ww-system-simulator .ww-unified-workspace .ww-calculate-route {
        font-size: 17px !important;
      }
      #ww-system-simulator .ww-unified-workspace .ww-route-grid small {
        font-size: 16px !important;
      }
      #ww-system-simulator .ww-sample-options p,
      #ww-system-simulator .ww-sample-capacity-planner p,
      #ww-system-simulator .ww-sample-options label,
      #ww-system-simulator .ww-sample-capacity-planner label,
      #ww-system-simulator .ww-sample-options button,
      #ww-system-simulator .ww-sample-capacity-planner button,
      #ww-system-simulator .ww-sample-options input,
      #ww-system-simulator .ww-sample-capacity-planner input,
      #ww-system-simulator .ww-sample-options select,
      #ww-system-simulator .ww-sample-capacity-planner select {
        font-size: clamp(17px, 1.3vw, 19px) !important;
      }
      #ww-system-simulator .ww-sample-options small,
      #ww-system-simulator .ww-sample-capacity-planner small {
        font-size: 16px !important;
      }
      #ww-system-simulator .ww-sample-ground-type {
        display: none !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-try-combination-heading {
        display: inline-block !important;
        margin-bottom: 20px !important;
        font-size: 19px !important;
      }

      #ww-system-simulator .ww-source-panel[data-source-panel="lake"]:not([hidden]) {
        grid-template-columns: minmax(0, 3.2fr) minmax(130px, .65fr) !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p:first-of-type,
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p:first-of-type > label,
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] .ww-guided-pump {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p:first-of-type {
        justify-self: stretch !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] label {
        font-size: clamp(18px, 1.4vw, 20px) !important;
      }
      #ww-system-simulator .ww-source-panel[data-source-panel="lake"] .ww-guided-pump {
        font-size: clamp(17px, 1.3vw, 19px) !important;
      }
      @media (max-width: 720px) {
        #ww-system-simulator .ww-source-panel[data-source-panel="lake"]:not([hidden]) {
          grid-template-columns: 1fr !important;
        }
      }
      #ww-system-simulator .ww-equipment-shell-merged,
      #ww-system-simulator .ww-capacity-controls-merged {
        display: none !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 18px auto 14px !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-stepper-card {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 11px !important;
        border-radius: 14px !important;
        text-align: center !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-card-image-wrap {
        display: grid !important;
        grid-template-rows: minmax(110px, 1fr) auto !important;
        width: 100% !important;
        min-height: 0 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid img {
        width: 100% !important;
        height: 128px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-card-stepper {
        display: grid !important;
        grid-template-columns: 42px minmax(66px, 1fr) 42px !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding: 7px !important;
        border-radius: 11px !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-card-stepper-label {
        grid-column: 1 / -1;
        font-size: 13px !important;
        line-height: 1.2 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-card-stepper button {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-stepper-word {
        display: none !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-stepper-symbol {
        font-size: 24px !important;
        line-height: 1 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-pick-quantity {
        min-width: 0 !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1.2 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-stepper-card > strong {
        margin-top: 9px !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid .ww-stepper-card > span:last-child {
        margin-top: 4px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
      }
      #ww-system-simulator .ww-capacity-explorer .ww-pump-protection-card {
        margin: 12px auto 16px !important;
      }
      @media (max-width: 1050px) {
        #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
      }
      @media (max-width: 720px) {
        #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
      }
      @media (max-width: 420px) {
        #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid {
          grid-template-columns: 1fr !important;
        }
      }
      #ww-system-simulator .ww-unified-workspace .ww-equipment-step.ww-equipment-shell-merged[hidden] {
        display: none !important;
      }

/* system-designer-route-readability.css */


body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-step{box-sizing:border-box!important;width:min(100%,980px)!important;margin:20px auto!important;padding:clamp(22px,3vw,34px)!important;border:1px solid rgba(242,111,24,.62)!important;border-radius:20px!important;background:linear-gradient(155deg,#1b252a 0%,#11181c 100%)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-step>h3{max-width:780px!important;margin:0 auto 10px!important;color:#fff!important;font-size:clamp(26px,2.8vw,32px)!important;font-weight:900!important;line-height:1.18!important;text-align:center!important;text-wrap:balance}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-step>p{max-width:780px!important;margin:0 auto 24px!important;color:#dce7eb!important;font-size:clamp(18px,1.5vw,20px)!important;font-weight:650!important;line-height:1.52!important;text-align:center!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:min(100%,900px)!important;margin:0 auto!important;align-items:stretch!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid>label,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid>p>label{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-width:0!important;width:100%!important;margin:0!important;padding:18px!important;border:1px solid rgba(224,102,18,.46)!important;border-radius:15px!important;background:linear-gradient(145deg,#fff8f0 0%,#ffeddd 100%)!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important;color:#18130f!important;font-size:18px!important;font-weight:850!important;line-height:1.35!important;text-align:left!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid>label:nth-of-type(5){grid-column:auto!important;justify-self:stretch!important;width:100%!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid label>span,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid .ww-unified-supply-size-title{display:block!important;color:#18130f!important;font-size:18px!important;font-weight:900!important;line-height:1.3!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid small{display:block!important;color:#40362e!important;font-size:16px!important;font-weight:650!important;line-height:1.48!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid input,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid select{box-sizing:border-box!important;width:100%!important;min-height:50px!important;padding:11px 13px!important;border:2px solid #9dadb5!important;border-radius:11px!important;background:#fff!important;color:#102832!important;font-size:17px!important;font-weight:750!important;line-height:1.35!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid input:focus,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid select:focus{outline:3px solid rgba(47,153,211,.24)!important;outline-offset:1px!important;border-color:#167eae!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-unified-supply-size-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:3px 0 6px!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-supply-size-choice,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-choice button,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-loop-size-choice{min-height:52px!important;padding:11px 14px!important;border:2px solid #6e8996!important;border-radius:12px!important;background:#263943!important;color:#fff!important;font-size:17px!important;font-weight:850!important;line-height:1.3!important;text-align:center!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-supply-size-choice[aria-pressed="true"],
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-choice button[aria-pressed="true"],
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-loop-size-choice[aria-pressed="true"]{border-color:#59b9ed!important;background:linear-gradient(145deg,#176c99,#124865)!important;box-shadow:0 0 0 3px rgba(65,174,232,.2)!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-choice{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-column:1/-1!important;gap:12px!important;width:100%!important;margin:2px 0 0!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid>p:not(:empty){box-sizing:border-box!important;display:block!important;grid-column:1/-1!important;width:100%!important;margin:0!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field{box-sizing:border-box!important;display:grid!important;grid-column:1/-1!important;gap:10px!important;width:100%!important;margin:0!important;padding:18px!important;border:1px solid rgba(224,102,18,.46)!important;border-radius:15px!important;background:linear-gradient(145deg,#fff8f0 0%,#ffeddd 100%)!important;color:#18130f!important;text-align:left!important}
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field .ww-loop-choice-title,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-guided-loop-size-field small{color:#18130f!important;font-size:16px!important;line-height:1.48!important}
@media(max-width:760px){
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-step{padding:20px 14px!important}
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid{grid-template-columns:1fr!important;gap:13px!important}
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-grid>*{grid-column:auto!important;width:100%!important;max-width:none!important}
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-route-choice,
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-unified-supply-size-choices,
 body.page-id-6353 #ww-system-simulator .ww-unified-workspace .ww-loop-size-choices{grid-template-columns:1fr!important}
}

/* system-designer-route-selector.css */

		#ww-system-simulator #ww-guided-endpoint-wrap,
		#ww-system-simulator #ww-loop-sprinkler-counts,
		body.page-id-6353 #ww-system-simulator .ww-capacity-explorer .ww-capacity-product-grid,
		#ww-system-simulator .ww-capacity-explorer {
			display: none !important;
		}

		body.page-id-6353 #ww-system-simulator[data-guided-layout="deadend"] .ww-unified-workspace .ww-guided-loop-size-field {
			display: none !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel {
			grid-column: 1 / -1 !important;
			box-sizing: border-box;
			width: 100%;
			margin: 0;
			padding: clamp(15px, 2vw, 22px);
			border: 1px solid rgba(224, 102, 18, .55);
			border-radius: 16px;
			background: linear-gradient(145deg, #fffaf5, #ffead8) !important;
			box-shadow: 0 10px 24px rgba(55, 29, 12, .08);
			color: #17120f !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel > header {
			max-width: 860px;
			margin: 0 auto 14px;
			text-align: center;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel h4 {
			margin: 0 0 5px;
			color: #17120f !important;
			font-size: clamp(19px, 2.2vw, 24px) !important;
			line-height: 1.2;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel p {
			margin: 0;
			color: #35271f !important;
			font-size: clamp(16px, 1.7vw, 18px) !important;
			line-height: 1.5;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-controls {
			display: none !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-product-grid {
			display: grid !important;
			grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
			gap: 12px !important;
			width: 100% !important;
			margin: 16px auto 0 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-product-grid .ww-stepper-card {
			display: flex !important;
			min-width: 0;
			min-height: 0 !important;
			margin: 0;
			flex-direction: column !important;
			padding: 11px !important;
			border: 1px solid rgba(18, 53, 65, .22);
			border-radius: 14px !important;
			background: rgba(255, 255, 255, .92) !important;
			color: #17252b !important;
			text-align: center !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-image-wrap {
			display: grid !important;
			grid-template-rows: 128px auto !important;
			width: 100% !important;
			min-height: 0 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-image-wrap > img {
			display: block !important;
			width: 100% !important;
			height: 128px !important;
			margin: 0 auto !important;
			object-fit: contain !important;
			object-position: center !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper {
			display: grid !important;
			grid-template-columns: 42px minmax(64px, 1fr) 42px !important;
			gap: 6px !important;
			align-items: center !important;
			width: 100% !important;
			margin-top: 8px !important;
			padding: 7px !important;
			border-radius: 11px !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper-label {
			grid-column: 1 / -1 !important;
			font-size: 13px !important;
			line-height: 1.2 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper button {
			box-sizing: border-box !important;
			width: 42px !important;
			min-width: 42px !important;
			height: 42px !important;
			min-height: 42px !important;
			padding: 0 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-word {
			display: none !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-symbol {
			font-size: 24px !important;
			line-height: 1 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-pick-quantity {
			min-width: 0 !important;
			font-size: 15px !important;
			font-weight: 850 !important;
			line-height: 1.2 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-card > strong {
			margin-top: 9px !important;
			color: #17252b !important;
			font-size: 16px !important;
			line-height: 1.25 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-card > span:last-child {
			margin-top: 4px !important;
			color: #3c5058 !important;
			font-size: 14px !important;
			line-height: 1.35 !important;
		}

		body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-result {
			margin: 14px 0 0;
			padding: 12px 14px;
			border-radius: 11px;
			background: #173b48;
			color: #fff;
			font-size: 16px;
			line-height: 1.5;
			text-align: center;
		}

		@media (max-width: 980px) {
			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-product-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			}
		}

		@media (max-width: 640px) {
			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel {
				padding: 14px;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-product-grid {
				grid-template-columns: 1fr !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-capacity-product-grid .ww-stepper-card {
				display: grid !important;
				grid-template-columns: 84px minmax(0, 1fr) !important;
				grid-template-rows: auto auto auto !important;
				gap: 6px 10px !important;
				align-items: center !important;
				text-align: left !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-image-wrap {
				display: contents !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-image-wrap > img {
				grid-column: 1 !important;
				grid-row: 1 / 3 !important;
				width: 84px !important;
				height: 112px !important;
				align-self: start !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper {
				grid-column: 1 / -1 !important;
				grid-row: 3 !important;
				grid-template-columns: 38px minmax(72px, 1fr) 38px !important;
				gap: 6px !important;
				width: 100% !important;
				margin: 4px 0 0 !important;
				padding: 6px !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper button {
				width: 38px !important;
				min-width: 38px !important;
				height: 38px !important;
				min-height: 38px !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper button[data-ww-step="-1"] {
				grid-column: 1 !important;
				grid-row: 2 !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-card .ww-card-stepper .ww-pick-quantity {
				grid-column: 2 !important;
				grid-row: 2 !important;
				min-height: 38px !important;
				font-size: 14px !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-card-stepper button[data-ww-step="1"] {
				grid-column: 3 !important;
				grid-row: 2 !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-card > strong {
				grid-column: 2 !important;
				grid-row: 1 !important;
				margin: 0 !important;
				text-align: left !important;
			}

			body.page-id-6353 #ww-system-simulator .ww-route-sprinkler-panel .ww-stepper-card > span:last-child {
				grid-column: 2 !important;
				grid-row: 2 !important;
				margin: 0 !important;
				text-align: left !important;
			}
		}

/* system-designer-conditions.css */
#ww-canada-conditions{position:fixed;z-index:9990;right:12px;top:var(--ww-side-top);bottom:12px;width:320px;overflow:auto;box-sizing:border-box;padding:8px;border:1px solid rgba(111,137,154,.46);border-right:4px solid #f28c28;border-radius:12px;background:rgba(255,255,255,.56);box-shadow:0 7px 22px rgba(20,24,27,.24);font:12px/1.3 Arial,sans-serif;color:#050505;font-weight:600;text-shadow:0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 rgba(255,255,255,.95),-1px 0 0 rgba(255,255,255,.95)}
.wwc-tabs{display:flex;justify-content:center;margin-bottom:7px}.wwc-tabs .wwc-precise{width:min(190px,80%)}.wwc-tab,.wwc-precise,#wwc-full{min-height:30px;border:1px solid #d45c0b;border-radius:9px;background:linear-gradient(#171717,#050505);color:#fff;font:900 10.5px/1.1 Arial;padding:5px 3px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.22);transition:background-color .12s ease,transform .12s ease}.wwc-tab.is-active,.wwc-tab:hover,.wwc-tab:focus-visible,.wwc-precise:hover,.wwc-precise:focus-visible,#wwc-full:hover,#wwc-full:focus-visible{background:linear-gradient(#ee771c,#bd4605);color:#fff;outline:2px solid #fff;outline-offset:1px}.wwc-tab:active,.wwc-precise:active{transform:translateY(1px)}.wwc-area-row{display:flex;align-items:center;min-height:18px;margin:4px 0 2px}.wwc-area-row label{margin:0!important}.wwc-risk{margin:7px 0 8px;padding:7px;border:1px solid rgba(61,78,50,.45);border-radius:8px;background:rgba(255,255,255,.72);box-shadow:0 3px 10px rgba(0,0,0,.12);text-shadow:none}.wwc-risk-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.wwc-risk-head strong{color:#151515;font:900 11px Arial}.wwc-risk-head output{padding:2px 6px;border-radius:9px;background:#176b2c;color:#fff;font:900 10px Arial;white-space:nowrap}.wwc-risk-track{position:relative;height:13px;border:1px solid rgba(40,40,30,.55);border-radius:8px;background:linear-gradient(90deg,#45b649 0%,#176b2c 24%,#f2d532 43%,#d59b00 62%,#ef6c00 78%,#b40000 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.28)}.wwc-risk-track span{position:absolute;top:-4px;left:0;width:5px;height:21px;margin-left:-2px;border:2px solid #fff;border-radius:3px;background:#111;box-shadow:0 1px 4px rgba(0,0,0,.7);transition:left .35s ease}.wwc-risk-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:3px;color:#171717;font:800 8px Arial;text-align:center}.wwc-risk small{display:block;margin-top:5px;color:#363636;font:700 8px/1.25 Arial}.wwc-view-title{margin:5px 0 4px;color:#050505;font:900 12px Arial;text-align:center;border-bottom:2px solid #d45c0b;padding-bottom:4px}.wwc-view label{display:block;color:#8f2f00;font-weight:900;text-shadow:0 1px #fff,0 -1px #fff;margin:5px 0 2px}.wwc-view select{width:100%;font:11px Arial;padding:4px 2px;border:1px solid #9db4c2;border-radius:5px;background:#fff}.wwc-action{width:100%;margin:5px 0}.wwc-card{display:grid;gap:3px;margin:7px 0;padding:7px;border-left:3px solid #ef7924;border-radius:5px;background:rgba(255,255,255,.68)}#wwc-fire-summary{min-height:72px;box-sizing:border-box}#wwc-alerts{min-height:112px;contain:layout style}#wwc-now{min-height:58px;box-sizing:border-box}.wwc-days{min-height:178px;contain:layout style}#wwc-rain{min-height:62px;box-sizing:border-box}.wwc-map-wrap{contain:layout paint}.wwc-risk{contain:layout style}.wwc-card strong,.wwc-map-wrap figcaption{color:#8f2f00;font-weight:900;text-shadow:0 1px #fff}.wwc-card span{display:block;color:#050505}#wwc-rain.wwc-dry-alert{margin:7px 0 9px;border:2px solid #ff8a3d;border-left:7px solid #ff5a1f;background:linear-gradient(135deg,#5f0000,#a40812);box-shadow:0 5px 16px rgba(80,0,0,.38);color:#fff;text-shadow:none}#wwc-rain.wwc-dry-alert strong{display:block;color:#fff;font-size:13px;letter-spacing:.02em;text-transform:uppercase}#wwc-rain.wwc-dry-alert strong:before{content:"⚠ ";color:#ffb066}#wwc-rain.wwc-dry-alert span{color:#fff;font-weight:850;line-height:1.35}#wwc-rain.wwc-wet-low{border:2px solid #d89a00;border-left:6px solid #f2b800;background:linear-gradient(135deg,rgba(255,249,210,.97),rgba(255,220,92,.94));box-shadow:0 4px 14px rgba(160,105,0,.18)}#wwc-rain.wwc-wet-low strong{color:#754600}#wwc-rain.wwc-wet-light{border-left:5px solid #2d8fd5;background:linear-gradient(135deg,rgba(235,247,255,.96),rgba(196,228,250,.94))}#wwc-rain.wwc-wet-medium{border:2px solid #176eaa;border-left:6px solid #087fc9;background:linear-gradient(135deg,rgba(210,239,255,.97),rgba(115,195,242,.94));box-shadow:0 4px 14px rgba(0,92,153,.2)}#wwc-rain.wwc-wet-strong{border:2px solid #005b9f;border-left:7px solid #003f88;background:linear-gradient(135deg,rgba(90,184,240,.97),rgba(20,105,185,.96));box-shadow:0 4px 16px rgba(0,55,120,.3);text-shadow:none}#wwc-rain.wwc-wet-strong strong,#wwc-rain.wwc-wet-strong span{color:#fff;text-shadow:0 1px 2px rgba(0,34,72,.75)}.wwc-alerts a{display:block;margin:5px 0;padding:5px;border-radius:5px;background:#fff2e8;color:#7e3200;font-weight:700;text-decoration:none}.wwc-link{display:block;margin:7px 0;color:#8c3100;font-weight:700}.wwc-days{display:grid;gap:3px}.wwc-day{display:grid;grid-template-columns:1fr auto;gap:1px 4px;padding:4px;border-bottom:1px solid #d7e1e7}.wwc-day small{grid-column:1/-1}.wwc-footer{display:grid;gap:4px;margin-top:7px;text-align:center}.wwc-footer small{font-size:9px;color:#566}.wwc-map-wrap{margin:8px 0;padding:7px;border:1px solid #c9d8e0;border-radius:8px;background:rgba(255,255,255,.68)}.wwc-map-wrap figcaption{margin-bottom:4px;font-weight:800;color:#8f2f00;text-align:center}.wwc-live-map{display:none}.wwc-map-canvas{position:relative;display:block;width:100%;aspect-ratio:25/19;overflow:hidden;border-radius:6px;background:#eaf6fb}.wwc-map-wrap img,.wwc-map-wrap svg{display:block;width:100%;height:auto;background:linear-gradient(#eaf6fb,#f7fbfd);border-radius:6px}.wwc-map-wrap img{aspect-ratio:25/19;object-fit:contain}.wwc-map-load-prompt{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:5px;padding:20px;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(15,54,65,.94),rgba(16,104,139,.82));pointer-events:none}.wwc-map-load-prompt b{font:800 13px/1.2 Arial,sans-serif}.wwc-map-load-prompt small{font:700 9px/1.35 Arial,sans-serif;opacity:.9}.wwc-map-canvas.wwc-map-loaded .wwc-map-load-prompt{display:none}.wwc-map-canvas.wwc-map-loading .wwc-map-load-prompt b{font-size:0}.wwc-map-canvas.wwc-map-loading .wwc-map-load-prompt b:after{content:"Loading detailed wildfire map…";font-size:13px}.wwc-location-pin{position:absolute;z-index:4;transform:translate(-50%,-100%);display:grid;justify-items:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));pointer-events:none}.wwc-location-pin[hidden]{display:none}.wwc-location-pin i{display:block;width:14px;height:14px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#e84f16;transform:rotate(-45deg);box-shadow:0 0 0 2px #111}.wwc-location-pin b{margin-top:3px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.84);color:#fff;font:800 9px Arial;white-space:nowrap}.wwc-map-fallback{display:none!important}.wwc-map-wrap.is-fallback img{display:none}.wwc-map-wrap.is-fallback .wwc-map-fallback{display:block!important}.wwc-map-wrap #wwc-map-status{display:block;margin-top:5px;text-align:center;font-size:9px;color:#566}.wwc-canada{fill:#e7eee5;stroke:#567565;stroke-width:2}.wwc-fire-dot{fill:#ef5b28;stroke:#fff;stroke-width:.7}.wwc-map-wrap text{font:10px Arial;fill:#435c69}.wwc-map-wrap{cursor:zoom-in}#ww-canada-conditions.wwc-map-open{z-index:100000;overflow:visible}.wwc-map-wrap.wwc-map-expanded{position:fixed;inset:12px;z-index:1;margin:0;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box;border:3px solid #d45c0b;border-radius:14px;background:rgba(9,9,9,.96);box-shadow:0 12px 40px rgba(0,0,0,.55);cursor:zoom-out}.wwc-map-expanded>.wwc-live-map{display:none!important}.wwc-map-expanded>.wwc-map-canvas{display:block;align-self:center;justify-self:center;width:min(100%,calc((100vh - 110px)*25/19));height:auto;aspect-ratio:25/19;overflow:hidden;border-radius:9px;background:#fff}.wwc-map-expanded>#wwc-fire-map,.wwc-map-expanded>#wwc-map-status{display:none!important}.wwc-map-expanded img,.wwc-map-expanded svg{width:100%;height:100%;max-height:none;object-fit:contain;background:#fff}.wwc-map-expanded figcaption,.wwc-map-expanded #wwc-map-status{position:relative;z-index:3;color:#fff!important;font-size:14px!important;text-shadow:0 1px 2px #000}.wwc-map-expanded figcaption::after{content:' • High-resolution official map • scroll to zoom • drag to move';font-size:11px;font-weight:600}.wwc-map-expanded img,.wwc-map-expanded svg{cursor:grab;user-select:none;touch-action:none;will-change:transform}.wwc-map-expanded img.is-dragging,.wwc-map-expanded svg.is-dragging{cursor:grabbing}#wwc-map-close{display:none;position:absolute;z-index:1400;top:18px;right:22px;min-width:118px;min-height:46px;border:2px solid #fff;border-radius:999px;background:#d45c0b;color:#fff;font:900 14px/1.15 Arial,sans-serif;padding:10px 18px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.55);isolation:isolate;touch-action:manipulation}.wwc-map-expanded #wwc-map-close{display:block}#wwc-map-close:hover,#wwc-map-close:focus-visible{background:#090909;outline:2px solid #d45c0b;outline-offset:2px}.wwc-map-expanded .leaflet-top.leaflet-right{top:54px}@media(max-width:767px){#wwc-map-close{top:12px;right:12px;min-width:116px;min-height:48px;padding:11px 16px}.wwc-map-expanded .leaflet-top.leaflet-right{top:60px}}
@media(max-width:1199px){#ww-canada-conditions{display:none!important}}
#ww-canada-conditions.wwc-fullscreen{display:block!important;inset:12px!important;width:auto!important;max-height:none!important;padding:18px;opacity:1;pointer-events:auto;transform:none;background:#fff}.wwc-fullscreen .wwc-days{grid-template-columns:repeat(5,minmax(110px,1fr))}.wwc-fullscreen{font-size:15px}

/* system-designer-pump-cards.css */
#ww-system-simulator .ww-capable-pump-copy {
            display: flex !important;
            flex-direction: column !important;
            min-width: 0;
        }
        #ww-system-simulator .ww-capable-pump-copy > .ww-pump-status { order: 1; }
        #ww-system-simulator .ww-capable-pump-copy > h5 { order: 2; }
        #ww-system-simulator .ww-capable-pump-copy > .ww-mini-curve-wrap {
            order: 3;
            margin: .7rem 0 .85rem;
        }
        #ww-system-simulator .ww-capable-pump-copy > .ww-pump-math {
            order: 4;
            margin-top: .2rem;
        }
        #ww-system-simulator .ww-capable-pump-copy > .ww-pump-margin { order: 5; }
        #ww-system-simulator .ww-capable-pump-copy > .ww-select-pump-cta { order: 6; }
        #ww-system-simulator .ww-capable-pump-copy > .ww-pump-link-row { order: 7; }
        #ww-system-simulator .ww-capable-pump-copy > .ww-pump-recovery { order: 8; }
        #ww-system-simulator .ww-capable-pump-card.is-selectable-pump {
            cursor: pointer;
            transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
        }
        #ww-system-simulator .ww-capable-pump-card.is-selectable-pump:hover,
        #ww-system-simulator .ww-capable-pump-card.is-selectable-pump:focus-visible {
            border-color: #f36c21 !important;
            box-shadow: 0 0 0 3px rgba(243,108,33,.2), 0 12px 28px rgba(0,0,0,.16);
            outline: none;
            transform: translateY(-2px);
        }
        #ww-system-simulator .ww-capable-pump-card.is-selectable-pump:active {
            transform: translateY(0);
        }
        #ww-system-simulator .ww-select-pump-cta {
            display: block;
            margin: .75rem 0 0;
            padding: .67rem .9rem;
            border: 2px solid #f36c21;
            border-radius: 999px;
            background: #fff3e9;
            color: #632500;
            font-weight: 900;
            line-height: 1.25;
            text-align: center;
        }
        #ww-system-simulator .ww-capable-pump-card.is-activating .ww-select-pump-cta {
            background: #f36c21;
            color: #111;
        }
        #ww-system-simulator .ww-pump-recovery {
            margin-top: 1rem;
            padding: 1rem;
            border: 2px solid #f36c21;
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(82,20,13,.96), rgba(25,28,31,.98));
            color: #fff;
        }
        #ww-system-simulator .ww-pump-recovery__eyebrow {
            display: block;
            margin-bottom: .25rem;
            color: #ffb17e;
            font-size: .78rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
        }
        #ww-system-simulator .ww-pump-recovery h6 {
            margin: 0;
            color: #fff;
            font-size: 1.22rem;
            line-height: 1.2;
        }
        #ww-system-simulator .ww-pump-recovery__intro {
            margin: .45rem 0 .85rem;
            color: #f6f6f6;
            font-size: .98rem;
            line-height: 1.45;
        }
        #ww-system-simulator .ww-pump-recovery__grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: .55rem;
        }
        #ww-system-simulator .ww-pump-recovery__item {
            display: grid;
            grid-template-columns: 36px minmax(28px, 1fr) 36px;
            align-items: center;
            gap: .3rem;
            min-width: 0;
            padding: .55rem;
            border: 1px solid rgba(255,255,255,.28);
            border-radius: 12px;
            background: rgba(255,255,255,.08);
        }
        #ww-system-simulator .ww-pump-recovery__name {
            grid-column: 1 / -1;
            min-height: 2.35em;
            color: #fff;
            font-size: .78rem;
            font-weight: 850;
            line-height: 1.18;
            text-align: center;
        }
        #ww-system-simulator .ww-pump-recovery__item button {
            display: grid;
            place-items: center;
            width: 36px;
            height: 36px;
            min-width: 36px;
            padding: 0;
            border: 2px solid #ff8b42;
            border-radius: 50%;
            background: #151719;
            color: #fff;
            font-size: 1.25rem;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
        }
        #ww-system-simulator .ww-pump-recovery__item button:hover,
        #ww-system-simulator .ww-pump-recovery__item button:focus-visible {
            background: #f36c21;
            color: #111;
            outline: 2px solid #fff;
            outline-offset: 2px;
        }
        #ww-system-simulator .ww-pump-recovery__item button:disabled {
            border-color: #777;
            opacity: .42;
            cursor: not-allowed;
        }
        #ww-system-simulator .ww-pump-recovery__qty {
            color: #fff;
            font-size: 1.08rem;
            font-weight: 900;
            text-align: center;
        }
        #ww-system-simulator .ww-pump-recovery__note {
            margin: .8rem 0 0;
            color: #ffd8bf;
            font-size: .86rem;
            font-weight: 750;
            line-height: 1.35;
            text-align: center;
        }

        /* Compact, readable pump results and correctly rendered SVG curves. */
        #ww-system-simulator .ww-manifold-pumps {
            margin-top: 1rem;
        }
        #ww-system-simulator .ww-manifold-pumps-head {
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
            gap: 1rem;
            align-items: center;
            padding: 1rem 1.1rem;
            border: 1px solid rgba(98,195,250,.32);
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(16,40,50,.98), rgba(18,87,111,.9));
        }
        #ww-system-simulator .ww-selected-pump-check,
        #ww-system-simulator .ww-other-pump-options {
            margin-top: 1rem;
            padding: 1rem;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 18px;
            background: rgba(11,24,30,.72);
        }
        #ww-system-simulator .ww-selected-pump-check > h5,
        #ww-system-simulator .ww-other-pump-options > h5 {
            margin: 0 0 .45rem !important;
            color: #fff !important;
            font-size: clamp(20px, 2.2vw, 27px) !important;
            line-height: 1.2 !important;
            text-align: center;
        }
        #ww-system-simulator .ww-selected-pump-check > p,
        #ww-system-simulator .ww-other-pump-options > p {
            margin: 0 auto .9rem;
            max-width: 70ch;
            color: #e7eef1 !important;
            font-size: 16px !important;
            line-height: 1.5 !important;
            text-align: center;
        }
        #ww-system-simulator .ww-capable-pump-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 1rem !important;
            align-items: start;
        }
        #ww-system-simulator .ww-selected-pump-grid {
            grid-template-columns: minmax(0, 1fr) !important;
        }
        #ww-system-simulator .ww-capable-pump-card {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: .65rem;
            align-content: start;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0;
            height: auto !important;
            padding: .9rem !important;
            overflow: hidden;
            border: 1px solid rgba(98,195,250,.35);
            border-radius: 16px;
            background: linear-gradient(150deg, rgba(22,31,35,.98), rgba(10,19,23,.98));
            color: #f4f8fa;
        }
        #ww-system-simulator .ww-capable-pump-card.is-capable {
            border-color: rgba(68,190,112,.68);
        }
        #ww-system-simulator .ww-capable-pump-card.is-insufficient {
            border-color: rgba(243,108,33,.72);
        }
        #ww-system-simulator .ww-capable-pump-thumb {
            display: grid !important;
            place-items: center;
            width: min(100%, 210px) !important;
            height: 126px !important;
            min-height: 126px;
            margin: 0 auto .15rem !important;
            padding: .4rem;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 12px;
            background: #fff;
        }
        #ww-system-simulator .ww-capable-pump-thumb img {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            object-fit: contain !important;
            object-position: center !important;
        }
        #ww-system-simulator .ww-capable-pump-copy {
            width: 100%;
            min-width: 0;
        }
        #ww-system-simulator .ww-capable-pump-copy > h5 {
            margin: .2rem 0 .35rem !important;
            color: #fff !important;
            font-size: clamp(1.08rem, 1.7vw, 1.32rem) !important;
            line-height: 1.2 !important;
            text-align: center;
        }
        #ww-system-simulator .ww-pump-status {
            display: inline-flex !important;
            align-self: center;
            width: auto !important;
            max-width: 100%;
            padding: .32rem .68rem;
            border-radius: 999px;
            background: rgba(255,255,255,.1);
            color: #edf5f7 !important;
            font-size: .86rem !important;
            font-weight: 850;
            line-height: 1.25 !important;
            text-align: center;
        }
        #ww-system-simulator .ww-mini-curve-wrap {
            width: 100% !important;
            max-width: 520px;
            height: auto !important;
            min-height: 0 !important;
            margin: .55rem auto .7rem !important;
            padding: .55rem .55rem .45rem;
            border: 1px solid rgba(98,195,250,.26);
            border-radius: 12px;
            background: #0e1b21;
        }
        #ww-system-simulator .ww-mini-pump-curve {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            max-width: 100% !important;
            max-height: 265px !important;
            aspect-ratio: 280 / 158;
            overflow: visible;
        }
        #ww-system-simulator .ww-mini-pump-curve text {
            fill: #dceaf0 !important;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
            font-size: 6px !important;
            font-weight: 650 !important;
            line-height: 1 !important;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-axis {
            stroke: #8ca5af !important;
            stroke-width: 1.2 !important;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-line {
            fill: none !important;
            stroke: #62c3fa !important;
            stroke-width: 2.3 !important;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-flow {
            stroke: #62c3fa !important;
            stroke-width: 1.25 !important;
            stroke-dasharray: 3 3;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-need {
            stroke: #ffad65 !important;
            stroke-width: 1.45 !important;
            stroke-dasharray: 4 3;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-point {
            fill: #62c3fa !important;
            stroke: #fff !important;
            stroke-width: 1 !important;
        }
        #ww-system-simulator .ww-mini-pump-curve .ww-curve-required-point {
            fill: #ffad65 !important;
            stroke: #fff !important;
            stroke-width: 1 !important;
        }
        #ww-system-simulator .ww-curve-legend {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center;
            gap: .35rem .75rem;
            width: 100% !important;
            height: auto !important;
            margin-top: .35rem;
            color: #dceaf0;
            font-size: .78rem !important;
            line-height: 1.25 !important;
        }
        #ww-system-simulator .ww-pump-detail-toggle {
            order: 4;
            margin: .25rem 0 .45rem;
            border: 1px solid rgba(255,255,255,.18);
            border-radius: 10px;
            background: rgba(255,255,255,.055);
        }
        #ww-system-simulator .ww-pump-detail-toggle > summary {
            padding: .62rem .75rem;
            color: #eef5f7;
            font-size: .86rem;
            font-weight: 850;
            text-align: center;
            cursor: pointer;
        }
        #ww-system-simulator .ww-pump-detail-toggle[open] > summary {
            border-bottom: 1px solid rgba(255,255,255,.14);
        }
        #ww-system-simulator .ww-pump-detail-toggle .ww-pump-math {
            margin: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
        }
        #ww-system-simulator .ww-pump-math-row {
            flex-wrap: wrap;
            gap: .25rem .75rem !important;
        }
        #ww-system-simulator .ww-pump-math-row span,
        #ww-system-simulator .ww-pump-math-row strong {
            min-width: 0;
            font-size: .82rem !important;
            line-height: 1.35 !important;
        }
        #ww-system-simulator .ww-pump-margin {
            width: auto !important;
            margin: .3rem 0 !important;
            padding: .58rem .7rem;
            border-radius: 10px;
            background: rgba(255,255,255,.075);
            color: #f4f8fa !important;
            font-size: .95rem !important;
            font-weight: 800;
            line-height: 1.35 !important;
            text-align: center;
        }
        #ww-system-simulator .ww-select-pump-cta {
            width: auto !important;
            margin-top: .45rem;
            font-size: .88rem !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-capable-pump-card .ww-select-pump-cta {
            display: grid !important;
            place-items: center;
            width: 100% !important;
            min-height: 44px;
            padding: .65rem .85rem !important;
            border: 2px solid #ff8a3d !important;
            border-radius: 999px !important;
            background: linear-gradient(135deg, #ff9a57, #f36c21) !important;
            color: #151515 !important;
            -webkit-text-fill-color: #151515 !important;
            font-size: 15px !important;
            font-weight: 900 !important;
            line-height: 1.25 !important;
            text-align: center !important;
        }
        #ww-system-simulator .ww-pump-link-row {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .5rem;
            width: 100% !important;
            height: auto !important;
            margin-top: .35rem;
        }
        #ww-system-simulator .ww-pump-link-row a {
            display: grid;
            place-items: center;
            width: 100% !important;
            min-height: 42px;
            padding: .55rem .65rem;
            border: 1px solid rgba(98,195,250,.46);
            border-radius: 9px;
            color: #9bdcff !important;
            font-size: 13px !important;
            font-weight: 800;
            line-height: 1.25 !important;
            text-align: center;
        }
        body.page-id-6353 #ww-system-simulator .ww-source-panel[data-source-panel="lake"]:not([hidden]) {
            grid-template-columns: minmax(0, 1fr) !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > h4,
        body.page-id-6353 #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > p,
        body.page-id-6353 #ww-system-simulator .ww-source-panel[data-source-panel="lake"] > div {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: 100% !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-source-panel[data-source-panel="lake"] .ww-pump-suppliers {
            display: flex !important;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: .55rem;
            height: auto !important;
            padding: .65rem;
        }
        body.page-id-6353 #ww-system-simulator.ww-lake-pump-auto-confirmed .ww-source-step #ww-confirm-source {
            display: none !important;
        }


        /* Keep complete pump images inside their fixed thumbnail frames. */
        body.page-id-6353 #ww-system-simulator .ww-capable-pump-card .ww-capable-pump-thumb img {
            display: block !important;
            width: auto !important;
            height: auto !important;
            max-width: 100% !important;
            max-height: 116px !important;
            aspect-ratio: auto !important;
            object-fit: contain !important;
            object-position: center !important;
            margin: auto !important;
        }
        /* High-contrast printable-report prompt on its light card. */
        body.page-id-6353 #ww-system-simulator #ww-sim-report-actions {
            background: #fff3e8 !important;
            color: #372014 !important;
            -webkit-text-fill-color: #372014 !important;
        }
        body.page-id-6353 #ww-system-simulator #ww-sim-report-actions > p {
            margin: 0 0 .9rem !important;
            color: #372014 !important;
            -webkit-text-fill-color: #372014 !important;
            font-size: 17px !important;
            font-weight: 750 !important;
            line-height: 1.5 !important;
            text-align: center !important;
        }
        body.page-id-6353 #ww-system-simulator #ww-sim-report-actions .ww-sim-report-button {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }


        /* Scan-friendly technical reference below the printable report. */
        body.page-id-6353 #ww-system-simulator .ww-sim-note--structured {
            margin: 1.4rem 0 0 !important;
            padding: 1.15rem !important;
            border: 1px solid rgba(98,195,250,.42) !important;
            border-radius: 18px !important;
            background: linear-gradient(145deg, #102832, #123f50 62%, #172229) !important;
            color: #f7fafb !important;
            font-size: 16px !important;
            line-height: 1.5 !important;
            box-shadow: 0 10px 24px rgba(0,0,0,.18);
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__header {
            max-width: 760px;
            margin: 0 auto .9rem;
            text-align: center;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__eyebrow {
            display: inline-block;
            margin-bottom: .45rem;
            padding: .3rem .7rem;
            border-radius: 999px;
            background: #f36c21;
            color: #111 !important;
            -webkit-text-fill-color: #111 !important;
            font-size: 13px !important;
            font-weight: 900 !important;
            letter-spacing: .055em;
            line-height: 1.2 !important;
            text-transform: uppercase;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note--structured h3 {
            margin: 0 0 .45rem !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: clamp(22px, 2.4vw, 30px) !important;
            line-height: 1.18 !important;
            text-align: center !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__header p {
            margin: 0 !important;
            color: #e5f0f4 !important;
            -webkit-text-fill-color: #e5f0f4 !important;
            font-size: 16px !important;
            line-height: 1.5 !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__alert {
            margin: 0 0 .9rem;
            padding: .75rem .85rem;
            border-left: 5px solid #f36c21;
            border-radius: 10px;
            background: #fff3e8;
            color: #382014 !important;
            -webkit-text-fill-color: #382014 !important;
            font-size: 16px !important;
            font-weight: 800 !important;
            line-height: 1.45 !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .75rem;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__card {
            min-width: 0;
            padding: .85rem;
            border: 1px solid rgba(255,255,255,.18);
            border-radius: 13px;
            background: rgba(255,255,255,.075);
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__card h4 {
            margin: 0 0 .55rem !important;
            color: #ffb17e !important;
            -webkit-text-fill-color: #ffb17e !important;
            font-size: 18px !important;
            line-height: 1.25 !important;
            text-align: left !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__card ul {
            display: grid;
            gap: .45rem;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__card li {
            position: relative;
            margin: 0 !important;
            padding-left: 1.15rem;
            color: #f4f8fa !important;
            -webkit-text-fill-color: #f4f8fa !important;
            font-size: 15px !important;
            line-height: 1.45 !important;
            text-align: left !important;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__card li::before {
            content: "";
            position: absolute;
            left: 0;
            top: .56em;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #62c3fa;
            box-shadow: 0 0 0 3px rgba(98,195,250,.14);
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__stats {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: .42rem;
            margin-top: .65rem;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__stat {
            padding: .5rem .4rem;
            border-radius: 9px;
            background: rgba(0,0,0,.22);
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: 13px !important;
            font-weight: 850 !important;
            line-height: 1.3 !important;
            text-align: center;
        }
        body.page-id-6353 #ww-system-simulator .ww-sim-note__footer {
            margin: .9rem 0 0 !important;
            padding: .75rem .85rem;
            border: 1px solid rgba(255,177,126,.42);
            border-radius: 10px;
            background: rgba(90,35,12,.35);
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: 15px !important;
            font-weight: 750 !important;
            line-height: 1.48 !important;
            text-align: center;
        }


        /* Keep the generated system layout at the top of calculated results. */
        body.page-id-6353 #ww-system-simulator .ww-live-plan--primary {
            margin: 1rem 0 1.2rem !important;
            border: 2px solid rgba(98,195,250,.72) !important;
            border-radius: 16px !important;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(0,0,0,.18);
            scroll-margin-top: 90px;
        }
        body.page-id-6353 #ww-system-simulator .ww-live-plan--primary > figcaption {
            padding: .75rem 1rem !important;
            background: linear-gradient(135deg, #102832, #12576f) !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: clamp(20px, 2.2vw, 27px) !important;
            font-weight: 900 !important;
            line-height: 1.2 !important;
            text-align: center !important;
        }

        @media (max-width: 680px) {
            body.page-id-6353 #ww-system-simulator .ww-sim-note__grid { grid-template-columns: minmax(0, 1fr); }
            body.page-id-6353 #ww-system-simulator .ww-capable-pump-card .ww-capable-pump-thumb img {
                max-height: 98px !important;
            }
            #ww-system-simulator .ww-manifold-pumps-head {
                grid-template-columns: minmax(0, 1fr);
                padding: .8rem;
                text-align: center;
            }
            #ww-system-simulator .ww-selected-pump-check,
            #ww-system-simulator .ww-other-pump-options {
                padding: .72rem;
            }
            #ww-system-simulator .ww-capable-pump-grid,
            #ww-system-simulator .ww-selected-pump-grid {
                grid-template-columns: minmax(0, 1fr) !important;
                gap: .75rem !important;
            }
            #ww-system-simulator .ww-capable-pump-card {
                padding: .72rem !important;
            }
            #ww-system-simulator .ww-capable-pump-thumb {
                width: min(100%, 180px) !important;
                height: 108px !important;
                min-height: 108px;
            }
            #ww-system-simulator .ww-mini-pump-curve {
                max-height: 220px !important;
            }
            #ww-system-simulator .ww-pump-link-row {
                grid-template-columns: minmax(0, 1fr);
            }
            #ww-system-simulator .ww-capable-pump-card.is-selectable-pump:hover {
                transform: none;
            }
            #ww-system-simulator .ww-select-pump-cta {
                padding: .75rem;
                font-size: 1rem;
            }
            #ww-system-simulator .ww-pump-recovery__grid {
                grid-template-columns: minmax(0, 1fr);
            }
            #ww-system-simulator .ww-pump-recovery__item:last-child {
                grid-column: auto;
            }
            #ww-system-simulator .ww-pump-recovery {
                padding: .78rem;
            }
            #ww-system-simulator .ww-pump-recovery__item {
                grid-template-columns: 38px minmax(34px, 1fr) 38px;
                padding: .52rem .6rem;
            }
            #ww-system-simulator .ww-pump-recovery__name {
                min-height: 0;
                font-size: .86rem;
            }
            #ww-system-simulator .ww-pump-recovery__item button {
                width: 38px;
                height: 38px;
                min-width: 38px;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            #ww-system-simulator .ww-capable-pump-card.is-selectable-pump {
                transition: none;
            }
        }

/* system-designer-source-confirmation.css */

      body.page-id-6353 #ww-system-simulator .ww-source-step #ww-confirm-source {
        display: flex !important;
        width: 100% !important;
        min-height: 58px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 13px 22px !important;
        border: 2px solid rgba(255,255,255,.88) !important;
        border-radius: 14px !important;
        background: linear-gradient(135deg,#ff8a3d,#f36c21 58%,#d94b12) !important;
        color: #111 !important;
        -webkit-text-fill-color: #111 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.32) !important;
        font-size: clamp(17px,1.7vw,20px) !important;
        font-weight: 900 !important;
        line-height: 1.3 !important;
        text-align: center !important;
        text-shadow: none !important;
        cursor: pointer !important;
        transition: filter .16s ease, box-shadow .16s ease !important;
      }
      body.page-id-6353 #ww-system-simulator .ww-source-step #ww-confirm-source:hover,
      body.page-id-6353 #ww-system-simulator .ww-source-step #ww-confirm-source:focus-visible {
        filter: brightness(1.08) saturate(1.06);
        box-shadow: 0 9px 21px rgba(0,0,0,.3), 0 0 0 3px rgba(255,138,61,.24) !important;
      }
      #ww-system-simulator #ww-capacity-summary {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) !important;
        gap: 9px !important;
        margin-top: 14px !important;
        padding: 18px 20px !important;
        border: 1px solid rgba(91,214,133,.62) !important;
        border-left: 5px solid #34c96f !important;
        border-radius: 14px !important;
        background: linear-gradient(145deg,rgba(14,48,60,.98),rgba(8,29,38,.98)) !important;
        color: #eef9f3 !important;
        -webkit-text-fill-color: #eef9f3 !important;
        box-shadow: 0 8px 19px rgba(0,0,0,.22) !important;
        text-align: left !important;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-status {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: clamp(17px,1.6vw,20px) !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-status::before {
        content: "✓";
        display: inline-grid;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 2px solid #baf5ce;
        border-radius: 50%;
        background: linear-gradient(145deg,#31c96c,#128742);
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: 0 0 0 3px rgba(49,201,108,.17);
        font-size: 22px;
        font-weight: 950;
        line-height: 1;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-line {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 5px 9px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: clamp(16px,1.45vw,18px) !important;
        font-weight: 750 !important;
        line-height: 1.42 !important;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-model {
        color: #76d2ff !important;
        -webkit-text-fill-color: #76d2ff !important;
        font-weight: 900 !important;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-line b {
        display: inline-flex !important;
        padding: 4px 9px !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.08) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-weight: 900 !important;
      }
      #ww-system-simulator #ww-capacity-summary .ww-capacity-description {
        display: block !important;
        color: #d8e9ef !important;
        -webkit-text-fill-color: #d8e9ef !important;
        font-size: clamp(15px,1.35vw,17px) !important;
        line-height: 1.5 !important;
      }
      @media (max-width:640px) {
        body.page-id-6353 #ww-system-simulator .ww-source-step #ww-confirm-source {
          min-height: 54px !important;
          padding: 12px 15px !important;
          font-size: 17px !important;
        }
        #ww-system-simulator #ww-capacity-summary {
          gap: 8px !important;
          padding: 16px 15px !important;
        }
        #ww-system-simulator #ww-capacity-summary .ww-capacity-status::before {
          flex-basis: 30px;
          width: 30px;
          height: 30px;
          font-size: 20px;
        }
      }

/* system-designer-result-readability.css */
#ww-system-simulator .ww-manifold-summary {
  display: grid !important;
  gap: 8px !important;
  margin: 16px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(122, 213, 255, .42) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .065) !important;
}

#ww-system-simulator .ww-manifold-summary > * {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere;
}

#ww-system-simulator .ww-manifold-summary > strong {
  font-size: clamp(1.1rem, 2.7vw, 1.35rem) !important;
  line-height: 1.25 !important;
  color: #fff !important;
}

#ww-system-simulator .ww-manifold-summary > span {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #f4f8fa !important;
}

#ww-system-simulator .ww-manifold-grid {
  display: grid !important;
  gap: 12px !important;
}

#ww-system-simulator .ww-manifold-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 14px !important;
  align-items: start !important;
  padding: 15px 16px !important;
  border-radius: 14px !important;
}

#ww-system-simulator .ww-manifold-row > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#ww-system-simulator .ww-manifold-row strong,
#ww-system-simulator .ww-manifold-row em,
#ww-system-simulator .ww-manifold-row b,
#ww-system-simulator .ww-manifold-row small {
  display: block !important;
  margin: 0 !important;
  overflow-wrap: anywhere;
}

#ww-system-simulator .ww-manifold-row > b {
  white-space: nowrap;
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
}

#ww-system-simulator .ww-manifold-row > small {
  grid-column: 1 / -1;
  font-size: .96rem !important;
  line-height: 1.55 !important;
}

@media (max-width: 520px) {
  #ww-system-simulator .ww-manifold-summary {
    text-align: left !important;
  }

  #ww-system-simulator .ww-manifold-row {
    grid-template-columns: minmax(0, 1fr) !important;
    text-align: center !important;
  }

  #ww-system-simulator .ww-manifold-row > b {
    justify-self: center;
  }

  #ww-system-simulator .ww-manifold-row > small {
    grid-column: 1 !important;
  }
}