/* ---------- Features Light ---------- */
.features-light { position: relative; width: 100%; padding: 90px 0 100px; overflow: hidden; color: var(--textColor); background: #F6F3F0; }
.features-light__container { width: calc(100% - 40px); max-width: var(--container-width); margin: 0 auto; }
.features-light__header { max-width: 900px; margin: 0 auto 54px; text-align: center; }
.features-light__eyebrow { margin: 0 0 5px; color: var(--backgroundColorOrange); font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.features-light__title { max-width: 900px; margin: 0 auto; color: var(--textColor); font-size: clamp(30px, 2.1vw, 38px); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; text-wrap: balance; }
.features-light__title span { color: var(--backgroundColorOrange); }
.features-light__title.line_center { margin-bottom: 0; padding-bottom: 13px !important; }
.features-light__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.features-light__item { position: relative; display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; justify-items: center; align-content: start; min-width: 0; padding: 36px 26px 32px; text-align: center; background: #fff; border: 1px solid rgba(15, 15, 15, .07); border-radius: 18px; box-shadow: 0 10px 30px rgba(15, 15, 15, .05); transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.features-light__item::before { position: absolute; top: -1px; left: 50%; width: 44px; height: 3px; content: ""; background: var(--backgroundColorOrange); border-radius: 0 0 3px 3px; transform: translateX(-50%); transition: width .3s ease; }
.features-light__item:hover { border-color: rgba(var(--backgroundColorOrangeRGB), .22); box-shadow: 0 22px 50px rgba(15, 15, 15, .09); transform: translateY(-4px); }
.features-light__item:hover::before { width: 88px; }
.features-light__icon { display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; margin: 0 0 22px; color: var(--backgroundColorOrange); background: rgba(var(--backgroundColorOrangeRGB), .07); border: 1px solid rgba(var(--backgroundColorOrangeRGB), .16); border-radius: 50%; transition: color .3s ease, background-color .3s ease, border-color .3s ease; }
.features-light__item:hover .features-light__icon { color: #fff; background: var(--backgroundColorOrange); border-color: var(--backgroundColorOrange); }
.features-light__icon .kami-icon { display: block; width: 46px; height: 46px; color: currentColor; }
.features-light__icon .dashicons { width: 42px; height: 42px; font-size: 42px; line-height: 42px; color: currentColor; }
.features-light__item-title { align-self: start; margin: 0 0 10px; color: var(--textColor); font-size: 18px; line-height: 1.35; font-weight: 700; text-wrap: balance; }
.features-light__description { max-width: 260px; margin: 0; color: rgba(34, 34, 34, .82); font-size: 15px; line-height: 1.65; text-wrap: pretty; }
.features-light__description p { margin: 0; }
.features-light__description p + p { margin-top: 12px; }
.features-light__nowrap { white-space: nowrap; }

@media (max-width: 1100px) {
.features-light { padding: 82px 0 92px; }
.features-light__header { margin-bottom: 46px; }
.features-light__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 820px; margin: 0 auto; }
.features-light__description { max-width: 320px; }
}

@media (max-width: 767px) {
.features-light { padding: 58px 0 68px; }
.features-light__container { width: calc(100% - 40px); }
.features-light__header { max-width: none; margin: 0 0 30px; text-align: left; }
.features-light__eyebrow { margin: 0 0 6px; font-size: 13px; line-height: 1.4; text-align: left; }
.features-light__title { max-width: 310px; margin: 0; font-size: 26px; line-height: 1.08; letter-spacing: -.025em; text-align: left; text-wrap: balance; }
.features-light__title.line_center { margin: 0; padding-bottom: 15px !important; }
.features-light__title.line_center::before { left: 0; bottom: 0; width: 30px; height: 6px; background: radial-gradient(circle, var(--backgroundColorOrange) 2px, transparent 2px) 0 0 / 10px 6px repeat-x; transform: none; }
.features-light__title.line_center::after { left: 34px; bottom: 2px; width: 100px; height: 2px; background: var(--backgroundColorOrange); transform: none; }
.features-light__grid { grid-template-columns: 1fr; gap: 14px; }
.features-light__item { grid-row: auto; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; row-gap: 4px; justify-items: start; padding: 20px 18px; text-align: left; border-radius: 14px; box-shadow: 0 6px 20px rgba(15, 15, 15, .04); }
.features-light__item::before { top: 20px; left: -1px; width: 3px; height: 32px; border-radius: 0 3px 3px 0; transform: none; }
.features-light__item:hover { transform: none; }
.features-light__item:hover::before { width: 3px; }
.features-light__icon { grid-column: 1; grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; }
.features-light__icon .kami-icon { width: 32px; height: 32px; }
.features-light__icon .dashicons { width: 30px; height: 30px; font-size: 30px; line-height: 30px; }
.features-light__item-title { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; font-size: 16px; line-height: 1.35; text-align: left; }
.features-light__description { grid-column: 2; grid-row: 2; min-width: 0; max-width: none; margin: 0; font-size: 14.5px; line-height: 1.6; text-align: left; }
}

/* ---------- Strakker (27-09) ---------- */
@media (min-width:768px) {
.features-light { padding-top:var(--section-pad); padding-bottom:var(--section-pad); }
.features-light__eyebrow { margin-bottom:8px; }
.features-light__header { margin-bottom:var(--header-gap); }
.features-light__title { font-size:var(--h2-size); line-height:1.18; }
.features-light__item { border-radius:var(--radius-card); box-shadow:var(--shadow-card); }
}