/*==================================================
MARVIK & ADOR
COLLECTIONS PAGE v2.0
==================================================*/


/*==================================================
1. COLLECTION HERO
==================================================*/

.ma-collections-hero{

    position:relative;
    overflow:hidden;

    border-radius:30px;

    margin:60px 0 80px;

    box-shadow:0 25px 70px rgba(0,0,0,.15);

    transition:all .45s ease;

}

.ma-collections-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.25)
    );

    z-index:1;

}

.ma-collections-hero .wp-block-cover__inner-container{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:900px;

    margin:auto;

}

.ma-collections-hero:hover{

    transform:translateY(-8px);

    box-shadow:0 35px 90px rgba(0,0,0,.22);

}

/* Hero Background Image */

.ma-collections-hero .wp-block-cover__image-background{

    transition:transform .8s ease;

}

.ma-collections-hero:hover .wp-block-cover__image-background{

    transform:scale(1.06);

}

/* Hero Title */

.ma-collections-hero h1{

    font-size:4.5rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:4px;

    color:#fff;

    text-shadow:0 5px 20px rgba(0,0,0,.45);

}

.ma-collections-hero h1::after{

    content:"";

    display:block;

    width:90px;

    height:3px;

    margin:22px auto;

    background:#C9A35B;

    border-radius:30px;

}

/* Hero Description */

.ma-collections-hero p{

    font-size:1.25rem;

    line-height:1.8;

    color:#fff;

    max-width:760px;

    margin:20px auto 35px;

}

/* Hero Button */

.ma-collections-hero .wp-element-button{

    background:#C9A35B;

    color:#111;

    border-radius:50px;

    padding:16px 36px;

    font-weight:700;

    transition:all .35s ease;

}

.ma-collections-hero .wp-element-button:hover{

    background:#111;

    color:#fff;

    transform:translateY(-3px);

}



/*==================================================
2. COLLECTION CARDS
==================================================*/

.ma-collection-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    height:100%;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:all .45s ease;

}

.ma-collection-card:hover{

    transform:translateY(-10px);

    box-shadow:0 35px 80px rgba(0,0,0,.18);

}

/* Image */

.ma-collection-card figure{

    overflow:hidden;

}

.ma-collection-card img{

    display:block;

    width:100%;

    transition:transform .7s ease;

}

.ma-collection-card:hover img{

    transform:scale(1.08);

}

/* Heading */

.ma-collection-card h2{

    text-align:center;

    font-size:2rem;

    margin-top:28px;

    letter-spacing:2px;

    color:#222;

}

.ma-collection-card h2::after{

    content:"";

    display:block;

    width:55px;

    height:3px;

    margin:15px auto;

    background:#C9A35B;

    border-radius:30px;

    transition:.35s ease;

}

.ma-collection-card:hover h2::after{

    width:100px;

}

/* Description */

.ma-collection-card p{

    text-align:center;

    line-height:1.8;

    color:#666;

    padding:0 18px 10px;

}

/* Buttons */

.ma-collection-card .wp-block-buttons{

    justify-content:center;

}

.ma-collection-card .wp-element-button{

    background:#111;

    color:#fff;

    border-radius:50px;

    padding:15px 34px;

    transition:all .35s ease;

}

.ma-collection-card .wp-element-button:hover{

    background:#C9A35B;

    color:#111;

    transform:translateY(-3px);

}



/*==================================================
3. RESPONSIVE
==================================================*/

@media(max-width:1024px){

    .ma-collections-hero h1{

        font-size:3.3rem;

    }

}

@media(max-width:768px){

    .ma-collections-hero{

        margin:30px 0 50px;

        border-radius:18px;

    }

    .ma-collections-hero h1{

        font-size:2.4rem;

        letter-spacing:2px;

    }

    .ma-collections-hero p{

        font-size:1rem;

    }

    .ma-collection-card h2{

        font-size:1.6rem;

    }

}