/* =========================================================
   ARABIA GROUP — HERO PLANT V2.3
   REQUIREMENTS:
   - plant remains FULL SIZE
   - never clipped
   - stays below Hero CTA, never over CTA/text
   - may visually overlap the next block
   - plant has priority over the second-block illustration
   ========================================================= */

body.ag-home-v7 .hero,
body.ag-home-v7 .hero-section,
body.ag-home-v7 .hero-wrap,
body.ag-home-v7 .hero-container,
body.ag-home-v7 .hero-inner,
body.ag-home-v7 .hero-layout,
body.ag-home-v7 .hero-content,
body.ag-home-v7 .hero-copy{
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
}

/* Keep Hero itself above the following block while overlap happens. */
body.ag-home-v7 .hero,
body.ag-home-v7 .hero-section{
    position:relative!important;
    z-index:40!important;
}

/* The next block remains behind the overlapping plant. */
body.ag-home-v7 .hero + section,
body.ag-home-v7 .hero-section + section{
    position:relative!important;
    z-index:10!important;
}

/* Plant is in normal flow after the CTA, with a negative bottom margin.
   That means it begins BELOW the buttons but is allowed to continue visually
   into the following block without being cropped. */
body.ag-home-v7 .hero-popcorn-shell{
    position:relative!important;
    z-index:90!important;

    width:min(100%,525px)!important;
    max-width:525px!important;
    aspect-ratio:6688 / 3764!important;
    height:auto!important;
    min-height:0!important;

    margin-top:14px!important;
    margin-right:0!important;
    margin-bottom:-118px!important;
    margin-left:auto!important;

    transform:none!important;

    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;

    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

/* High-quality original gets visual priority.
   Never use cover: contain only. */
body.ag-home-v7 .hero-popcorn-shell .ag-plant-v20-original,
body.ag-home-v7 .hero-popcorn-shell .ag-plant-v20-mid,
body.ag-home-v7 .hero-popcorn-shell .hero-popcorn{
    position:absolute!important;
    inset:0!important;

    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;

    object-fit:contain!important;
    object-position:right bottom!important;

    opacity:1!important;
    visibility:visible!important;

    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;

    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    transform:none!important;
    image-rendering:auto!important;
    pointer-events:none!important;
}

body.ag-home-v7 .hero-popcorn-shell .ag-plant-v20-original{
    z-index:93!important;
}

body.ag-home-v7 .hero-popcorn-shell .ag-plant-v20-mid{
    z-index:92!important;
}

body.ag-home-v7 .hero-popcorn-shell .hero-popcorn{
    z-index:91!important;
}

/* Ensure known second-block character/illustration layers do not cover the plant. */
body.ag-home-v7 .about-character,
body.ag-home-v7 .about-visual,
body.ag-home-v7 .who-we-are-character,
body.ag-home-v7 .identity-character{
    position:relative!important;
    z-index:5!important;
}

@media(max-width:1050px){
    body.ag-home-v7 .hero-popcorn-shell{
        width:min(72vw,525px)!important;
        max-width:525px!important;
        margin-top:12px!important;
        margin-bottom:-92px!important;
    }
}

@media(max-width:760px){
    body.ag-home-v7 .hero-popcorn-shell{
        width:min(86vw,525px)!important;
        max-width:525px!important;
        margin-top:10px!important;
        margin-bottom:-56px!important;
    }
}