/* Featured cards with full header image */
.kt-featured-grid{
    gap:26px !important;
}

.kt-featured-card{
    position:relative;
    overflow:hidden;
    border:1px solid #e6e6ee !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 14px 32px rgba(43,39,82,.12), 0 4px 10px rgba(43,39,82,.08) !important;
    transition:transform .22s ease, box-shadow .22s ease, opacity .35s ease;
    opacity:0;
    transform:translateY(18px);
}

.kt-featured-card.is-visible{
    opacity:1;
    transform:translateY(0);
}

.kt-featured-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 42px rgba(43,39,82,.18), 0 8px 16px rgba(43,39,82,.10) !important;
}

.kt-featured-visual{
    position:relative;
    min-height:224px !important;
    display:block !important;
    overflow:hidden;
    padding:0 !important;
    background:#eceaf6 !important;
    cursor:zoom-in;
}

.kt-featured-visual::before,
.kt-featured-visual::after{
    content:none !important;
}

.kt-featured-image{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:224px;
    max-width:none;
    object-fit:cover;
    object-position:center;
    filter:none;
    transform:scale(1);
    transform-origin:center center;
    transition:transform .45s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}

.kt-featured-visual:hover .kt-featured-image,
.kt-featured-card:focus-within .kt-featured-image{
    transform:scale(1.12);
}

.kt-card-favorite{
    position:absolute !important;
    z-index:3;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#e67aa5;
    box-shadow:0 8px 18px rgba(31,22,61,.14);
    cursor:pointer;
    transition:transform .18s ease, background .18s ease, color .18s ease;
}

.kt-card-favorite:hover{
    transform:scale(1.06);
}

.kt-card-favorite svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.kt-card-favorite.is-active{
    background:#f06caf;
    color:#fff;
}

.kt-card-favorite.is-active svg{
    fill:currentColor;
}

.kt-featured-body{
    padding:22px 22px 20px !important;
}

.kt-featured-name{
    min-height:60px;
    margin:0 !important;
    color:#25263a !important;
    font-size:18px !important;
    font-weight:850 !important;
    line-height:1.35;
}

.kt-featured-data{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:22px !important;
    padding-top:18px !important;
    border-top:1px solid #ececf3 !important;
}

.kt-featured-data span{
    color:#8e93a3 !important;
    font-size:12px !important;
    font-weight:500;
}

.kt-featured-data strong{
    margin-top:6px !important;
    color:#4a36ba !important;
    font-size:16px !important;
    font-weight:700 !important;
}

.kt-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:22px !important;
}

.kt-card-bottom small{
    color:#878d9d !important;
    font-size:14px;
}

.kt-mini-button{
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 18px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(90deg,#5e3ad8 0%,#804ce9 100%) !important;
    box-shadow:0 8px 20px rgba(96,64,217,.28);
    font-size:13px !important;
    font-weight:800 !important;
    white-space:nowrap;
}

.kt-mini-button:hover{
    transform:translateY(-1px);
}

@media(max-width:620px){
    .kt-featured-visual{
        min-height:190px !important;
    }

    .kt-featured-image{
        width:100%;
        height:190px;
    }

    .kt-card-bottom{
        align-items:flex-start;
        flex-direction:column;
    }
}