.pantera-calculator{
  --burgundy: #560015;
  --burgundy-soft: #7a1630;
  --rose: #e3d5e7;
  --rose-light: #f8f2f8;
  --ink: #27161e;
  --muted: #6d5c64;
  --line: rgba(86, 0, 21, 0.14);
  --card: rgba(255, 255, 255, 0.82);
  --shadow: 0 24px 70px rgba(86, 0, 21, 0.15);
}

.pantera-calculator,
.pantera-calculator *{
  box-sizing: border-box;
}

.pantera-calculator{
  margin: 0;
  min-height: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), transparent 34rem),
    linear-gradient(135deg, var(--rose) 0%, #f4eaf4 44%, #fff9fb 100%);
}

.pantera-calculator [data-pantera-calculator-form] button,
.pantera-calculator [data-pantera-calculator-form] input,
.pantera-calculator [data-pantera-calculator-form] select{
  font: inherit;
}

.pantera-calculator .app-shell{
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 42px;
}

.pantera-calculator .hero{
  display: grid;
  min-height: 320px;
  align-items: end;
  margin-bottom: 18px;
  padding: 34px 0;
}

.pantera-calculator .hero__content{
  max-width: 760px;
}

.pantera-calculator .eyebrow{
  margin: 0 0 10px;
  color: var(--burgundy);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pantera-calculator h1,
.pantera-calculator h2,
.pantera-calculator h3,
.pantera-calculator p{
  overflow-wrap: anywhere;
}

.pantera-calculator h1{
  margin: 0;
  max-width: 760px;
  font-size: clamp(2.6rem, 10vw, 6.9rem);
  line-height: 0.94;
  letter-spacing: 0;
  color: var(--burgundy);
}

.pantera-calculator .hero-title{
  font-family: "Playfair Display", "DM Serif Display", Georgia, serif;
  font-size: 35px;
  line-height: 1.12;
}

.pantera-calculator .hero__lead{
  max-width: 650px;
  margin: 22px 0 0;
  font-size: 1.06rem;
  line-height: 1.68;
  color: var(--muted);
}

.pantera-calculator .calculator-layout{
  display: grid;
  gap: 18px;
}

.pantera-calculator .panel{
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--card);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.pantera-calculator .form-panel,
.pantera-calculator .results-panel{
  padding: 22px;
}

.pantera-calculator .form-panel{
  position: relative;
  z-index: 10;
}

.pantera-calculator .results-panel{
  position: relative;
  z-index: 1;
}

.pantera-calculator .section-heading h2,
.pantera-calculator .empty-state h2{
  margin: 0;
  color: var(--burgundy);
  font-size: 1.55rem;
}

.pantera-calculator .form-grid{
  display: grid;
  gap: 16px;
  margin: 22px 0;
}

.pantera-calculator .field{
  display: grid;
  gap: 8px;
}

.pantera-calculator .field span,
.pantera-calculator .field-label{
  font-size: 0.93rem;
  font-weight: 700;
  color: #3b2730;
}

.pantera-calculator .label-row{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pantera-calculator .info-wrapper{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.pantera-calculator .info-button{
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(86, 0, 21, 0.24);
  border-radius: 50%;
  color: var(--burgundy);
  background: rgba(255, 255, 255, 0.82);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
}

.pantera-calculator .info-button:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(86, 0, 21, 0.1);
}

.pantera-calculator .info-popover{
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  z-index: 100;
  width: min(440px, calc(100vw - 48px));
  max-height: min(520px, 70vh);
  overflow: auto;
  border: 1px solid rgba(86, 0, 21, 0.18);
  border-radius: 18px;
  padding: 16px;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 18px 44px rgba(86, 0, 21, 0.18);
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.38;
  opacity: 0;
  pointer-events: none;
  transform: translate(-22px, 6px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.pantera-calculator .field .info-popover{
  font-weight: 500;
}

.pantera-calculator .info-popover p{
  margin: 3px 0 8px;
}

.pantera-calculator .info-popover p:last-child{
  margin-bottom: 0;
}

.pantera-calculator .field .info-popover strong{
  display: block;
  margin-top: 8px;
  color: var(--burgundy);
  font-size: 0.82rem;
  font-weight: 800;
}

.pantera-calculator .info-popover strong:first-child{
  margin-top: 0;
}

.pantera-calculator .info-wrapper:hover .info-popover,
.pantera-calculator .info-wrapper:focus-within .info-popover{
  opacity: 1;
  pointer-events: auto;
  transform: translate(-22px, 0);
}

.pantera-calculator [data-pantera-calculator-form] input,
.pantera-calculator [data-pantera-calculator-form] select{
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(86, 0, 21, 0.2);
  border-radius: 16px;
  padding: 0 15px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.78);
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.pantera-calculator [data-pantera-calculator-form] input:focus,
.pantera-calculator [data-pantera-calculator-form] select:focus{
  border-color: var(--burgundy);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(86, 0, 21, 0.1);
}

.pantera-calculator .primary-button,
.pantera-calculator .cta-button{
  display: inline-flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 14px 24px;
  color: #fff;
  background: var(--burgundy);
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
  box-shadow: 0 14px 28px rgba(86, 0, 21, 0.24);
}

.pantera-calculator .primary-button:hover,
.pantera-calculator .cta-button:hover{
  transform: translateY(-1px);
  background: var(--burgundy-soft);
  box-shadow: 0 18px 32px rgba(86, 0, 21, 0.28);
}

.pantera-calculator .results-panel{
  min-height: 340px;
}

.pantera-calculator .empty-state p{
  line-height: 1.7;
  color: var(--muted);
}

.pantera-calculator .result-stack{
  display: grid;
  gap: 16px;
}

.pantera-calculator .timeline-rings{
  display: grid;
  justify-items: center;
  gap: 14px;
}

.pantera-calculator .day-ring{
  display: grid;
  place-items: center;
  border-radius: 50%;
  text-align: center;
}

.pantera-calculator .day-ring span{
  display: block;
  font-weight: 800;
  line-height: 1.15;
}

.pantera-calculator .day-ring strong{
  display: block;
  line-height: 0.95;
}

.pantera-calculator .day-ring--realistic{
  width: min(310px, 82vw);
  aspect-ratio: 1;
  color: #fff;
  background: radial-gradient(circle at 32% 24%, #7b1a35 0%, var(--burgundy) 64%);
  box-shadow: 0 22px 44px rgba(86, 0, 21, 0.26);
}

.pantera-calculator .day-ring--realistic strong{
  margin: 10px 0;
  font-size: clamp(4rem, 18vw, 6.2rem);
}

.pantera-calculator .day-ring--realistic span{
  max-width: 190px;
  font-size: 0.96rem;
}

.pantera-calculator .day-ring--blocked strong{
  margin: 12px 0;
  font-size: clamp(2.4rem, 11vw, 4rem);
  line-height: 0.98;
}

.pantera-calculator .day-ring--blocked span{
  max-width: 210px;
  font-size: 1rem;
}

.pantera-calculator .ideal-ring-wrap{
  display: grid;
  justify-items: center;
  gap: 8px;
}

.pantera-calculator .day-ring--ideal{
  width: 142px;
  aspect-ratio: 1;
  color: var(--burgundy);
  background: #f6edf7;
  border: 1px solid rgba(86, 0, 21, 0.16);
}

.pantera-calculator .day-ring--ideal strong{
  margin: 5px 0;
  font-size: 2.7rem;
}

.pantera-calculator .day-ring--ideal span{
  max-width: 100px;
  font-size: 0.76rem;
}

.pantera-calculator .metric-grid{
  display: grid;
  gap: 12px;
}

.pantera-calculator .metric{
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.68);
}

.pantera-calculator .metric span{
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 700;
}

.pantera-calculator .metric strong{
  color: var(--burgundy);
  font-size: 1.35rem;
}

.pantera-calculator .metric-note{
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
}

.pantera-calculator .metric-note strong{
  color: var(--burgundy);
  font-size: inherit;
}

.pantera-calculator .message-card,
.pantera-calculator .cta-card,
.pantera-calculator .notice,
.pantera-calculator .error-box{
  border-radius: 22px;
  padding: 18px;
}

.pantera-calculator .message-card{
  border: 1px solid var(--line);
  background: var(--rose-light);
  line-height: 1.65;
}

.pantera-calculator .message-card p,
.pantera-calculator .cta-card p{
  margin: 0 0 12px;
  line-height: 1.65;
}

.pantera-calculator .message-card p:last-child,
.pantera-calculator .cta-card p:last-child{
  margin-bottom: 0;
}

.pantera-calculator .cta-card{
  border: 1px solid rgba(86, 0, 21, 0.16);
  background: rgba(255, 255, 255, 0.76);
  color: var(--ink);
}

.pantera-calculator .cta-card h3{
  margin: 0 0 10px;
  color: var(--burgundy);
  font-size: 1.45rem;
}

.pantera-calculator .cta-card p{
  color: var(--muted);
}

.pantera-calculator .klaviyo-form-X4PYZK,
.pantera-calculator .klaviyo-form-X4PYZK *{
  box-sizing: border-box !important;
}

.pantera-calculator .klaviyo-form-X4PYZK{
  margin-top: 12px;
}

.pantera-calculator .cta-card .cta-button{
  margin-top: 18px;
  color: #fff;
  background: var(--burgundy);
  box-shadow: 0 14px 28px rgba(86, 0, 21, 0.24);
}

.pantera-calculator .text-link{
  display: inline-block;
  margin-top: 14px;
  color: #fff;
  font-weight: 700;
  text-underline-offset: 4px;
}

.pantera-calculator .notice{
  margin-bottom: 14px;
  color: #5d3b00;
  background: #fff3d6;
  border: 1px solid #e6c26b;
  line-height: 1.55;
}

.pantera-calculator .error-box{
  margin-bottom: 14px;
  color: #6f001d;
  background: #fff0f4;
  border: 1px solid rgba(111, 0, 29, 0.24);
  line-height: 1.55;
}

.pantera-calculator .hidden{
  display: none;
}

@media (min-width: 720px){

  .pantera-calculator .app-shell{
    padding-top: 38px;
  }

  .pantera-calculator .form-grid,
.pantera-calculator .metric-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (min-width: 980px){

  .pantera-calculator .hero{
    min-height: 380px;
  }

  .pantera-calculator .calculator-layout{
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
    align-items: start;
  }

  .pantera-calculator .results-panel{
    position: sticky;
    top: 24px;
    z-index: 1;
  }

}

@media (max-width: 420px){

  .pantera-calculator .app-shell{
    width: min(100% - 22px, 1180px);
    padding-top: 14px;
  }

  .pantera-calculator .hero{
    min-height: 280px;
  }

  .pantera-calculator .form-panel,
.pantera-calculator .results-panel{
    padding: 16px;
    border-radius: 22px;
  }

  .pantera-calculator .info-popover{
    left: auto;
    right: -18px;
    transform: translate(0, 6px);
  }

  .pantera-calculator .info-wrapper:hover .info-popover,
.pantera-calculator .info-wrapper:focus-within .info-popover{
    transform: translate(0, 0);
  }

}

/* WordPress theme isolation: keep the calculator visually identical across themes. */
.pantera-calculator{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), transparent 34rem),
    linear-gradient(135deg, var(--rose) 0%, #f4eaf4 44%, #fff9fb 100%) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.pantera-calculator *,
.pantera-calculator *::before,
.pantera-calculator *::after{
  box-sizing: border-box !important;
}

.pantera-calculator .app-shell{
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: min(1180px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 42px !important;
}

.pantera-calculator .hero{
  display: grid !important;
  min-height: 320px !important;
  align-items: end !important;
  margin: 0 0 18px !important;
  padding: 34px 0 !important;
}

.pantera-calculator .hero__content{
  max-width: 760px !important;
}

.pantera-calculator h1,
.pantera-calculator h2,
.pantera-calculator h3,
.pantera-calculator p{
  margin-top: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
}

.pantera-calculator .hero-title{
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--burgundy) !important;
  font-family: "Playfair Display", "DM Serif Display", Georgia, serif !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

.pantera-calculator .eyebrow{
  margin: 0 0 10px !important;
  color: var(--burgundy) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.pantera-calculator .calculator-layout{
  display: grid !important;
  gap: 18px !important;
}

.pantera-calculator .panel{
  border: 1px solid var(--line) !important;
  border-radius: 28px !important;
  background: var(--card) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(18px) !important;
}

.pantera-calculator .form-panel,
.pantera-calculator .results-panel{
  padding: 22px !important;
}

.pantera-calculator .form-panel{
  position: relative !important;
  z-index: 10 !important;
}

.pantera-calculator .results-panel{
  position: relative !important;
  z-index: 1 !important;
  min-height: 340px !important;
}

.pantera-calculator .section-heading h2,
.pantera-calculator .empty-state h2{
  margin: 0 !important;
  color: var(--burgundy) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.pantera-calculator .form-grid{
  display: grid !important;
  gap: 16px !important;
  margin: 22px 0 !important;
}

.pantera-calculator .field{
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

.pantera-calculator .field span,
.pantera-calculator .field-label{
  color: #3b2730 !important;
  font-size: 0.93rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.pantera-calculator .label-row{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.pantera-calculator [data-pantera-calculator-form] input,
.pantera-calculator [data-pantera-calculator-form] select{
  appearance: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  border: 1px solid rgba(86, 0, 21, 0.2) !important;
  border-radius: 16px !important;
  padding: 0 15px !important;
  color: var(--ink) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  outline: none !important;
  font: inherit !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}

.pantera-calculator [data-pantera-calculator-form] input:focus,
.pantera-calculator [data-pantera-calculator-form] select:focus{
  border-color: var(--burgundy) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(86, 0, 21, 0.1) !important;
}

.pantera-calculator [data-pantera-calculator-form] button,
.pantera-calculator .primary-button,
.pantera-calculator .cta-button{
  font: inherit !important;
}

.pantera-calculator .primary-button,
.pantera-calculator .cta-button{
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  color: #fff !important;
  background: var(--burgundy) !important;
  box-shadow: 0 14px 28px rgba(86, 0, 21, 0.24) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.pantera-calculator .info-button{
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(86, 0, 21, 0.24) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  color: var(--burgundy) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.pantera-calculator .info-popover{
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 12px) !important;
  z-index: 100 !important;
  width: min(440px, calc(100vw - 48px)) !important;
  max-height: min(520px, 70vh) !important;
  overflow: auto !important;
  border: 1px solid rgba(86, 0, 21, 0.18) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(86, 0, 21, 0.18) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.38 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-22px, 6px) !important;
}

.pantera-calculator .info-wrapper:hover .info-popover,
.pantera-calculator .info-wrapper:focus-within .info-popover{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate(-22px, 0) !important;
}

.pantera-calculator .result-stack{
  display: grid !important;
  gap: 16px !important;
}

.pantera-calculator .timeline-rings{
  display: grid !important;
  justify-items: center !important;
  gap: 14px !important;
}

.pantera-calculator .day-ring{
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  text-align: center !important;
}

.pantera-calculator .day-ring span{
  display: block !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.pantera-calculator .day-ring strong{
  display: block !important;
  line-height: 0.95 !important;
}

.pantera-calculator .day-ring--realistic{
  width: min(310px, 82vw) !important;
  aspect-ratio: 1 !important;
  color: #fff !important;
  background: radial-gradient(circle at 32% 24%, #7b1a35 0%, var(--burgundy) 64%) !important;
  box-shadow: 0 22px 44px rgba(86, 0, 21, 0.26) !important;
}

.pantera-calculator .day-ring--realistic strong{
  margin: 10px 0 !important;
  font-size: clamp(4rem, 18vw, 6.2rem) !important;
}

.pantera-calculator .day-ring--realistic span{
  max-width: 190px !important;
  color: inherit !important;
  font-size: 0.96rem !important;
}

.pantera-calculator .day-ring--blocked strong{
  margin: 12px 0 !important;
  font-size: clamp(2.4rem, 11vw, 4rem) !important;
}

.pantera-calculator .day-ring--ideal{
  width: 142px !important;
  aspect-ratio: 1 !important;
  color: var(--burgundy) !important;
  background: #f6edf7 !important;
  border: 1px solid rgba(86, 0, 21, 0.16) !important;
}

.pantera-calculator .day-ring--ideal strong{
  margin: 5px 0 !important;
  color: inherit !important;
  font-size: 2.7rem !important;
}

.pantera-calculator .day-ring--ideal span{
  max-width: 100px !important;
  color: inherit !important;
  font-size: 0.76rem !important;
}

.pantera-calculator .metric-grid{
  display: grid !important;
  gap: 12px !important;
}

.pantera-calculator .metric{
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  padding: 16px !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

.pantera-calculator .metric span{
  display: block !important;
  margin-bottom: 6px !important;
  color: var(--muted) !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
}

.pantera-calculator .metric strong{
  color: var(--burgundy) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.pantera-calculator .message-card,
.pantera-calculator .cta-card,
.pantera-calculator .notice,
.pantera-calculator .error-box{
  border-radius: 22px !important;
  padding: 18px !important;
}

.pantera-calculator .message-card{
  border: 1px solid var(--line) !important;
  background: var(--rose-light) !important;
  line-height: 1.65 !important;
}

.pantera-calculator .cta-card{
  border: 1px solid rgba(86, 0, 21, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: var(--ink) !important;
}

.pantera-calculator .cta-card h3{
  margin: 0 0 10px !important;
  color: var(--burgundy) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.pantera-calculator .message-card p,
.pantera-calculator .cta-card p{
  margin: 0 0 12px !important;
  color: inherit !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.pantera-calculator .cta-card p{
  color: var(--muted) !important;
}

.pantera-calculator .klaviyo-form-X4PYZK{
  margin-top: 12px !important;
}

/* IMPORTANT: Keep the WordPress theme's global field colors out of this Klaviyo design. */
.pantera-calculator .klaviyo-form-X4PYZK input[type="email"]{
  background-color: #fff !important;
  color: #27161e !important;
}

.pantera-calculator .klaviyo-form-X4PYZK input[type="email"]::placeholder{
  color: #6d5c64 !important;
  opacity: 1 !important;
}

.pantera-calculator .hidden{
  display: none !important;
}

@media (min-width: 720px){

  .pantera-calculator .form-grid,
.pantera-calculator .metric-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}

@media (min-width: 980px){

  .pantera-calculator .hero{
    min-height: 380px !important;
  }

  .pantera-calculator .calculator-layout{
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr) !important;
    align-items: start !important;
  }

  .pantera-calculator .results-panel{
    position: sticky !important;
    top: 24px !important;
    z-index: 1 !important;
  }

}

@media (max-width: 420px){

  .pantera-calculator .app-shell{
    width: min(100% - 22px, 1180px) !important;
    padding-top: 14px !important;
  }

  .pantera-calculator .hero{
    min-height: 280px !important;
  }

  .pantera-calculator .form-panel,
.pantera-calculator .results-panel{
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .pantera-calculator .info-popover{
    left: auto !important;
    right: -18px !important;
    transform: translate(0, 6px) !important;
  }

  .pantera-calculator .info-wrapper:hover .info-popover,
.pantera-calculator .info-wrapper:focus-within .info-popover{
    transform: translate(0, 0) !important;
  }

}

/* Plugin fixes: compact WordPress embed header and mobile-safe info popovers. */
.pantera-calculator .app-shell {
  padding-top: 0 !important;
}

.pantera-calculator .hero {
  min-height: auto !important;
  margin-bottom: 10px !important;
  padding: 0 0 18px !important;
}

@media (min-width: 720px) {
  .pantera-calculator .app-shell {
    padding-top: 0 !important;
  }
}

@media (min-width: 980px) {
  .pantera-calculator .hero {
    min-height: auto !important;
  }
}

@media (max-width: 620px) {
  .pantera-calculator .label-row {
    position: relative !important;
  }

  .pantera-calculator .info-wrapper {
    position: static !important;
  }

  .pantera-calculator .info-popover {
    left: 0 !important;
    right: auto !important;
    bottom: calc(100% + 10px) !important;
    width: min(320px, calc(100vw - 44px)) !important;
    max-width: calc(100vw - 44px) !important;
    transform: translate(0, 6px) !important;
  }

  .pantera-calculator .info-wrapper:hover .info-popover,
  .pantera-calculator .info-wrapper:focus-within .info-popover {
    transform: translate(0, 0) !important;
  }
}