/* SI-120 only. Keep the existing device/data diagrams and useful card variation. */
.si120-review .bp-kicker{font-weight:850;letter-spacing:.14em;gap:9px}
.si120-review .bp-kicker::before{width:27px;height:2px;background:var(--green)}
.si120-review .bp-section+.bp-section{padding-top:0}
.si120-review #architectuurlagen .iot-full-heading .home-layout-title h2,
.si120-review #architectuurlagen .iot-full-heading .intro-copy{max-width:none}
.si120-review #architectuurlagen .iot-full-heading .intro-copy{padding-top:0;margin-top:16px}
.si120-review #architectuurlagen .iot-full-heading .intro-copy p{margin:0}
/* Keep seven existing situation cards, including their wider Home Assistant card. */
.si120-review main .iot-use-card{border-color:var(--line);border-radius:var(--radius-s);background:var(--surface);padding:24px;gap:16px}
.si120-review .iot-use-icon{color:var(--green-deep)}
/* Semantic data groups stay open; icons belong beside their existing headings. */
.si120-review .iot-data-groups .iot-detail-group{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;align-items:start;gap:12px;border:0;padding-top:0}
.si120-review .iot-data-groups .iot-detail-group>.bp-icon{width:24px;height:24px;margin:0;color:var(--green-deep)}
.si120-review .iot-data-groups .iot-detail-group h3{margin:0}
.si120-review .iot-data-groups .iot-detail-group ul{grid-column:2}
.si120-review .iot-factor-groups .iot-detail-group{border:0;padding-top:0}
/* Four failure-handling concerns, not numbered project steps. */
.si120-review .iot-recovery-groups{gap:16px}
.si120-review .iot-recovery-groups .iot-detail-group{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;align-items:start;gap:12px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;cursor:default}
.si120-review .iot-recovery-groups .iot-detail-group>.bp-icon{width:24px;height:24px;margin:0;color:var(--green-deep)}
.si120-review .iot-recovery-groups .iot-detail-group h3{margin:0}
.si120-review .iot-recovery-groups .iot-detail-group ul{grid-column:1/-1}
/* Full-width delivery explanation, followed by two existing related destinations. */
.si120-review #uitvoering-en-gebouw .bp-open-pair{grid-template-columns:1fr;gap:48px}
.si120-review #uitvoering-en-gebouw .bp-open-pair>article{border:0;padding:0;max-width:none}
.si120-review #uitvoering-en-gebouw .bp-editorial,
.si120-review #uitvoering-en-gebouw .bp-editorial>p{width:100%;max-width:none}
.si120-review #uitvoering-en-gebouw .bp-open-pair h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15;max-width:none}
.si120-review .iot-referral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.si120-review .iot-referral-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;cursor:default}
.si120-review .iot-referral-heading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.si120-review .iot-referral-heading>.bp-icon{flex:0 0 24px;width:24px;height:24px;color:var(--green-deep)}
.si120-review .iot-referral-heading h3{margin:0;min-width:0;font-size:20px;line-height:1.3;color:var(--ink)}
.si120-review .iot-referral-card>p{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0;flex:1}
.si120-review .iot-referral-card>p>a{margin-top:auto}
.si120-review .iot-referral-card>p>a::after{content:"→";display:inline-block;margin-left:8px}
/* Retain the existing pale-green product panel; use theme primary actions. */
.si120-review main a.iot-store-action{color:#fff;background:linear-gradient(135deg,#4db734,#32931f);border-color:transparent;font-weight:850}
.si120-review main a.iot-store-action:hover{color:#fff;background:linear-gradient(135deg,#55c13a,#349b20);border-color:transparent;box-shadow:0 12px 24px rgba(45,139,29,.18)}
/* Home's image and exact desktop/mobile overlays resolve from the theme asset path. */
.si120-review .bp-final-panel.final-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 30px;border:0;border-radius:12px;box-shadow:var(--shadow);background-color:#164722;background-image:linear-gradient(95deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.93) 38%,rgba(24,95,38,.58) 66%,rgba(20,83,36,.18) 100%),url('../img/hero-building-clean.png');background-size:cover;background-position:center}
.si120-review .bp-final-panel.final-panel>div{min-width:0}
.si120-review .bp-final-panel.final-panel h2{font-size:30px;line-height:1.02;font-weight:700;letter-spacing:-.038em;color:#fff;max-width:none;margin:7px 0 0}
.si120-review .bp-final-panel.final-panel p{font-size:13px;line-height:1.5;max-width:750px;color:#fff;margin:5px 0 0}
.si120-review .bp-final-panel.final-panel .bp-final-actions{flex:none;min-width:0;margin:0;gap:14px}
.si120-review .bp-final-panel.final-panel .button-light{color:var(--ink);font-weight:850}
@media(max-width:1000px){.si120-review .bp-final-panel.final-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){
 .si120-review #uitvoering-en-gebouw .bp-open-pair{gap:36px}
 .si120-review .iot-referral-grid{grid-template-columns:1fr}
 .si120-review .bp-final-panel.final-panel{padding:24px;background-image:linear-gradient(100deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.88) 60%,rgba(20,83,36,.65) 100%),url('../img/hero-building-clean.png')}
 .si120-review .bp-final-panel.final-panel h2{font-size:29px}
 .si120-review .bp-final-panel.final-panel .bp-final-actions{width:100%}
 .si120-review .bp-final-panel.final-panel .button-light{white-space:normal;max-width:none;width:100%}
}
