/*
 * Λειτουργίες (templates/page-features.php) – Figma 47:78.
 */

/* Module (47:133): copy + UI mock, sides and background alternate */
.be_module{align-items:center;background:var(--be-white);display:flex;gap:96px;scroll-margin-top:24px}
.be_module--alt{background:var(--be-paper);flex-direction:row-reverse}
.be_module-copy{align-items:flex-start;display:flex;flex:1 1 0;flex-direction:column;gap:20px;min-width:0}
.be_module-copy .be_h2{max-width:520px}
.be_module-text{color:var(--be-ink-muted);font-size:17px;line-height:1.65;max-width:520px}
.be_tag{align-items:center;display:flex;gap:12px}
.be_tag-icon{align-items:center;background:var(--be-sand-100);border-radius:12px;display:flex;flex:none;height:44px;justify-content:center;width:44px}
.be_tag-text{color:var(--be-petrol-500);font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}

/* UI mock (47:155 list, 47:397 chart) */
.be_ui{background:var(--be-white);border-radius:18px;box-shadow:0 24px 48px -12px rgba(38,71,71,.14);flex:1 1 0;min-width:0;overflow:hidden}
.be_ui-head{align-items:center;border-bottom:1px solid var(--be-line);display:flex;gap:12px;justify-content:space-between;padding:16px 24px}
.be_ui-title{font-size:15px;font-weight:600;line-height:1.2}
.be_ui-body{padding:8px 24px 16px}
.be_ui-row{align-items:center;border-bottom:1px solid var(--be-line);display:flex;gap:12px;padding:14px 0}
.be_ui-row-text{display:flex;flex:1;flex-direction:column;gap:2px;line-height:1.3;min-width:0}
.be_ui-row-title{font-size:14px;font-weight:600}
.be_ui-row-sub{color:var(--be-ink-muted);font-size:13px}
.be_pill{border-radius:99px;flex:none;font-size:12px;font-weight:600;line-height:1.2;padding:4px 10px;white-space:nowrap}
.be_pill--dark{background:var(--be-petrol-800);color:var(--be-white)}
.be_pill--light{background:var(--be-petrol-100);color:var(--be-petrol-800)}
.be_pill--sand{background:var(--be-sand-100);color:var(--be-ink)}
.be_ui-kpis{display:flex;gap:12px;padding-top:12px}
.be_ui-kpi{background:var(--be-paper);border-radius:10px;display:flex;flex:1 1 0;flex-direction:column;gap:4px;min-width:0;padding:14px}
.be_ui-kpi-label{color:var(--be-ink-muted);font-size:12px;line-height:1.3}
.be_ui-kpi-value{font-size:20px;font-weight:600;line-height:1.2}
.be_ui-bars{align-items:flex-end;display:flex;gap:14px;height:200px;padding-top:24px}
.be_ui-bar{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-width:0}
.be_ui-bar-fill{background:var(--be-petrol-500);border-radius:6px;max-width:100%;width:28px}
.be_ui-bar-fill--peak{background:var(--be-sand-500)}
.be_ui-bar-label{color:var(--be-ink-muted);font-size:11px;line-height:1.2;white-space:nowrap}

/* More features (47:440) */
.be_extras{display:flex;flex-direction:column;gap:48px}

@media (max-width:1100px){
	.be_module,.be_module--alt{align-items:stretch;flex-direction:column;gap:48px}
	.be_ui{flex:none}
}
@media (max-width:767px){
	.be_ui-head{padding:14px 16px}
	.be_ui-body{padding:4px 16px 12px}
	.be_ui-kpis{gap:8px}
	.be_ui-kpi{padding:10px}
	.be_ui-kpi-label{font-size:11px}
	.be_ui-kpi-value{font-size:15px}
	.be_ui-bars{gap:6px}
}