/* ================================
   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;
    }

}
/*==============================
Product Sort Dropdown
===============================*/

.shoping-items-button{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.shoping-items-button form{
    width: 250px;
}

.shoping-items-button select{
    width: 100%;
    height: 52px;
    padding: 0 45px 0 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 6px;
    background: #111111;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    transition: .35s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23d4af37' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5L8 12l6.5-6.5' stroke='%23d4af37' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 16px center;
}

.shoping-items-button select:hover{
    border-color: var(--aura-gold,#d4af37);
}

.shoping-items-button select:focus{
    border-color: var(--aura-gold,#d4af37);
    box-shadow: 0 0 0 4px rgba(212,175,55,.12);
}

.shoping-items-button option{
    background:#111;
    color:#fff;
}

/* Responsive */

@media (max-width:991px){

    .shoping-items-button{
        justify-content: flex-start;
        margin-top:20px;
    }

    .shoping-items-button form{
        width:100%;
    }

}
.sort-label{
    color:#c9c9c9;
    font-size:14px;
    font-weight:500;
    margin-right:12px;
    white-space:nowrap;
}
.aura-filter-actions{
    margin-top:25px;
    display:flex;
    gap:12px;
    align-items:center;
}

.aura-filter-btn{
    border:0;
    background:#d4af37;
    color:#111;
    padding:11px 22px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    cursor:pointer;
}

.aura-clear-filter{
    color:#d4af37;
    font-size:13px;
    text-decoration:none;
}

.aura-no-products{
    padding:50px;
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    text-align:center;
}

.aura-no-products h3{
    color:#fff;
    margin-bottom:10px;
}

.aura-no-products p{
    color:#aaa;
}

.aura-no-products a{
    color:#d4af37;
}
.aura-pd-info h1{

    font-family: 'Inter', sans-serif;
/* or 'Glacial Indifference', sans-serif */

    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;

    color: #f5f2ed;

    margin: 18px 0 18px;
}
@media (max-width:991px){

    .aura-pd-info h1{

        font-size:42px;

    }

}
@media (max-width:575px){

    .aura-pd-info h1{

        font-size:32px;
        line-height:1.2;
        letter-spacing:-0.5px;

    }

}
.aura-pd-main-image {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
}

#auraProductMainImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition:
        opacity .35s ease,
        transform .6s cubic-bezier(.22, 1, .36, 1),
        filter .35s ease;
    will-change: transform, opacity;
}

#auraProductMainImg.aura-pd-image-changing {
    opacity: 0;
    transform: scale(.96) translateX(12px);
    filter: blur(6px);
}

#auraProductMainImg.aura-pd-image-zoomed {
    transform: scale(2);
    cursor: zoom-out;
}

.aura-pd-thumb {
    cursor: pointer;
}

.aura-pd-thumb.active {
    border-color: #d8d1c6;
    box-shadow: 0 0 18px rgba(216, 209, 198, .22);
}
.aura-pagination-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    margin:60px 0;
    clear:both;
}

.aura-pagination ul{

    display:flex;

    gap:10px;

    list-style:none;

    padding:0;
}

.aura-pagination a{

    width:46px;
    height:46px;

    display:flex;

    justify-content:center;
    align-items:center;

    border:1px solid rgba(197,165,123,.35);

    color:#d8d2c7;

    border-radius:50%;

    transition:.35s;

    text-decoration:none;
}

.aura-pagination a:hover,
.aura-pagination a.active{

    background:#d9d2c8;

    color:#111;

    border-color:#d9d2c8;
}