/*
 * Επεκτάσεις (templates/page-extensions.php) – Figma 52:681.
 */

/* Included (52:724) */
.be_included{background:var(--be-white)}
.be_included-grid{background:var(--be-paper);border-radius:24px;display:grid;gap:28px 24px;grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 48px}
.be_included-item{align-items:flex-start;display:flex;gap:14px}
.be_check{align-items:center;background:var(--be-petrol-100);border-radius:99px;display:flex;flex:none;height:36px;justify-content:center;width:36px}
.be_included-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.be_included-text strong{font-size:16px;font-weight:600;line-height:1.4}
.be_included-text span{color:var(--be-ink-muted);font-size:14px;line-height:1.45}

/* Extensions (52:784) */
.be_extensions{background:var(--be-paper)}
.be_extensions-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.be_extension{background:var(--be-white);border:1px solid var(--be-line);border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:36px}
.be_extension-top{align-items:center;display:flex;justify-content:space-between}
.be_extension-title{font-size:22px;font-weight:600;line-height:1.3}
.be_badge{background:var(--be-petrol-100);border-radius:99px;color:var(--be-petrol-800);font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.2;padding:5px 12px;text-transform:uppercase;white-space:nowrap}
.be_badge--soon{background:var(--be-sand-500);color:var(--be-petrol-900)}
.be_checklist{display:flex;flex-direction:column;gap:10px;padding-top:8px}
.be_checklist li{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:1.3}
.be_checklist img{flex:none}

/* How extensions work (52:926): dark banner on the paper background */
.be_how-box{background:var(--be-paper);padding-top:0}
.be_how-box .be_banner-title,.be_how-box .be_banner-text{max-width:620px}

@media (max-width:900px){
	.be_included-grid,.be_extensions-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
	.be_included-grid{border-radius:20px;padding:24px 20px}
	.be_extension{padding:24px}
}