/* Product Features - Product Page (1440px baseline) */

.features-section {
    width: 100%;
    background-color: #FFFFFF;
    padding: 6.944vw 0; /* 100px / 1440 */
}

.features-container {
    padding-left: 1.528vw; /* 22px / 1440 - Corrected grid margin */
    padding-right: 1.528vw; /* 22px / 1440 */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* LEFT CONTENT */
.features-text-side {
    max-width: 39.861vw; /* 574px / 1440 */
}

.features-text-side h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 3.333vw; /* 48px / 1440 */
    font-weight: 300;
    color: #000;
    margin: 0 0 2.222vw 0;
    line-height: 1;
}

.features-text-side .desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.111vw; /* 16px / 1440 */
    font-weight: 400;
    line-height: 1.5; /* 24px / 16px = 1.5 */
    color: #444;
    margin-bottom: 3.333vw;
    max-width: 39.861vw; /* 574px / 1440 - Matches container */
}

/* FEATURES GRID */
.features-list-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3.333vw;
    row-gap: 0;
}

.feature-item-wrap {
    border-bottom: 1px solid #EAEAEA;
    padding: 1.111vw 0;
    display: flex;
    align-items: center;
    gap: 0.556vw; /* Reduced gap to match Figma spacing */
}

/* The box for the checkmark */
.feature-check-box {
    width: 1.389vw; /* 20px / 1440 */
    height: 1.389vw;
    background-color: #F9F9F9;
    border-radius: 2px; /* Fixed small radius per request */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-check-box img {
    width: 60%; /* Proportional icon size */
    height: auto;
}

.feature-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.111vw; /* 16px / 1440 */
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1; /* 100% per request */
}

/* RIGHT IMAGE */
.features-image-side {
    width: 48.056vw; /* 692px / 1440 */
    height: 29.375vw; /* 423px / 1440 */
    overflow: hidden;
    border-radius: 4px;
}

.features-image-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .features-container { flex-direction: column; padding: 0 5%; align-items: center; text-align: center; gap: 40px; }
    .features-text-side { max-width: 100%; }
    .features-text-side h2 { font-size: 32px; }
    .features-text-side .desc { font-size: 16px; max-width: 100%; }
    .features-list-grid { grid-template-columns: 1fr; width: 100%; }
    .feature-item-wrap { justify-content: flex-start; text-align: left; }
    .features-image-side { width: 100%; height: auto; aspect-ratio: 485/449; }
    .feature-check-box { width: 32px; height: 32px; }
    .feature-check-box i { font-size: 14px; }
    .feature-label { font-size: 16px; }
}