/*
 ASEMANEEHA PHASE 222
 HOME LAYOUT REFINEMENT
*/

/* Desktop: restore a comfortable gap below the six-icon menu */
@media (min-width: 1025px) {
    .asem-home-calendar-222 {
        padding-top: 104px !important;
    }
}

/* Mobile and tablet: allow room for the decorative connectors */
@media (max-width: 1024px) {
    .asem-home-posters-222 {
        row-gap: 184px !important;
    }
}

/* Narrow mobile screens */
@media (max-width: 500px) {
    .asem-home-posters-222 {
        row-gap: 192px !important;
    }

    /*
      Keep the floating calendar decoration
      inside the card and near its upper edge.
    */
    .asem-calendar-floating-222 {
        left: 12px !important;
        top: 8px !important;
        width: 90px !important;
        max-width: 90px !important;
        transform: none !important;
    }
}

/* Both poster panels: consistent outer height */
.asem-home-posters-222 .asem-poster-frame-222 {
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    box-sizing: border-box;
}

/* Preserve a fixed poster viewport */
.asem-home-posters-222 .asem-poster-frame-222 .h-64 {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
}

/* Preserve image proportions */
.asem-home-posters-222 .asem-poster-frame-222 img[alt="Banner Poster"] {
    max-height: 256px !important;
    object-fit: contain !important;
}

/*
  Home footer only.
  Reduce excessive vertical space without
  removing the cloud decorations.
*/
@media (min-width: 501px) {
    .asem-home-footer-222 {
        height: 680px !important;
        min-height: 680px !important;
    }
}

@media (max-width: 500px) {
    .asem-home-footer-222 {
        height: 530px !important;
        min-height: 530px !important;
    }

    .asem-home-footer-222 > img[src="/images/footerCloude2.png"] {
        height: 100% !important;
    }
}