@media (max-width:900px){

  .lux-header{
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
  }

  .lux-nav{
    width:100%;
    justify-content:center;
  }

  .lux-cta{
    width:100%;
    justify-content:center;
  }

  .hero{
    padding:130px 4% 70px;
  }

  .hero h1{
    font-size:clamp(2.6rem,13vw,4.4rem);
  }

  .panel{
    position:relative;
    top:auto;
    min-height:auto;
    grid-template-columns:1fr;
    padding:18px;
  }

  .panel img{
    max-height:220px;
  }

  .universal-modal-box,
  .template-modal-box{
    padding:24px;
    border-radius:24px;
  }
}

@media (max-width:768px){

  .premium-app-grid-v2,
  .portfolio-grid,
  .template-entry-grid{
    grid-template-columns:1fr;
  }

  .premium-app-card-v2{
    padding:18px;
  }

  .app-icon-v2{
    width:58px;
    height:58px;
  }
}

@media (hover:none){

  .panel:hover,
  .premium-app-card-v2:hover,
  .portfolio-item:hover{
    transform:none;
    box-shadow:none;
  }
}