/* ================================
   AURA SHOP HERO BANNER
================================ */

.aura-shop-hero-bg{
    position:relative;
    width:100%;
    min-height:520px;
    margin:0;
    overflow:hidden;
    background-image:url("../images/banner/decorative-banner.png");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    isolation:isolate;
}

.aura-shop-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 22% 48%, rgba(214,163,79,.16), transparent 28%),
        linear-gradient(
            90deg,
            rgba(0,0,0,.96) 0%,
            rgba(0,0,0,.88) 30%,
            rgba(0,0,0,.55) 58%,
            rgba(0,0,0,.18) 100%
        );
    z-index:1;
}

.aura-shop-hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,0) 45%,
            rgba(0,0,0,.55) 100%
        );
    z-index:2;
    pointer-events:none;
}

.aura-shop-hero-container{
    position:relative;
    z-index:3;
    width:min(1320px, 92%);
    margin:0 auto;
    min-height:520px;
    display:flex;
    align-items:center;
}

.aura-shop-hero-content{
    max-width:560px;
    padding:70px 0;
    animation:auraHeroFadeUp .9s ease both;
}

.aura-shop-hero-label{
    display:inline-block;
    color:#d8a24d;
    font-size:14px;
    font-weight:600;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.aura-shop-hero-content h1{
    font-family:"Cormorant Garamond", serif;
    color:#fff;
    font-size:78px;
    line-height:.95;
    font-weight:500;
    margin:0 0 26px;
    letter-spacing:-1px;
}

.aura-shop-hero-line{
    width:120px;
    height:2px;
    background:#d8a24d;
    position:relative;
    margin-bottom:28px;
    transition:.5s ease;
}

.aura-shop-hero-line::after{
    content:"";
    position:absolute;
    right:-7px;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#d8a24d;
    transform:translateY(-50%);
    box-shadow:0 0 18px rgba(216,162,77,.85);
}

.aura-shop-hero-content p{
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.8;
    max-width:500px;
    margin:0 0 30px;
}

.aura-shop-hero-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    list-style:none;
    padding:0;
    margin:0;
}

.aura-shop-hero-breadcrumb li{
    color:#d8a24d;
    font-size:14px;
}

.aura-shop-hero-breadcrumb li:not(:last-child)::after{
    content:"›";
    margin-left:12px;
    color:rgba(255,255,255,.45);
}

.aura-shop-hero-breadcrumb a{
    color:#fff;
    text-decoration:none;
    transition:.35s ease;
}

.aura-shop-hero-breadcrumb a:hover{
    color:#d8a24d;
}

.aura-shop-hero-bg:hover .aura-shop-hero-line{
    width:155px;
}

/* Animation */

@keyframes auraHeroFadeUp{
    from{
        opacity:0;
        transform:translateY(35px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Tablet */

@media(max-width:991px){

    .aura-shop-hero-bg{
        min-height:480px;
        background-position:center center;
    }

    .aura-shop-hero-container{
        min-height:480px;
        width:90%;
    }

    .aura-shop-hero-content h1{
        font-size:60px;
    }

    .aura-shop-hero-content p{
        font-size:16px;
    }
}

/* Mobile */

@media(max-width:767px){

    .aura-shop-hero-bg{
        min-height:560px;
        background-image:url("../images/banner/decorative-banner-mobile.png");
        background-size:cover;
        background-position:center top;
    }

    .aura-shop-hero-bg::before{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.18) 0%,
                rgba(0,0,0,.42) 38%,
                rgba(0,0,0,.93) 72%,
                rgba(0,0,0,.98) 100%
            );
    }

    .aura-shop-hero-container{
        min-height:560px;
        width:100%;
        padding:0 24px 38px;
        align-items:flex-end;
    }

    .aura-shop-hero-content{
        width:100%;
        max-width:100%;
        padding:0;
        text-align:left;
    }

    .aura-shop-hero-label{
        font-size:11px;
        letter-spacing:4px;
        margin-bottom:14px;
    }

    .aura-shop-hero-content h1{
        font-size:40px;
        line-height:1;
        margin-bottom:18px;
    }

    .aura-shop-hero-line{
        width:85px;
        margin-bottom:18px;
    }

    .aura-shop-hero-content p{
        font-size:14px;
        line-height:1.7;
        max-width:310px;
        margin-bottom:22px;
    }

    .aura-shop-hero-breadcrumb{
        gap:8px;
    }

    .aura-shop-hero-breadcrumb li{
        font-size:13px;
    }

    .aura-shop-hero-breadcrumb li:not(:last-child)::after{
        margin-left:8px;
    }
}

/* Small Mobile */

@media(max-width:420px){

    .aura-shop-hero-bg{
        min-height:520px;
    }

    .aura-shop-hero-container{
        min-height:520px;
        padding:0 20px 34px;
    }

    .aura-shop-hero-content h1{
        font-size:36px;
    }
}
.aura-filter-list ul{
    margin:0;
    padding:0;
    list-style:none;
}

.aura-filter-list ul li{
    margin-bottom:12px;
}

.aura-filter-list label{
    display:flex;
    align-items:center;
    gap:10px;
    color:#ddd;
    cursor:pointer;
    transition:.3s;
}

.aura-filter-list label:hover{
    color:#d6a34f;
}

.aura-filter-list input[type="checkbox"],
.aura-filter-list input[type="radio"]{
    width:16px;
    height:16px;
    accent-color:#d6a34f;
}

.tag-categori-list ul{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.tag-categori-list ul li a{
    border:1px solid rgba(214,163,79,.35);
    color:#ddd;
    padding:8px 14px;
    border-radius:30px;
    transition:.3s;
}

.tag-categori-list ul li a:hover{
    background:#d6a34f;
    color:#000;
}
/*==================================
AURA PRODUCT GRID
==================================*/

.single-shop-box{

    position:relative;

    overflow:hidden;

    background:#0b0b0b;

    border:1px solid rgba(214,163,79,.12);

    border-radius:18px;

    transition:.45s ease;

    margin-bottom:30px;
}

.single-shop-box:hover{

    border-color:#d6a34f;

    transform:translateY(-6px);

    box-shadow:
    0 0 0 1px rgba(214,163,79,.18),
    0 20px 40px rgba(214,163,79,.12);
}

/* IMAGE */

.single-shop-thumb{

    position:relative;

    overflow:hidden;
}

.single-shop-thumb img{

    width:100%;

    display:block;

    transition:.8s ease;
}

.single-shop-box:hover .single-shop-thumb img{

    transform:scale(1.08);
}

/* CONTENT */

.single-shop-content{

    padding:20px;
}

.single-shop-item span{

    display:block;

    color:#d6a34f;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:8px;
}

.single-shop-item h3{

    color:#fff;

    font-size:22px;

    font-weight:500;

    margin:0;

    line-height:1.3;

    transition:.3s ease;
}

.single-shop-box:hover .single-shop-item h3{

    color:#d6a34f;
}

/* REMOVE PRICE */

.single-shop-dolar{
    display:none !important;
}

/* HOVER BUTTON */

.cart-button{

    position:absolute;

    left:20px;

    right:20px;

    bottom:20px;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.4s ease;

    z-index:2;
}

.single-shop-box:hover .cart-button{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
}

.cart-button a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:48px;

    border-radius:40px;

    border:1px solid #d6a34f;

    background:rgba(0,0,0,.85);

    color:#d6a34f;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.4s ease;
}

.cart-button a:hover{

    background:#d6a34f;

    color:#000;
}

/* DARK OVERLAY */

.single-shop-thumb::after{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,0)
    );

    opacity:0;

    transition:.4s ease;
}

.single-shop-box:hover .single-shop-thumb::after{

    opacity:1;
}

/* MOBILE */

@media(max-width:767px){

    .single-shop-content{

        padding:15px;
    }

    .single-shop-item h3{

        font-size:18px;
    }

    .cart-button{

        left:15px;

        right:15px;

        bottom:15px;
    }

}