/* GRID LAYOUT */
.ewai-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:16px;
}

/* Force single card per row on small devices */
@media only screen and (max-width: 768px){
    .ewai-grid{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:1024px){
    .ewai-grid{ grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
    .ewai-grid{ grid-template-columns:1fr;}
}

.ewai-card{
    border:1px solid #e6e6e6;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
    transition:transform .2s ease;
}

.ewai-card:hover{
    transform:translateY(-3px);
}

.ewai-thumb{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#f7f7f7;
}
.ewai-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.ewai-level{
    position:absolute;
    top:10px;
    left:10px;
    background:#111;
    color:#fff;
    font-size:12px;
    padding:6px 10px;
    border-radius:999px;
}

.ewai-body{
    padding:12px 14px 14px;
}
.ewai-title{
    font-size:17px;
    font-weight:600;
    margin-bottom:6px;
}
.ewai-short{
    font-size:12px;
    color:#666;
}
.ewai-meta{
    margin:8px 0;
}
.ewai-tag{
    background:#f3f4f6;
    border:1px solid #e5e7eb;
    border-radius:6px;
    padding:4px 8px;
    font-size:12px;
    margin-right:4px;
}
.ewai-rating span{ font-size:15px; }
.ewai-cta{
    margin-top:10px;
}
.ewai-btn{
    background:#111;
    color:#fff !important;
    padding:8px 12px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
}
/* One-line meta item container */
.ewai-meta-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
    flex-wrap: wrap; /* mobile friendly */
}

/* Fee / Duration */
.ewai-info-item {
    background: #f3f4f6;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

/* Rating stars */
.ewai-info-rating {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 13px;
    color: #555;
}

.ewai-star {
    font-size: 16px;
    color: #facc15; /* yellow */
}

.ewai-star.gray {
    color: #ddd;
}

.ewai-rating span {
    font-size: 22px !important;   /* previously 15px */
}
          .ewai-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 14px}
          .ewai-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}
          .ewai-tab{white-space:nowrap;padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:13px}
          .ewai-tab.is-active{background:#111827;color:#fff;border-color:#111827}
          .ewai-sort-search{display:flex;gap:10px;margin-left:auto}
          .ewai-sort-select,.ewai-search-input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px}
          .ewai-grid{display:grid;gap:16px}
          .ewai-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
          .ewai-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
          .ewai-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
          @media (max-width:1024px){.ewai-grid{grid-template-columns:repeat(2,1fr)}}
          @media (max-width:640px){.ewai-grid{grid-template-columns:1fr}.ewai-sort-search{width:100%;justify-content:space-between}}
          .ewai-load-more-wrapper{text-align:center;margin-top:20px}
          .ewai-load-more-btn{padding:10px 18px;border-radius:6px;background:#111827;color:#fff;border:none;cursor:pointer}
          .ewai-load-more-btn[disabled]{opacity:.7;cursor:not-allowed}