/*=========================================
Website Designs
=========================================*/
.website-designs{
    background:#F8FAFC;
    }
    .design-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    overflow:hidden;
    transition:.35s;
    box-shadow:var(--shadow-sm);
    position:relative;
    height:100%;
    }
    .design-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow);
    }
    .design-image{
    position:relative;
    }
    .design-image img{
    width:100%;
    display:block;
    padding: 5px;
    box-shadow:var(--shadow);
    }
    .collection-badge{
    position:absolute;
    right:10px;
    bottom:10px;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    }
    /* Classic */
    .collection-badge.classic{
    background:#EAF3FF;
    color:#0D6EFD;
    }
    /* Modern */
    .collection-badge.modern{
    background:#F3F4F6;
    color:#374151;
    }
    /* Signature */
    .collection-badge.signature{
    background:#F3E8FF;
    color:#7E22CE;
    }
    .featured-badge{
    position:absolute;
    right:20px;
    top:20px;
    background:var(--primary);
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    z-index:2;
    }
    .design-content{
    padding:30px;
    }
    .design-content h3{
    margin-bottom:5px;
    }
    .design-content p{
    color:var(--light-text);
    min-height:75px;
    margin-bottom:10px;
    }
    .design-buttons{
        display:flex;
        gap:12px;
    }
    
    .design-buttons .btn{
    
        padding:12px 18px;
    
        font-size:15px;
    
        border-radius:12px;
    
        font-weight:600;
    
    }
    
    .btn-dark-custom{
    
        background:#1E293B;
    
        color:#fff;
    
        border-radius:12px;
    
        transition:.3s;
    
    }
    
    .btn-dark-custom:hover{
    
        background:#111827;
    
        color:#fff;
    
    }

    .design-meta{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:20px;
        font-size:14px;
        color:var(--light-text);
        }
        .design-meta span{
        display:flex;
        align-items:center;
        gap:6px;
        }