.div2,
    .div3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
        min-height: unset !important;
    }
    .gallery-slide img,
    .status-slide img {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
/* ========================================
   MOBILE LANDSCAPE VIEW CSS
   Maintains desktop 6-column grid layout
   with scaled-down elements for tablets
   and landscape mobile devices
   ======================================== */

/* Override grid layout for landscape mobile/tablet */
@media only screen and (orientation: landscape) and (max-width: 1024px) {

    /* Scale down the grid gap for smaller screens */
    .parent {
        gap: 12px;
        padding: 6px;
        grid-template-rows: repeat(8, 1fr);
              /* Reduce row heights for landscape - use auto sizing to fit content */
        grid-template-rows: auto auto auto auto auto auto auto auto;
    }
    
    /* Header adjustments */
    .div1 {
        padding: 0.75rem 1rem;
    }
    
    .logo-container img,
    .logo-container svg {
        height: 3rem !important;
        max-width: 200px !important;
        padding: 0 !important;
    }
    
    .auth-links a {
        padding: 0.4rem 0.8rem;
        font-size: 0.875rem;
    }
    
    /* Section headers - reduce font size */
    .section-header {
        font-size: 1rem;
        padding: 0.75rem;
    }
    
    /* Units header adjustments */
    .units-header {
        padding: 0.75rem;
    }
    
    .view-all-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
    }
    
    /* Gallery carousel adjustments */
    .gallery-slide img {
        max-height: 3500px;
        padding: 0 !important;
    }
    
    /* Show landscape images in landscape mode, hide portrait */
    .gallery-image-landscape {
        display: block !important;
    }
    
    .gallery-image-portrait {
        display: none !important;
    }
    
    .gallery-title {
        font-size: 0.875rem;
        padding: 0.5rem;
    }
    
    /* Status images adjustments */
    .status-slide img {
        max-height: 3500px;
        padding: 0 !important;
    }
    
    .status-title {
        font-size: 0.875rem;
        padding: 0.5rem;
    }
    
    /* Floor plans adjustments */
 
    .floorplan-image {
       width: 100% !important;
       height: auto !important;
       object-fit: cover !important;
       padding: 0 !important;
    }
    
    .floorplan-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .floorplan-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .floorplan-title {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }
    
    .floorplan-type {
        font-size: 0.75rem;
    }
    
    /* Units card adjustments */
    .div5 {
        min-height: 400px;
    }
    
    .unit-image-frame {
        height: 250px;
        padding: 0 !important;
    }
    
    .unit-details {
        padding: 0.75rem;
    }
    
    .unit-number {
        font-size: 0.875rem;
        margin-bottom: 0.4rem;
    }
    
    .unit-info {
        font-size: 0.75rem;
        padding: 0.4rem 0;
    }
    
    .unit-price {
        font-size: 0.875rem;
        padding: 0.5rem;
        margin-bottom: 20px !important;
        padding-bottom: 10px !important; /* Extra bottom space for stubborn layouts */
    }
    
    /* Location features adjustments */
    .feature-grid {
        gap: 0.75rem;
        padding: 0.75rem;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 columns in landscape */
    }
    
    .feature-item {
        padding: 0.75rem;
    }
    
    .feature-icon {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }
    
    .feature-icon img {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
    }
    
    .feature-item h3 {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }
    
    .feature-item p {
        font-size: 0.75rem;
    }
    
    /* Carousel controls - scale down */
    .carousel-controls button,
    .status-carousel-controls button,
    .floorplan-carousel-controls button,
    .units-controls button {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
    
    /* Carousel dots - smaller */
    .carousel-dots,
    .status-carousel-dots,
    .floorplan-carousel-dots {
        padding: 0.5rem;
        gap: 6px;
    }
    
    .gallery-dot,
    .status-dot,
    .floorplan-dot {
        width: 8px;
        height: 8px;
    }
    
    .carousel-counter,
    .status-carousel-counter,
    .floorplan-carousel-counter {
        font-size: 0.75rem;
        padding: 0.4rem 0.6rem;
    }
    
    /* Show counters on mobile landscape - always visible since hover doesn't work well on touch */
    .gallery-counter,
    .status-counter,
    .floorplan-counter,
    .div2 .gallery-counter,
    .div3 .status-counter,
    .div4 .floorplan-counter {
        opacity: 1 !important;
    }

}

/* Extra small landscape devices (phones in landscape) */
@media only screen and (orientation: landscape) and (max-height: 500px) {
    
    .parent {
        gap: 8px;
        padding: 4px;
    }
    
    .div1 {
        padding: 0.5rem 0.75rem;
    }
    
    .logo-container img,
    .logo-container svg {
        height: 2.5rem !important;
        max-width: 150px !important;
        padding: 0 !important;
    }
    
    .auth-links a {
        padding: 0.3rem 0.6rem;
        font-size: 0.75rem;
    }
    
    .section-header {
        font-size: 0.875rem;
        padding: 0.5rem;
    }
    
    .gallery-slide img,
    .status-slide img,
    .floorplan-image {
        max-height: 200px;
        padding: 0 !important;
    }
    
    .floorplan-image {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: cover !important;
    }
    
    .div5 {
        min-height: 300px;
    }
    
    .unit-image-frame {
        height: 180px;
        padding: 0 !important;
    }
    
    .feature-icon {
        font-size: 1.5rem;
        margin-bottom: 0.3rem;
    }
    
    .feature-icon img {
        width: 28px !important;
        height: 28px !important;
        padding: 0 !important;
    }
    
    .feature-item h3 {
        font-size: 0.75rem;
    }
    
    .feature-item p {
        font-size: 0.625rem;
    }
    
    /* Show counters on small landscape devices too */
    .gallery-counter,
    .status-counter,
    .floorplan-counter,
    .div2 .gallery-counter,
    .div3 .status-counter,
    .div4 .floorplan-counter {
        opacity: 1 !important;
    }

   
        
}