/* Absolute layout override for perfect single-row alignment */
.elementor-element-fc81f4b {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important; /* Stretch to make them equal height */
    justify-content: center !important;
}

/* Force each column container to exactly 33.333% width */
.elementor-element-b8d8aa2,
.elementor-element-daf4c47,
.elementor-element-1e241bc {
    width: calc(33.333% - 13.33px) !important;
    max-width: calc(33.333% - 13.33px) !important;
    min-width: calc(33.333% - 13.33px) !important;
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* FIX MISSING IMAGE: Set specific pixel height, use cover, and FORCE visibility */
.elementor-element-5f5829f,
.elementor-element-c3387ca,
.elementor-element-473c27d {
    display: block !important;
    width: 100% !important;
    flex-grow: 1 !important; /* Fill parent */
    min-height: 300px !important; /* FORCE HARD HEIGHT so image never disappears */
    height: 100% !important;
    
    /* Using cover ensures the background area is completely filled */
    background-size: cover !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Force rendering layer */
    transform: translateZ(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Explicitly force the background images to override empty/broken states */
.elementor-element-5f5829f {
    background-image: url('https://dunloptyres.com.my/wp-content/uploads/2026/04/TNG_Tablet-Banner-740640px-02-02-scaled.webp') !important;
    background-color: transparent !important; /* clear any blocking colors */
}
.elementor-element-c3387ca {
    background-image: url('https://dunloptyres.com.my/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-02-at-15.28.40-1.webp') !important;
}
.elementor-element-473c27d {
    background-image: url('https://dunloptyres.com.my/wp-content/uploads/2026/04/Beyond-Assurance_Tablet-Banner-740640px-02-scaled.webp') !important;
}


/* Hide the old image widgets that were breaking the layout */
.elementor-element-25165a2,
.elementor-element-54d191d,
.elementor-element-7ff91c9 {
    display: none !important;
}

/* Responsive adjustments */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-element-fc81f4b {
        gap: 10px !important;
    }
    
    .elementor-element-b8d8aa2,
    .elementor-element-daf4c47,
    .elementor-element-1e241bc {
        width: calc(33.333% - 6.66px) !important;
        max-width: calc(33.333% - 6.66px) !important;
        min-width: calc(33.333% - 6.66px) !important;
    }
    
    .elementor-element-5f5829f,
    .elementor-element-c3387ca,
    .elementor-element-473c27d {
        min-height: 200px !important; 
    }
}

/* Mobile stacks them */
@media (max-width: 767px) {
    .elementor-element-fc81f4b {
        flex-wrap: wrap !important;
    }
    
    .elementor-element-b8d8aa2,
    .elementor-element-daf4c47,
    .elementor-element-1e241bc {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    .elementor-element-5f5829f,
    .elementor-element-c3387ca,
    .elementor-element-473c27d {
        min-height: 250px !important; /* Ensure visibility on mobile */
    }
}