/* ==========================================================
   SKANDA mobile final override v4 — 2026-05-19

   Goal:
   - mobile images on /main, /servises, /clients span the full phone viewport;
   - no horizontal left/right dragging;
   - main page without rounded cards/panels;
   - smaller readable headings on the main page;
   - compact 2-row mobile menu.
   ========================================================== */

@media (max-width: 900px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

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

  #wrapper,
  .wrapper-inner,
  #header-row,
  #navigation-row,
  #showcase-row,
  #content-row,
  #main-row,
  .row-container,
  .container,
  .container-fluid,
  .row,
  .row-fluid,
  .content-inner,
  #component,
  main,
  .item-page,
  .page-gallery {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .row,
  .row-fluid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .row-container,
  .container,
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [class*="span"] {
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  img,
  video,
  iframe,
  object,
  embed {
    max-width: 100% !important;
  }
}

/* ---------- Header + menu ---------- */
@media (max-width: 760px) {
  #header-row {
    padding: 8px 0 6px !important;
  }

  #header-row header,
  #header-row .row-fluid,
  #header-row #logo {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  #logo a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    overflow: hidden !important;
  }

  #logo img {
    display: block !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  #navigation-row,
  #navigation-row .row-container,
  #navigation-row .container,
  #navigation-row .container-fluid,
  #navigation-row .row,
  #navigation-row .row-fluid,
  #navigation-row .moduletable,
  #navigation-row .module_container,
  #navigation-row .mod-menu {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
  }

  #navigation-row .mod-menu > ul.nav.menu,
  #navigation-row .mod-menu > ul.menu,
  #navigation-row ul.nav.menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(42px, auto) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: url(../images/social_bg.png) repeat !important;
    overflow: hidden !important;
  }

  #navigation-row .mod-menu > ul.nav.menu > li,
  #navigation-row .mod-menu > ul.menu > li,
  #navigation-row ul.nav.menu > li {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  #navigation-row ul.nav.menu > li:nth-child(1),
  #navigation-row ul.nav.menu > li:nth-child(2),
  #navigation-row ul.nav.menu > li:nth-child(3) {
    border-top: 0 !important;
  }

  #navigation-row ul.nav.menu > li:nth-child(3n+1) {
    border-left: 0 !important;
  }

  #navigation-row .mod-menu > ul.nav.menu > li > a,
  #navigation-row .mod-menu > ul.menu > li > a,
  #navigation-row ul.nav.menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 7px 2px !important;
    color: #ffffff !important;
    background: transparent !important;
    font: 800 12.5px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  #navigation-row ul.nav.menu > li.active > a,
  #navigation-row ul.nav.menu > li.current > a {
    background: rgba(6, 142, 220, 0.62) !important;
  }

  #showcase-row,
  #showcase-row .row-container,
  #showcase-row .container,
  #showcase-row .container-fluid,
  #showcase-row .row-fluid,
  #showcase-row .mod-menu,
  #showcase-row ul.nav.menu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  #showcase-row ul.nav.menu > li > a,
  #showcase-row a {
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  #navigation-row ul.nav.menu > li > a {
    min-height: 40px !important;
    padding: 6px 1px !important;
    font-size: 11.5px !important;
    line-height: 13px !important;
  }
}

/* ---------- Main page /main: flat mobile design, no panels/cards/rounding ---------- */
@media (max-width: 900px) {
  html body.itemid-101 #component,
  html body.itemid-101 .item-page,
  html body.itemid-101 .skanda-home {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  html body.itemid-101 .skanda-home {
    padding: 22px 0 46px !important;
    color: #d9eaf7 !important;
    font: 400 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
  }

  html body.itemid-101 .skanda-home *,
  html body.itemid-101 .skanda-home *::before,
  html body.itemid-101 .skanda-home *::after {
    box-sizing: border-box !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.itemid-101 .skanda-home h1,
  html body.itemid-101 .skanda-home h2,
  html body.itemid-101 .skanda-home h3,
  html body.itemid-101 .skanda-home p,
  html body.itemid-101 .skanda-home li,
  html body.itemid-101 .skanda-home a,
  html body.itemid-101 .skanda-home span {
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  html body.itemid-101 .skanda-home h1 {
    margin: 0 0 14px !important;
    padding: 0 16px !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
  }

  html body.itemid-101 .skanda-home h2,
  html body.itemid-101 .skanda-home .skanda-home-cta h2 {
    margin: 0 0 12px !important;
    padding: 0 16px !important;
    font-size: 24px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
  }

  html body.itemid-101 .skanda-home h3,
  html body.itemid-101 .skanda-home .skanda-home-card h3,
  html body.itemid-101 .skanda-home .skanda-home-faq-list h3 {
    margin: 0 0 9px !important;
    padding: 0 16px !important;
    font-size: 21px !important;
    line-height: 1.24 !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em !important;
  }

  html body.itemid-101 .skanda-home p,
  html body.itemid-101 .skanda-home li,
  html body.itemid-101 .skanda-home .skanda-home-card p,
  html body.itemid-101 .skanda-home .skanda-home-lead,
  html body.itemid-101 .skanda-home .skanda-home-why > p,
  html body.itemid-101 .skanda-home .skanda-home-cta p {
    margin: 0 0 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    color: #9bb5ca !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
    padding: 0 16px !important;
    color: #71d6ff !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: 0.09em !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-kicker::before {
    flex: 0 0 26px !important;
    width: 26px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-hero,
  html body.itemid-101 .skanda-home .skanda-home-section,
  html body.itemid-101 .skanda-home .skanda-home-section__head,
  html body.itemid-101 .skanda-home .skanda-home-section--split,
  html body.itemid-101 .skanda-home .skanda-home-why,
  html body.itemid-101 .skanda-home .skanda-home-cta {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-hero__content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-actions {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 16px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-btn {
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 0 12px !important;
    padding: 12px 14px !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    transform: none !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-services,
  html body.itemid-101 .skanda-home .skanda-home-steps,
  html body.itemid-101 .skanda-home .skanda-home-object-list,
  html body.itemid-101 .skanda-home .skanda-home-benefits,
  html body.itemid-101 .skanda-home .skanda-home-faq-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-card,
  html body.itemid-101 .skanda-home .skanda-home-steps article,
  html body.itemid-101 .skanda-home .skanda-home-faq-list article,
  html body.itemid-101 .skanda-home .skanda-home-object-list span,
  html body.itemid-101 .skanda-home .skanda-home-benefits span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-step-number {
    margin: 0 0 12px !important;
    padding: 0 16px !important;
    font-size: 28px !important;
    line-height: 1 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps li {
    padding-left: 16px !important;
  }

  /* Full-viewport images on the main page. */
  html body.itemid-101 .skanda-home .skanda-home-hero__image,
  html body.itemid-101 .skanda-home .skanda-home-card img,
  html body.itemid-101 .skanda-home .skanda-home-section--split img {
    position: relative !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-hero__image {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-card img {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-section--split img {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-hero__image img {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  html body.itemid-101 .skanda-home h1 {
    font-size: 27px !important;
    line-height: 1.17 !important;
  }

  html body.itemid-101 .skanda-home h2,
  html body.itemid-101 .skanda-home .skanda-home-cta h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  html body.itemid-101 .skanda-home h3,
  html body.itemid-101 .skanda-home .skanda-home-card h3,
  html body.itemid-101 .skanda-home .skanda-home-faq-list h3 {
    font-size: 20px !important;
  }

  html body.itemid-101 .skanda-home p,
  html body.itemid-101 .skanda-home li,
  html body.itemid-101 .skanda-home .skanda-home-card p,
  html body.itemid-101 .skanda-home .skanda-home-lead,
  html body.itemid-101 .skanda-home .skanda-home-why > p,
  html body.itemid-101 .skanda-home .skanda-home-cta p {
    font-size: 15.5px !important;
  }
}

/* ---------- /servises and /clients: full-viewport mobile gallery images ---------- */
@media (max-width: 900px) {
  html body.com_content.view-category.itemid-139,
  html body.com_content.view-category.itemid-239 {
    overflow-x: hidden !important;
  }

  html body.com_content.view-category.itemid-139 #component,
  html body.com_content.view-category.itemid-239 #component,
  html body.com_content.view-category.itemid-139 .page-gallery,
  html body.com_content.view-category.itemid-239 .page-gallery,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery > li.gallery-item,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery.loaded > li.gallery-item,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery.j4-gallery-ready > li.gallery-item,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery > li.gallery-item,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery.loaded > li.gallery-item,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery.j4-gallery-ready > li.gallery-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_header,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_header {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_title,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_title,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_title a,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_title a {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1.24 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_img,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item figure.item_img,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_img,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item figure.item_img {
    order: 2 !important;
    position: relative !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    margin: 0 calc(50% - 50vw) 12px !important;
    padding: 0 !important;
    float: none !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_img > a,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item figure.item_img > a,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_img > a,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item figure.item_img > a {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_img img,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item figure.item_img img,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_img img,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item figure.item_img img {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_introtext,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_introtext {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #9bb5ca !important;
    text-align: center !important;
    font: 400 16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_introtext p,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_introtext p,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_introtext span,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_introtext span,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_introtext a,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_introtext a {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item .item_more,
  html body.com_content.view-category.itemid-139 ul#isotopeContainer.gallery .gallery-item a.item_more,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item .item_more,
  html body.com_content.view-category.itemid-239 ul#isotopeContainer.gallery .gallery-item a.item_more {
    order: 4 !important;
    align-self: center !important;
    margin: 8px auto 0 !important;
  }
}

/* ==========================================================
   SKANDA mobile final override v5 — 2026-05-19
   Adjustments after live phone check:
   - every image inside /main spans the full viewport like /servises and /clients;
   - step blocks 01/02/03 get controlled dark panels sized to their text;
   - preserve the successful v4 menu and flat main-page structure.
   ========================================================== */

@media (max-width: 900px) {
  /* Keep the viewport locked while allowing full-width media inside the main article. */
  html,
  body,
  #wrapper,
  .wrapper-inner {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Main page: remove any remaining Joomla/template side padding that shifts media right. */
  html body.itemid-101 #content-row,
  html body.itemid-101 #content-row .row-container,
  html body.itemid-101 #content-row .container,
  html body.itemid-101 #content-row .container-fluid,
  html body.itemid-101 #content-row .content-inner,
  html body.itemid-101 #component,
  html body.itemid-101 main,
  html body.itemid-101 .item-page,
  html body.itemid-101 .skanda-home {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Parents must not clip the full-width images. */
  html body.itemid-101 .skanda-home,
  html body.itemid-101 .skanda-home-hero,
  html body.itemid-101 .skanda-home-section,
  html body.itemid-101 .skanda-home-section__head,
  html body.itemid-101 .skanda-home-section--split,
  html body.itemid-101 .skanda-home-services,
  html body.itemid-101 .skanda-home-card,
  html body.itemid-101 .skanda-home-hero__image {
    overflow: visible !important;
  }

  /* All real content images on /main: full phone width, no side indent, no crop. */
  html body.itemid-101 .skanda-home img,
  html body.itemid-101 .skanda-home figure img,
  html body.itemid-101 .skanda-home picture img,
  html body.itemid-101 .skanda-home .skanda-home-card img,
  html body.itemid-101 .skanda-home .skanda-home-hero__image img,
  html body.itemid-101 .skanda-home .skanda-home-section--split img {
    position: relative !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Neutralize image wrappers that kept old inner spacing. */
  html body.itemid-101 .skanda-home figure,
  html body.itemid-101 .skanda-home picture,
  html body.itemid-101 .skanda-home .skanda-home-hero__image,
  html body.itemid-101 .skanda-home .skanda-home-card > a,
  html body.itemid-101 .skanda-home .skanda-home-card > p:has(img) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-card img {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-section--split img,
  html body.itemid-101 .skanda-home .skanda-home-hero__image img {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
  }

  /* Step panels: return only for 01/02/03 list blocks, controlled by text size. */
  html body.itemid-101 .skanda-home .skanda-home-steps {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps article {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 18px 16px 16px !important;
    border: 1px solid rgba(113, 214, 255, 0.18) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(11, 32, 50, 0.86), rgba(8, 25, 40, 0.72)) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps article:last-child {
    margin-bottom: 0 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps .skanda-home-step-number {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #71d6ff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 21px !important;
    line-height: 1.22 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps li {
    position: relative !important;
    margin: 0 0 10px !important;
    padding: 0 0 0 20px !important;
    color: #9bb5ca !important;
    font-size: 15.5px !important;
    line-height: 1.45 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps li:last-child {
    margin-bottom: 0 !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.58em !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 0 !important;
    background: #1da7e8 !important;
  }
}

@media (max-width: 380px) {
  html body.itemid-101 .skanda-home .skanda-home-steps {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps article {
    padding: 16px 14px 15px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps h3 {
    font-size: 20px !important;
  }

  html body.itemid-101 .skanda-home .skanda-home-steps li {
    font-size: 15px !important;
  }
}