/* =========================================
   ECOWOOD HERO BUTTONS — PREMIUM FINAL
========================================= */

.luxury-hero .hero-buttons{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin-top:12px !important;
}

/* =========================================
   MAIN BUTTON STYLE
========================================= */

.luxury-hero .hero-buttons .btn-main,
.luxury-hero .hero-buttons .btn-outline{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:none !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    padding:0 18px !important;
    margin:0 !important;

    box-sizing:border-box !important;

    border-radius:28px !important;

    background:linear-gradient(
        135deg,
        #f28c00,
        #ffb300
    ) !important;

    border:2px solid #ffffff !important;

    color:#ffffff !important;

    font-size:17px !important;
    font-weight:700 !important;
    line-height:1 !important;

    text-decoration:none !important;

    cursor:pointer !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.22),
        0 0 0 rgba(255,183,0,0);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;

    animation:ecoPremiumPulse 1.8s infinite ease-in-out !important;
    -webkit-animation:ecoPremiumPulse 1.8s infinite ease-in-out !important;
}

/* Contact button slight delay */

.luxury-hero .hero-buttons .btn-outline{
    animation-delay:.35s !important;
    -webkit-animation-delay:.35s !important;
}

/* =========================================
   HOVER / TAP
========================================= */

.luxury-hero .hero-buttons .btn-main:hover,
.luxury-hero .hero-buttons .btn-outline:hover,
.luxury-hero .hero-buttons .btn-main:active,
.luxury-hero .hero-buttons .btn-outline:active{

    background:linear-gradient(
        135deg,
        #e87500,
        #ff9800
    ) !important;

    transform:translateY(-2px) scale(1.02) !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.28),
        0 0 20px rgba(255,183,0,.70) !important;
}

/* =========================================
   PREMIUM PULSE ANIMATION
========================================= */

@keyframes ecoPremiumPulse{

    0%,100%{

        transform:scale(1);

        filter:brightness(1);

        background:linear-gradient(
            135deg,
            #f28c00,
            #ffb300
        );

        border-color:#ffffff;

        box-shadow:
            0 5px 14px rgba(0,0,0,.22),
            0 0 0 rgba(255,183,0,0);
    }

    50%{

        transform:scale(1.035);

        filter:brightness(1.12);

        background:linear-gradient(
            135deg,
            #ff6f00,
            #ffc107
        );

        border-color:#fff4c2;

        box-shadow:
            0 7px 20px rgba(0,0,0,.25),
            0 0 20px rgba(255,193,7,.85),
            0 0 34px rgba(255,152,0,.45);
    }
}

/* Safari / Android compatibility */

@-webkit-keyframes ecoPremiumPulse{

    0%,100%{
        -webkit-transform:scale(1);
        filter:brightness(1);
    }

    50%{
        -webkit-transform:scale(1.035);
        filter:brightness(1.12);
    }
}