/* v21: kalkulator nie dziedziczy układu fotograficznego strony głównej. */
.page-ballistic-v21 .hero.ballisticHero { padding: 36px 0 24px; }
.page-ballistic-v21 .hero.ballisticHero .heroGrid {
  width: min(1280px, calc(100% - 48px)); max-width: 1280px;
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: 20px; align-items: stretch; margin: 0 auto;
}
.page-ballistic-v21 .hero.ballisticHero .heroMain,
.page-ballistic-v21 .hero.ballisticHero .heroSide {
  position: relative; display: block; min-width: 0; width: auto; height: auto;
  min-height: 0; margin: 0; padding: 32px; background: #1b222b;
  border: 1px solid rgba(235,237,235,.11); border-top: 2px solid #d3b16a;
  border-radius: 0; box-shadow: none;
}
.page-ballistic-v21 .hero.ballisticHero .heroMain::before,
.page-ballistic-v21 .hero.ballisticHero .heroMain::after { content: none; display: none; }
.page-ballistic-v21 .hero.ballisticHero .heroMain .h1 {
  margin: 14px 0; color: #f7f6f2; font: 700 clamp(32px, 3vw, 44px)/1.1 Inter,Arial,sans-serif;
  letter-spacing: -.025em; text-transform: none; max-width: none; text-wrap: normal;
}
.page-ballistic-v21 .hero.ballisticHero .heroQuote {
  display: block; margin: 24px 0 0; padding: 14px 16px; border: 0;
  border-left: 2px solid #d3b16a; background: rgba(211,177,106,.07);
}
.page-ballistic-v21 .hero.ballisticHero .heroSide .kicker { padding: 0; margin: 0 0 8px; }
.page-ballistic-v21 .hero.ballisticHero .heroSide .h2 { margin: 0; }
.page-ballistic-v21 .hero.ballisticHero .heroSide .miniGrid {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: 100%;
}
.page-ballistic-v21 .hero.ballisticHero .heroSide .mini {
  min-width: 0; height: auto; padding: 14px 16px;
  background: #222a33; border: 0; border-left: 3px solid #d3b16a;
}
/* Długie zdania i numery nie są łamane po każdej literze. */
.page-ballistic-v21 .card :is(p, strong, em, span, label, h2, h3),
.page-ballistic-v21 :is(.lead,.heroQuote,.mini *) {
  word-break: normal !important; line-break: auto !important;
  overflow-wrap: break-word !important; hyphens: manual !important;
}
/* Prostokątne elementy zgodne z resztą VIS, bez zmiany działania kontrolek. */
.page-ballistic-v21 :is(.card,.mini,.metricCard,.infoBox,.quickStartStep,
  .quickStartProfileInfo,.combinedWeatherCard,.weatherSourceHintBox,.compareCard,
  .chartBox,.reticleBox,.tableWrap,.quickStartControl select,.field input,.field select,
  .field textarea,.chip,.tag,.btn,.tabBtn) { border-radius: 0 !important; }
@media (max-width: 980px) {
  .page-ballistic-v21 .hero.ballisticHero .heroGrid { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .page-ballistic-v21 .hero.ballisticHero { padding: 20px 0 16px; }
  .page-ballistic-v21 .hero.ballisticHero .heroGrid { width: calc(100% - 32px) !important; padding: 0 !important; gap: 16px; }
  .page-ballistic-v21 .hero.ballisticHero .heroMain,
  .page-ballistic-v21 .hero.ballisticHero .heroSide { padding: 22px !important; }
  .page-ballistic-v21 .hero.ballisticHero .heroSide .miniGrid { grid-template-columns: 1fr !important; }
}
@media (max-width: 380px) {
  .page-ballistic-v21 .hero.ballisticHero .heroSide .miniGrid { grid-template-columns: 1fr !important; }
}