/**
 * KO Features Grid Widget Styles
 * Structural styles only - visual customization via Elementor
 *
 * @package KO_Elementor_Addons
 */

/* Container */
.ko-value-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */
.ko-value-header {
    text-align: center;
}

.ko-value-title {
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.ko-value-subtitle {
    line-height: 1.7;
    max-width: 720px;
    margin: 0 auto;
}

/* Card Grid */
.ko-card-grid {
    display: grid;
}

/* Card */
.ko-card {
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    display: flex;
    flex-direction: column;
}

.ko-card:hover {
    transform: translateY(-6px);
}

/* Card Icon */
.ko-card-icon {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Card Title */
.ko-card-title {
    line-height: 1.35;
    margin: 0 0 12px 0;
}

/* Card Description */
.ko-card-description {
    line-height: 1.55;
    margin: 0;
}

/* Responsive - Mobile */
@media screen and (max-width: 767px) {
    .ko-card:hover {
        transform: translateY(-4px);
    }
}