/* Add custom CSS styles below */ 

/* NOVA PLUS — TABLET & IPAD RESPONSIVE FIX */

/* دعم الأجهزة القديمة التي لا تدعم aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .nova-approved-grid a {
    height: 0;
    padding-top: 100%;
  }
}

/* تنسيق التابلت والآيباد */
@media (min-width: 641px) and (max-width: 1199px) {

  .nova-approved {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 24px 12px;
    margin: 0 auto;
  }

  .nova-approved-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .nova-approved-grid a {
    display: block;
    min-width: 0;
    background-repeat: no-repeat;
    background-size: 310% 205%;
  }

  .nova-band {
    width: 100%;
    box-sizing: border-box;
    min-height: 220px;
    padding: 24px;
    margin-bottom: 18px;
  }

  .nova-band h2 {
    font-size: clamp(32px, 5vw, 52px);
  }

  .nova-band p {
    font-size: 17px;
    line-height: 1.7;
  }

  .nova-band-art {
    width: 75px;
    left: 8px;
    opacity: 0.5;
  }
}