/* Inneroot V5.0 — final integration for new garden and bottom navigation illustrations */
@media (max-width:600px) and (orientation:portrait){
  /* Heart garden: fit the new independently generated cloche illustration */
  .asset-feature-card.asset-wide{
    height:156px !important;
    min-height:156px !important;
    padding:18px 16px 16px !important;
  }

  .asset-feature-card.asset-wide > div{
    width:62% !important;
    max-width:62% !important;
    min-height:84px !important;
  }

  .asset-feature-card.asset-wide > img{
    width:158px !important;
    height:158px !important;
    right:5px !important;
    bottom:-10px !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    opacity:1 !important;
    filter:drop-shadow(0 9px 14px rgba(67,84,67,.10)) !important;
  }

  /* Bottom navigation: larger and clearer independent illustrations */
  .asset-bottom-nav{
    height:82px !important;
    padding:5px 8px !important;
    border-radius:28px !important;
  }

  .asset-bottom-nav button{
    height:70px !important;
    border-radius:21px !important;
    gap:1px !important;
    overflow:visible !important;
  }

  .asset-bottom-nav img{
    width:48px !important;
    height:48px !important;
    object-fit:contain !important;
    mix-blend-mode:normal !important;
    opacity:1 !important;
    filter:drop-shadow(0 5px 8px rgba(61,81,62,.08)) !important;
  }

  .asset-bottom-nav small{
    margin-top:-2px !important;
    font-size:10.5px !important;
    line-height:1.05 !important;
  }

  .asset-bottom-nav button.active{
    background:
      radial-gradient(circle at 50% 12%,rgba(255,244,196,.28),transparent 35%),
      linear-gradient(145deg,#edf4e9,#dce8d8) !important;
  }
}

@media (max-width:374px) and (orientation:portrait){
  .asset-feature-card.asset-wide{
    height:150px !important;
    min-height:150px !important;
  }
  .asset-feature-card.asset-wide > img{
    width:148px !important;
    height:148px !important;
    right:2px !important;
    bottom:-9px !important;
  }
  .asset-bottom-nav img{
    width:44px !important;
    height:44px !important;
  }
  .asset-bottom-nav small{
    font-size:10px !important;
  }
}