.grabwp-waas-tpl-card {
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.grabwp-waas-tpl-card:hover {
    border-color: #3b82f6;
    transform: translateY(-2px);
}
.grabwp-waas-tpl-card__link {
    cursor: pointer;
    overflow: hidden;
}
.grabwp-waas-tpl-card__link:focus-visible { 
    outline: 3px solid rgba(59, 130, 246, 0.3); 
    outline-offset: 2px; 
}

.grabwp-waas-tpl-card__thumb img {
    transition: transform 0.25s ease-out;
    transform-origin: top center;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f0f0;
    object-fit: cover;
    object-position: top;
}
.grabwp-waas-tpl-card:hover .grabwp-waas-tpl-card__thumb img { 
    transform: scale(1.03); 
}

.grabwp-waas-tpl-card__overlay {
    opacity: 0;
    transition: opacity 0.3s;
}
.grabwp-waas-tpl-card:hover .grabwp-waas-tpl-card__overlay,
.grabwp-waas-tpl-card:focus-visible .grabwp-waas-tpl-card__overlay { 
    opacity: 1; 
}

.grabwp-waas-tpl-card__select-btn {
    pointer-events: none;
}

.grabwp-waas-tpl-card__feature {
    transition: background 0.15s, border-color 0.15s, transform 0.15s;
}
.grabwp-waas-tpl-card__feature:hover { 
    background: #e0e7ff; 
    border-color: #c7d2fe; 
    transform: scale(1.08); 
}

.grabwp-waas-tpl-card__preview-btn {
    transition: background 0.15s, box-shadow 0.15s;
}
.grabwp-waas-tpl-card__preview-btn:hover { 
    background: #3b82f6; 
    color: #fff; 
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3); 
}
.grabwp-waas-tpl-card__preview-btn:focus-visible { 
    outline: 3px solid rgba(59, 130, 246, 0.35); 
    outline-offset: 2px; 
}