@media (max-width: 767px) {
  body.single-post {
    --mst-post-ink: #102235;
    --mst-post-muted: #405469;
    --mst-post-soft: #f4f8fb;
    --mst-post-tint: #eaf6f8;
    --mst-post-line: #d7e6ec;
    --mst-post-brand: #0f7c90;
    background: var(--mst-post-soft) !important;
    color: var(--mst-post-ink) !important;
    overflow-x: hidden !important;
  }

  body.single-post .elementor-location-single,
  body.single-post .elementor-4908,
  body.single-post .mstfab-single-post-template,
  body.single-post .mstfab-article-shell,
  body.single-post .mstfab-article-grid {
    background: var(--mst-post-soft) !important;
    box-sizing: border-box !important;
  }

  body.single-post #mstfab-floating-contact,
  body.single-post .mstfab-floating-contact {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.single-post .mstfab-breadcrumb {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 20px 0 !important;
    background: var(--mst-post-soft) !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-breadcrumb,
  body.single-post .mstfab-breadcrumb * {
    color: #66758a !important;
    font: 600 12px/1.45 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  body.single-post .mstfab-breadcrumb .elementor-widget-html,
  body.single-post .mstfab-breadcrumb nav {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-article-main {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 10px 34px !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-post-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 0 24px !important;
    background: var(--mst-post-soft) !important;
  }

  body.single-post .mstfab-post-header h1 {
    margin: 0 !important;
    color: #0d1c2f !important;
    font: 900 31px/1.13 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  body.single-post .mstfab-post-header .elementor-widget-post-info {
    display: none !important;
  }

  body.single-post .mstfab-post-header .elementor-widget-html {
    margin-top: 18px !important;
  }

  body.single-post .mstfab-post-header .elementor-widget-html a {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 999px !important;
    background: var(--mst-post-brand) !important;
    box-shadow: none !important;
  }

  body.single-post .mstfab-article-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-article-content p,
  body.single-post .mstfab-article-content li,
  body.single-post .mstfab-article-content td,
  body.single-post .mstfab-article-content th {
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.single-post .mstfab-article-content img,
  body.single-post .mstfab-article-content figure {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-article-sidebar {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 10px 34px !important;
    background: var(--mst-post-soft) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.single-post .mstfab-sidebar-card,
  body.single-post .mstfab-toc-card,
  body.single-post .mstfab-more-posts-card,
  body.single-post .mstfab-side-contact {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    border: 1px solid var(--mst-post-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(16, 34, 53, 0.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.single-post .mstfab-sidebar-card .elementor-widget-heading,
  body.single-post .mstfab-sidebar-card .elementor-widget-html,
  body.single-post .mstfab-sidebar-card .elementor-widget-text-editor,
  body.single-post .mstfab-sidebar-card .elementor-widget-shortcode,
  body.single-post .mstfab-sidebar-card .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-sidebar-card .elementor-widget-heading {
    margin-bottom: 16px !important;
  }

  body.single-post .mstfab-sidebar-card h2,
  body.single-post .mstfab-sidebar-card h3,
  body.single-post .mstfab-sidebar-card .elementor-heading-title {
    margin: 0 !important;
    color: var(--mst-post-ink) !important;
    font: 900 22px/1.16 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.single-post .mstfab-toc-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: mstfab-post-toc !important;
  }

  body.single-post .mstfab-toc-list li {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mst-post-muted) !important;
    list-style: none !important;
    counter-increment: mstfab-post-toc !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-toc-list li::before {
    content: counter(mstfab-post-toc) "." !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: var(--mst-post-brand) !important;
    font: 900 13px/1.45 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
  }

  body.single-post .mstfab-toc-list a,
  body.single-post .mstfab-toc-list a:visited {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #405469 !important;
    font: 650 14px/1.45 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
  }

  body.single-post .mstfab-more-posts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.single-post .mstfab-more-post,
  body.single-post .mstfab-more-post:visited {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #dfeaf0 !important;
    border-radius: 8px !important;
    background: #fbfdfe !important;
    color: var(--mst-post-ink) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.single-post .mstfab-more-post img {
    display: block !important;
    width: 78px !important;
    height: 56px !important;
    max-width: 78px !important;
    border-radius: 6px !important;
    object-fit: cover !important;
    background: #e5e7eb !important;
  }

  body.single-post .mstfab-more-post-title {
    display: block !important;
    min-width: 0 !important;
    color: var(--mst-post-ink) !important;
    font: 800 14px/1.35 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.single-post .mstfab-side-contact p,
  body.single-post .mstfab-side-contact .elementor-widget-text-editor,
  body.single-post .mstfab-side-contact .elementor-widget-text-editor * {
    color: #53677a !important;
    font: 400 14px/1.55 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
  }

  body.single-post .mstfab-side-contact form,
  body.single-post .mstfab-side-contact form * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-post .mstfab-side-contact input,
  body.single-post .mstfab-side-contact textarea,
  body.single-post .mstfab-side-contact select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #cfdde5 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--mst-post-ink) !important;
    font: 400 15px/1.4 Inter, Arial, Helvetica, sans-serif !important;
  }

  body.single-post .mstfab-side-contact textarea {
    min-height: 118px !important;
  }

  body.single-post .mstfab-side-contact button,
  body.single-post .mstfab-side-contact input[type="submit"] {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid var(--mst-post-brand) !important;
    border-radius: 6px !important;
    background: var(--mst-post-brand) !important;
    color: #ffffff !important;
    font: 800 15px/1.2 Inter, Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
  }
}