/* Pars Oil — responsive refinements
   Load AFTER pars-theme.css. No controller or Razor changes required. */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, svg, video { max-width: 100%; }
.pars-page, .pars-page * { box-sizing: border-box; }
.pars-page { min-width: 0; }
.pars-page h1, .pars-page h2, .pars-page h3, .pars-page p,
.pars-footer p, .pars-footer a { overflow-wrap: anywhere; }
.pars-btn { text-align: center; white-space: normal; }
.pars-navbar .navbar-brand-image { height: auto; }
.pars-navbar .navbar-collapse { min-width: 0; }
.pars-hero-grid > *, .pars-footer-grid > *, .pars-steps > * { min-width: 0; }
.pars-feature, .pars-card, .pars-step { height: 100%; }
.pars-feature .bi { line-height: 1; }
.pars-page .table-responsive { border-radius: 14px; }
.pars-page .table { min-width: 550px; }
.pars-page input, .pars-page textarea, .pars-page select { max-width: 100%; }
.pars-page input[type="tel"], .pars-page input[type="email"],
.pars-page input[type="number"] { direction: ltr; text-align: right; }
.pars-page .form-control, .pars-page .form-select { font-size: 16px; }
.pars-page :target { scroll-margin-top: 110px; }
@media (max-width: 1199.98px) {
  .pars-navbar .pars-nav-links { gap: 3px; }
  .pars-navbar .pars-nav-link { padding: 10px 11px; }
  .pars-hero-grid { gap: 26px; }
}
@media (max-width: 991.98px) {
  .pars-navbar .navbar-collapse { padding: 12px 0 8px; }
  .pars-navbar .pars-nav-links { width: 100%; }
  .pars-navbar .pars-nav-action, .pars-navbar .pars-nav-outline { text-align: center; }
  .pars-hero { min-height: auto; }
  .pars-hero-grid { padding-top: 56px; padding-bottom: 70px; }
  .pars-hero-visual { order: 2; }
  .pars-hero-visual .pars-visual-placeholder { min-height: 230px; }
  .pars-cta { flex-wrap: wrap; }
}
@media (max-width: 767.98px) {
  .pars-section { padding: 52px 0; }
  .pars-heading { line-height: 1.5; }
  .pars-lead { font-size: 15px; }
  .pars-hero h1 { font-size: clamp(28px, 7vw, 38px); }
  .pars-hero p { font-size: 15px; }
  .pars-feature { padding: 23px 17px; }
  .pars-steps { gap: 14px; }
  .pars-footer { padding-top: 43px; }
  .pars-footer-grid { gap: 26px; }
}
@media (max-width: 575.98px) {
  .pars-container { width: calc(100% - 28px); }
  .pars-navbar .navbar-brand-image { max-width: 120px; max-height: 54px; }
  .pars-hero-grid { padding-top: 38px; padding-bottom: 50px; }
  .pars-hero-visual { min-height: 210px; }
  .pars-hero-visual .pars-visual-placeholder { width: 100%; min-height: 190px; padding: 20px; }
  .pars-feature-grid { gap: 12px; }
  .pars-cta { border-radius: 20px; gap: 18px; }
  .pars-cta .pars-btn { width: 100%; }
  .pars-card { padding: 20px; }
  .pars-footer-bottom { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .pars-btn, .pars-navbar .pars-nav-link { transition: none; }
  .pars-btn:hover { transform: none; }
}