/* DRALYS SHOP VISUAL BOOST - FINAL GRID STYLE V2.4 */

body.woocommerce-shop .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce-products-header,
body.woocommerce-shop ul.products,
body.woocommerce-shop nav.woocommerce-pagination,
body.woocommerce-shop .woocommerce-result-count,
body.woocommerce-shop .woocommerce-ordering{
    display:none!important;
}

body.woocommerce-shop .dralys-shop-pro{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:18px 28px 40px!important;
    background:#fff!important;
    font-family:Inter,Arial,sans-serif!important;
    overflow:hidden!important;
}

body.woocommerce-shop .dralys-shop-pro *{
    box-sizing:border-box!important;
}

.dralys-hero-shop{
    background:linear-gradient(110deg,#fbf1e8,#fffaf5,#ead4c2)!important;
    border-radius:18px!important;
    padding:44px 64px!important;
    display:grid!important;
    grid-template-columns:34% 66%!important;
    gap:25px!important;
    min-height:400px!important;
    overflow:hidden!important;
    margin-bottom:28px!important;
}

.dralys-hero-left h1{
    font-size:62px!important;
    font-family:Georgia,serif!important;
    margin:8px 0 12px!important;
    line-height:1!important;
    color:#1c1713!important;
}

.dralys-hero-left p{
    font-size:18px!important;
    max-width:430px!important;
    color:#4b5563!important;
}

.dralys-main-btn,
.dralys-see-more-btn{
    display:inline-block!important;
    background:#21170f!important;
    color:#fff!important;
    padding:12px 24px!important;
    border-radius:999px!important;
    text-decoration:none!important;
    font-weight:900!important;
}

.dralys-main-btn:hover,
.dralys-see-more-btn:hover{
    background:#f15a24!important;
}

.dralys-hero-products{
    position:relative!important;
    min-height:330px!important;
}

.dralys-hero-product-card{
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(40px)!important;
    transition:.45s ease!important;
    display:grid!important;
    grid-template-columns:1.2fr 1fr!important;
    gap:22px!important;
    align-items:center!important;
    color:#111!important;
    text-decoration:none!important;
}

.dralys-hero-product-card.active{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
}

.dralys-hero-product-card img{
    width:100%!important;
    height:320px!important;
    object-fit:cover!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 18px 40px rgba(0,0,0,.12)!important;
}

.dralys-hero-product-card span,
.dralys-label{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    background:#e84a1a!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    border-radius:5px!important;
    padding:5px 7px!important;
    z-index:2!important;
}

.dralys-hero-product-card strong{
    font-size:24px!important;
    font-weight:950!important;
    line-height:1.15!important;
}

.dralys-hero-product-card em{
    display:block!important;
    color:#f15a24!important;
    font-style:normal!important;
    font-weight:950!important;
    font-size:23px!important;
}

.dralys-product-grid-section{
    margin:30px 0!important;
}

.dralys-grid-header{
    border-bottom:1px solid #eee!important;
    margin-bottom:14px!important;
    padding-bottom:10px!important;
}

.dralys-grid-header h2{
    font-size:22px!important;
    font-weight:950!important;
    margin:0!important;
    color:#111!important;
}

.dralys-static-product-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:16px!important;
}

.dralys-shop-card{
    border:1px solid #eee!important;
    border-radius:14px!important;
    padding:10px!important;
    background:#fff!important;
    color:#111!important;
    text-decoration:none!important;
    position:relative!important;
    box-shadow:0 8px 22px rgba(0,0,0,.04)!important;
    transition:.2s ease!important;
    min-width:0!important;
}

.dralys-shop-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.08)!important;
}

.dralys-shop-card img{
    width:100%!important;
    height:170px!important;
    object-fit:cover!important;
    border-radius:10px!important;
    background:#fafafa!important;
}

.dralys-heart{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    background:#fff!important;
    border-radius:50%!important;
    width:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2!important;
}

.dralys-shop-card strong{
    display:block!important;
    font-size:13px!important;
    margin:8px 0 4px!important;
    line-height:1.25!important;
    min-height:34px!important;
}

.dralys-shop-card small{
    color:#f59f00!important;
    font-size:12px!important;
}

.dralys-shop-card em{
    display:block!important;
    color:#ff2d00!important;
    font-style:normal!important;
    font-weight:950!important;
    margin-top:4px!important;
}

.dralys-see-more-wrap{
    text-align:center!important;
    margin:40px 0 15px!important;
}

@media(max-width:1200px){
    .dralys-static-product-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:768px){
    body.woocommerce-shop .dralys-shop-pro{
        padding:10px!important;
    }

    .dralys-hero-shop{
        display:block!important;
        padding:24px 16px!important;
        min-height:auto!important;
        border-radius:14px!important;
    }

    .dralys-hero-left h1{
        font-size:40px!important;
    }

    .dralys-hero-left p{
        font-size:15px!important;
    }

    .dralys-hero-product-card{
        display:block!important;
        width:100%!important;
    }

    .dralys-hero-products{
        min-height:350px!important;
        margin-top:18px!important;
    }

    .dralys-hero-product-card img{
        height:230px!important;
    }

    .dralys-static-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
    }

    .dralys-shop-card img{
        height:150px!important;
    }

    .dralys-see-more-btn{
        padding:11px 22px!important;
        font-size:13px!important;
    }
}