.woocommerce ul.products li.product{
    background:#fff;
    box-shadow:0 0.2vw 0.7vw rgba(0,0,0,0.08);
    border-radius:0.8vw;
    overflow:hidden;
    position:relative;
    transition:transform .35s ease;
    margin-bottom:1vw;
}

@media (hover: hover) { .woocommerce ul.products li.product:hover{ transform:scale(1.04); } }

.woocommerce ul.products li.product .astra-shop-summary-wrap{ padding:0.8vw 0.9vw 0.9vw; }

.woocommerce ul.products li.product .woocommerce-loop-product__title:after{
    content:"";
    display:block;
    width:1.7vw;
    height:0.1vw;
    background:#D4AF37;
    margin-top:0.3vw;
}

.woocommerce ul.products li.product .price{
    font-size:0.9vw;
    font-weight:500;
    color:#1a1a1a;
}

.woocommerce ul.products li.product .price del{
    color:#9a9a9a;
    font-size:0.7vw;
    margin-right:0.3vw;
}

.woocommerce ul.products li.product .price ins{
    color:var(---dark-gold);
    text-decoration:none;
    font-weight:500;
}

.custom-variable-price {
    display:flex;
    flex-direction:column;
}

.price-label {
    font-weight:600;
    font-size: 0.6vw;
}

.price-range {
    font-size:0.9vw;
    opacity:0.8;
}

.product-sku{
    font-size:0.6vw;
    letter-spacing:0.05vw;
    text-transform:uppercase;
    color:var(---sku);
}

.ast-on-card-button.ast-onsale-card{ display:none !important; }

.discount-percent{
    position:absolute;
    right:1vw;
    bottom:1vw;
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.28vw;
    height:1.75vw;
    min-width:3.8vw;
    padding:0 0.75vw;
    border-radius:999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.12)),
        linear-gradient(135deg, #f3dc98 0%, #d2a52f 48%, #9f7218 100%);

    border:0.06vw solid rgba(139, 96, 15, .28);
    box-shadow:
        0 0.25vw 0.75vw rgba(70,45,5,.22),
        inset 0 0.06vw 0 rgba(255,255,255,.65),
        inset 0 -0.08vw 0 rgba(84,55,4,.18);
}

.discount-percent::after{
    content:"✦";
    font-size:0.55vw;
    color:#5b3a00;
    opacity:.75;
    line-height:1;
}

.discount-percent span{
    transform:none;
    padding:0;
    color:#332100;
    font-size:0.72vw;
    font-weight:800;
    letter-spacing:0.025vw;
    line-height:1;
    text-shadow:0 0.04vw 0 rgba(255,255,255,.35);
}

@media (hover: hover) {
    .product-dimensions-hover{
        position:absolute;
        top:3.1vw;
        right:0.7vw;
        display:flex;
        flex-direction:column;
        gap:0.5vw;
        opacity:0;
        transform:translateY(0.5vw);
        transition:.25s;
        z-index:5;
        pointer-events: none;
    }

    li.product:hover .product-dimensions-hover{
        opacity:1;
        transform:translateY(0);
    }
}

.dim-button{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:0.4vw;
}

.dim-icon{
    width:1.8vw;
    height:1.8vw;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.70);
    color:#000;
    box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.15);
    backdrop-filter:blur(0.2vw);
    transition:.25s;
}

.dim-icon svg{
   width: 0.9vw;
   height: 0.9vw; 
}

.ast-select-options-trigger {
    top: 0.7vw;
    right: 0.7vw;
}

.ast-on-card-button .ahfb-svg-iconset {
    width: 1.8vw;
    height: 1.8vw;
}

.ahfb-svg-iconset svg {
    width: 0.9vw;
    height: 0.9vw;
}

.dim-text{
    /*background:#243246;
    color:#fff;*/

    background:rgba(255,255,255, 0.70);
    color:#000;
    box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.15);

    border-radius: 0.5vw;
    padding:0.2vw 0.6vw;
    font-size:0.7vw;
    white-space:nowrap;
    opacity:0;
    transform:translateX(0.5vw);
    transition:.25s;
}

@media (hover: hover) {
    li.product:hover .dim-text{
        opacity:1;
        transform:translateX(0);
    }

    /*.dim-button:hover .dim-icon{
        background:#ffffff;
        color:#1e293b;
        box-shadow:0 0.3vw 0.8vw rgba(0,0,0,.25);
    }*/
}

@media (max-width:768px){
    /*.woocommerce ul.products li.product .woocommerce-loop-product__title{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }*/

    .product-sku{
        font-size:0.5vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .price-label { font-size: 3.6vw; }
    .price-range { font-size: 3.9vw; }
}

@media (max-width:768px){
    .woocommerce ul.products li.product{
        box-shadow:0 1.1vw 3.7vw rgba(0,0,0,0.08);
        border-radius:4.3vw;
        margin-bottom:2.3vw;
    }

    .woocommerce ul.products li.product img{ border-radius: 4.3vw; }

    .woocommerce ul.products li.product .astra-shop-summary-wrap{ padding:0 4.8vw; }

    .woocommerce-js ul.products li.product a.ast-loop-product__link{ height: 10vh; }

    .woocommerce ul.products li.product .woocommerce-loop-product__title:after{
        width:8.5vw;
        height:0.5vw;
        margin-top:1.6vw;
    }

    .woocommerce ul.products li.product .price{ font-size:4.5vw; }

    .woocommerce ul.products li.product .price del{
        font-size:3.7vw;
        margin-right:1.6vw;
    }

    .product-sku{
        font-size:2.9vw;
        letter-spacing:0.3vw;
    }

    .discount-percent{
        position:relative;
        bottom:auto;
        width:calc(100% + 9.6vw);
        height:8.8vw;
        margin:0 -4.8vw;
        display:flex;
        align-items:center;
        justify-content:center;
        clip-path:none;
        transform:none;
        border-radius:0 0 4.3vw 4.3vw;
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0.35),
                rgba(255,255,255,0.04)
            ),
            linear-gradient(
                135deg,
                #f5e7bb 0%,
                #d8b24a 38%,
                #bb8e23 72%,
                #f5e7bb 100%
            );
        border-top:0.25vw solid rgba(255,255,255,0.35);
        box-shadow:
            inset 0 0.3vw 0 rgba(255,255,255,0.42),
            0 -0.6vw 2vw rgba(0,0,0,0.08);
        backdrop-filter:blur(1vw);
        overflow:hidden;
    }

    .discount-percent::before{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(
                120deg,
                transparent 15%,
                rgba(255,255,255,0.28) 50%,
                transparent 85%
            );
        transform:translateX(-120%);
        transition:transform .7s ease;
    }

    .discount-percent span{
        position:relative;
        z-index:2;
        transform:none;
        padding:0;
        color:#3d2a00;
        font-size:3.2vw;
        font-weight:800;
        letter-spacing:0.08vw;
        line-height:1;
        text-shadow:
            0 0.15vw 0 rgba(255,255,255,0.35);
    }

    .product-dimensions-hover{ display: none !important; }

    .dim-button{ gap:2.1vw; }

    .dim-icon{
        width:9.1vw;
        height:9.1vw;
        box-shadow: 0 1.1vw 1.1vw rgba(0, 0, 0, 0.15);
        backdrop-filter:blur(1.1vw);
    }

    .dim-text{
        box-shadow: 0 1.1vw 1.1vw rgba(0, 0, 0, 0.15);
        border-radius: 2.7vw;
        padding:0.8vw 3.2vw;
        font-size:3.5vw;
        transform:translateX(2.7vw);
    }

    .dim-button:hover .dim-icon{ box-shadow:0 1.6vw 4.3vw rgba(0,0,0,.25); }
}