/* =========================================================
   WEB3 SECTION — MOBILE COMPOSITION POLISH
   Keeps the desktop layout unchanged.
   ========================================================= */
@media screen and (max-width: 575px) {
  #web3 {
    overflow: hidden;
	padding-left: 15px;
    padding-right: 15px;
  }

  /* Mobile heading: clean left alignment and normal flow. */
  #web3 .about5-heading-block,
  #web3 .about5-heading-block h5,
  #web3 .about5-heading-block h2 {
    text-align: left !important;
  }

  #web3 .about5-heading-block {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0px 0px 6px;
  }

  #web3 .about5-heading-block h5 {
    margin: 0 0 14px !important;
  }

  #web3 .about5-heading-block h2 {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: -1px !important;
    overflow: visible;
  }

  /* Keep the token artwork between the heading and body content. */
  #web3 .about5-main-row {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
  }

  #web3 .about5-images-col {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
  }

  #web3 .about5-mobile-uni-visuals {
    display: block !important;
    width: 100%;
    margin: 2px 0 14px !important;
  }

  #web3 .about-all-images-area-uni-mobile,
  #web3 .about-all-images-area-uni-mobile .row,
  #web3 .about-all-images-area-uni-mobile .col-lg-12,
  #web3 .about-all-images-area-uni-mobile .col-md-12,
  #web3 .about-all-images-area-uni-mobile .img3 {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove the inherited spacer that pushed the image into the title. */
  #web3 .about-all-images-area-uni-mobile .img3 .space100 {
    display: none !important;
  }

  #web3 .about-all-images-area-uni-mobile .img3 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
  }

  #web3 .about-all-images-area-uni-mobile .img3 img {
    display: block;
    width: min(84vw, 360px) !important;
    max-width: 100%;
    height: auto !important;
    margin-top: -90px;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    opacity: 0.96;
    filter: saturate(0.94) contrast(1.03);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 91%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 91%, transparent 100%);
  }

  /* Body content follows the image without artificial offsets. */
  #web3 .about5-content-col,
  #web3 .about5-content-area {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: -20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}