.feat-grid {
    display: grid; gap: 24px;
    }
    @media (min-width: 768px) { .feat-grid { grid-template-columns: repeat(2,1fr); } }
    @media (min-width: 1024px) { .feat-grid { grid-template-columns: repeat(4,1fr); } }
    .feat-card {
    background: #fff; border: 1px solid #f3f4f6;
    border-radius: 16px; overflow: hidden;
    transition: box-shadow .2s ease;
    }
    .feat-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.1); }
    .feat-img-wrap { position: relative; }
    .feat-img-wrap img {
    width: 100%;
    /* height: 190px; */
    object-fit: cover;
    aspect-ratio: 16 / 9;
    }
    .feat-badge {
    position: absolute; top: 12px; right: 12px;
    padding: 4px 8px; border-radius: 6px;
    font-size: 12px; font-weight: 600; color: #fff;
    }
    .feat-badge.bg-green { background: rgba(16,185,129,.9); }
    .feat-badge.bg-indigo { background: rgba(79,70,229,.9); }
    .feat-badge.bg-amber { background: rgba(245,158,11,.9); }
    .feat-body { padding: 20px; }
    .feat-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
    .feat-card-title {
    font-size: 1em;
    font-weight: 600;
    color: #111827;
    margin: 0;
    }.feat-card-sub { font-size: 13px; color: #6b7280; margin-top: 4px; }
    .feat-price { text-align: left; }
    .feat-price-main { font-weight: 600; color: #111827; font-size: 15px; }
    .feat-price-sub { font-size: 12px; color: #6b7280; }
    .feat-meta {
    display: flex; gap: 16px; flex-wrap: wrap;
    margin-top: 16px; padding-top: 12px;
    border-top: 1px solid #f3f4f6;
    font-size: 13px; color: #4b5563;
    }
    .feat-actions { display: flex; gap: 8px; margin-top: 16px; }
    .feat-btn {
    flex: 1; text-align: center;
    padding: 10px 16px; border-radius: 12px;
    font-size: 14px; font-weight: 600; cursor: pointer;
    transition: .2s ease;
    }
    .feat-btn--dark {
    background: #0d1423; color: #fff;
    }
    .feat-btn--dark:hover { background: #1f2937; }
    .feat-btn--light {
    background: #fff; border: 1px solid #e5e7eb; color: #374151;
    }
    .feat-btn--light:hover { background: #f9fafb; }
    