/* Mobile corrections for the Motor Oil landing page and two-step application. */
@media (max-width: 1024px) {
  body.postid-20798 #main,
  body.postid-20798 #content,
  body.postid-20798 .elementor-20798 {
    overflow-x: hidden;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-5cbdd7b2 {
    position: relative;
    min-height: 580px;
    padding: 76px 0 0;
    align-items: stretch;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-2069c86b,
  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-2069c86b .elementor-widget-container {
    width: 100%;
    height: 100%;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-2069c86b img {
    display: block;
    width: 100%;
    height: 504px;
    object-fit: cover;
    object-position: center top;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-7c99a9d4 {
    top: auto !important;
    right: 20px !important;
    bottom: 28px !important;
    left: 20px !important;
    z-index: 2;
    width: auto !important;
    max-width: none !important;
    text-align: center;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-7c99a9d4 .the7-heading-title {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.18 !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-27e6c9f {
    min-height: 0;
    padding: 26px 20px 18px;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-574ae5b1 {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-574ae5b1 .the7-image-container {
    justify-content: center;
    text-align: center;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-574ae5b1 .the7-image-wrapper {
    width: min(76vw, 300px) !important;
    max-width: 300px !important;
    margin-inline: auto;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
    margin: 0 !important;
    padding: 24px 16px 36px !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 .elementor-widget-image {
    min-width: 0;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 figure {
    margin: 0;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 img {
    width: min(30vw, 105px) !important;
    margin-inline: auto;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 .widget-image-caption {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1c8d94ea {
    min-height: 0 !important;
    padding: 38px 0 0;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-13acc69e {
    padding-inline: 20px;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-70509648 img {
    min-height: 230px;
    object-fit: cover;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-5d5416ab,
  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-e771a37 {
    display: none !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-b65dfc5 {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 34px 22px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-b65dfc5 .elementor-widget-image {
    margin: 0 0 22px;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-b65dfc5 figure {
    margin: 0;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-b65dfc5 img {
    width: 82px !important;
    margin-inline: auto;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-b65dfc5 .widget-image-caption {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-58ae4b39 {
    padding: 34px 16px 0 !important;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-59e1bc82 {
    flex-direction: column !important;
    gap: 22px !important;
    padding: 34px 20px !important;
    text-align: center;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-77af980f {
    width: 100% !important;
    justify-content: center;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-110ec4a4,
  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-110ec4a4 .elementor-button-wrapper {
    width: 100%;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-110ec4a4 .elementor-button {
    width: 100%;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-542d9510 {
    margin-top: 44px;
    padding-inline: 20px;
  }

  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-27204e54 {
    padding: 0 16px 44px;
  }

  body.postid-20798 .elementor-20798 .elementor-accordion-title {
    font-size: 16px;
    line-height: 1.35;
  }

  body.page-id-20764 .elementor-element-2efe158 {
    padding-inline: 0 !important;
  }

  body.page-id-20764 .elementor-element-2d7231d {
    padding: 24px 20px 6px !important;
  }

  body.page-id-20764 .elementor-element-f9f1e51 img {
    width: min(72vw, 300px) !important;
  }

  body.page-id-20764 .elementor-element-0e2f775 {
    padding: 0 16px 40px !important;
  }

  body.page-id-20764 .moh-application-form .ff-step-header {
    margin-bottom: 22px;
  }

  body.page-id-20764 .moh-application-form .ff-el-progress {
    height: 20px;
  }

  body.page-id-20764 .moh-application-form .ff-custom_html h4 {
    margin: 24px 0 26px;
    font-size: 20px;
    line-height: 1.35;
  }

  body.page-id-20764 .moh-application-form .ff-el-group {
    margin-bottom: 17px;
  }

  body.page-id-20764 .moh-application-form .ff-el-input--label label {
    font-size: 15px !important;
    line-height: 1.35;
  }

  body.page-id-20764 .moh-application-form .ff-el-form-control {
    min-height: 46px;
    font-size: 16px !important;
  }

  body.page-id-20764 .moh-application-form .ff_file_upload_holder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 82px;
    padding: 12px;
  }

  body.page-id-20764 .moh-application-form .ff-el-form-check-label {
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.5;
  }

  body.page-id-20764 .moh-application-form .step-nav,
  body.page-id-20764 .moh-application-form .ff-step-t-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }

  body.page-id-20764 .moh-application-form .ff-btn {
    min-height: 44px;
    float: none !important;
  }
}

@media (max-width: 390px) {
  body.postid-20798 .elementor-20798 .elementor-element.elementor-element-1392f4a4 {
    grid-template-columns: 1fr !important;
  }
}

/* Stable mobile rendering for the Motor Oil page. The desktop Elementor page remains unchanged. */
.moh-mobile-page { display: none; }

@media (max-width: 1024px) {
  body.postid-20798 .elementor-20798 { display: none !important; }

  body.postid-20798 .moh-mobile-page {
    display: block;
    overflow: hidden;
    background: #eef4ff;
    color: #06234d;
    font-family: Arial, sans-serif;
  }

  .moh-mobile-page h1,
  .moh-mobile-page h2,
  .moh-mobile-page p { margin-top: 0; }

  .moh-mobile-hero {
    position: relative;
    min-height: 610px;
    background: #001d48;
  }

  .moh-mobile-hero__photo {
    display: block;
    width: 100%;
    height: 610px;
    object-fit: cover;
    object-position: 52% top;
  }

  .moh-mobile-hero__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 19, 52, 0.05) 32%, rgba(0, 20, 54, 0.92) 100%);
  }

  .moh-mobile-hero__content {
    position: absolute;
    inset: 22px 20px 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }

  .moh-mobile-logo {
    width: min(68vw, 290px);
    max-height: 92px;
    object-fit: contain;
    padding: 14px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
  }

  .moh-mobile-hero h1 {
    margin: auto 0 22px;
    color: #fff;
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.08;
  }

  .moh-mobile-button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    border-radius: 999px;
    background: #ef1b1b;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
  }

  .moh-mobile-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 24px 16px 34px;
  }

  .moh-mobile-benefits > div {
    min-height: 145px;
    padding: 20px 16px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0, 47, 111, 0.1);
  }

  .moh-mobile-benefits strong,
  .moh-mobile-benefits span { display: block; }
  .moh-mobile-benefits strong { margin-bottom: 10px; font-size: 18px; line-height: 1.2; }
  .moh-mobile-benefits span { color: #4a617f; font-size: 14px; line-height: 1.45; }

  .moh-mobile-section,
  .moh-mobile-faq { padding: 40px 16px; }

  .moh-mobile-section h2,
  .moh-mobile-faq h2,
  .moh-mobile-cta h2 {
    margin-bottom: 24px;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
  }

  .moh-mobile-section__image {
    display: block;
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 24px;
  }

  .moh-mobile-features { display: grid; gap: 12px; margin-top: 18px; }
  .moh-mobile-features > div {
    position: relative;
    padding: 20px 18px 20px 52px;
    border-radius: 16px;
    background: #ef1b1b;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
  }
  .moh-mobile-features > div::before {
    content: "✓";
    position: absolute;
    top: 18px;
    left: 18px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #ef1b1b;
  }

  .moh-mobile-cta {
    margin: 16px;
    padding: 34px 22px;
    border-radius: 26px;
    background: #fff;
    text-align: center;
    box-shadow: 0 12px 32px rgba(0, 47, 111, 0.12);
  }

  .moh-mobile-faq details {
    margin-bottom: 12px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 47, 111, 0.08);
  }

  .moh-mobile-faq summary {
    padding: 18px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
  }

  .moh-mobile-faq details p {
    padding: 0 18px 18px;
    color: #4a617f;
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (max-width: 420px) {
  .moh-mobile-benefits { grid-template-columns: 1fr; }
  .moh-mobile-benefits > div { min-height: 0; }
}