/* CARD */

.edulex-product-card{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    background:#fff;

    box-shadow:
    0 20px 60px rgba(15,23,42,.08);

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    margin:0 !important;

    width:100% !important;
}

.edulex-product-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 90px rgba(15,23,42,.12);
}

/* IMAGE */

.edulex-product-card__image-wrap{

    position:relative;

    display:block;

    overflow:hidden;

    aspect-ratio:16/9;
}

.edulex-product-card__image-wrap img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
    transform .7s ease;
}

.edulex-product-card:hover
.edulex-product-card__image-wrap img{

    transform:scale(1.05);
}

/* OVERLAY */

.edulex-product-card__overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.06) 0%,
        rgba(0,0,0,.55) 100%
    );
}

/* BADGES */

.edulex-product-card__badges{

    position:absolute;

    top:20px;

    left:20px;

    z-index:3;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}

.edulex-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:36px;

    padding:0 16px;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    backdrop-filter:blur(10px);
}

.edulex-badge--gold{

    background:#D4A62A;

    color:#111827;
}

.edulex-badge--light{

    background:
    rgba(255,255,255,.16);

    color:#fff;

    border:
    1px solid rgba(255,255,255,.14);
}

/* CONTENT */

.edulex-product-card__content{

    padding:30px;
}

/* META */

.edulex-product-card__meta{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:18px;
}

.edulex-meta-item{

    font-size:14px;

    color:#6B7280;
}

/* TITLE */

.edulex-product-card__title{

    margin:0 0 18px;

    font-size:26px;

    line-height:1.15;

    letter-spacing:-0.6px;
}

.edulex-product-card__title a{

    color:#111827;

    text-decoration:none;
}

/* EXCERPT */

.edulex-product-card__excerpt{

    color:#4B5563;

    font-size:16px;

    line-height:1.75;

    margin-bottom:28px;
   display:-webkit-box;

-webkit-line-clamp:3;

-webkit-box-orient:vertical;

overflow:hidden;

min-height:84px;
}

/* BOTTOM */

.edulex-product-card__bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

/* PRICE */

.edulex-product-card__price{

    font-size:24px;

    font-weight:800;

    color:#111827;

    line-height:1.1;
}

.edulex-product-card__price del{

    opacity:.35;

    margin-right:8px;

    font-size:.7em;
}

.edulex-product-card__price ins{

    text-decoration:none;
}

.edulex-product-card__price bdi{

    white-space:nowrap;
}

/* BUTTON */

.edulex-product-card__button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:52px;

    padding:0 26px;

    border-radius:999px;

    background:#0B132B;

    color:#fff;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:
    transform .25s ease,
    background .25s ease;
}

.edulex-product-card__button:hover{

    transform:translateY(-2px);

    background:#D4A62A;

    color:#111827;
}

/* RESPONSIVE */


@media(max-width:768px){



    .edulex-product-card__content{

        padding:24px;
    }

    .edulex-product-card__title{

        font-size:28px;
    }

    .edulex-product-card__bottom{

        flex-direction:column;

        align-items:flex-start;
    }

    .edulex-product-card__button{

        width:100%;
    }
}


/* =========================================================
   MOBILE PRODUCT GRID
========================================================= */

@media(max-width:768px){

    .woocommerce ul.products{

        display:grid !important;

        grid-template-columns:1fr !important;

        gap:24px !important;
    }

    .woocommerce ul.products li.product{

        width:100% !important;

        margin:0 !important;

        float:none !important;
    }
}