/* Μέθοδος (templates/page-methodos.php) – Figma 15:5320 / 15:6296 */

.be_method-hero { display: flex; align-items: center; min-height: 357px; padding: 52px var(--be-pad-x) 56px; }
.be_method-hero-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; width: 640px; max-width: 100%; }
.be_method-hero-art { top: 40px; right: 100px; width: 600px; }

@media (max-width: 1100px) {
	.be_method-hero { min-height: 0; padding: 44px var(--be-pad-x) 48px; }
	.be_method-hero-art { right: -120px; width: 480px; opacity: 0.5; }
}

@media (max-width: 700px) {
	.be_method-hero { flex-direction: column; align-items: stretch; padding: 28px var(--be-pad-x) 0; }
	.be_method-hero-copy { gap: 10px; width: 100%; }
	.be_method-hero-art { position: static; width: calc(100% + 20px); margin: 12px 0 0 -10px; opacity: 1; }
}

/* Pillars (15:5385): card with icon box, title, text, footer line */
.be_pillar { display: flex; flex-direction: column; gap: 14px; padding: 28px; border: 1px solid var(--be-line); border-radius: var(--be-radius-lg); background: var(--be-white); }
.be_pillar-title { font: 700 20px/1.3 var(--be-font); }
.be_pillar-title a { color: var(--be-navy); text-decoration: none; }
.be_pillar-title a:hover { color: var(--be-teal); }
.be_pillar-text { flex: 1 1 auto; color: var(--be-muted); font: var(--be-body); }
.be_pillar-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--be-line); color: var(--be-subtle); font: var(--be-caption); }

/* Ξεκίνα από εδώ (15:5442): copy 400px left, numbered list right */
.be_method-start { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 64px; padding-top: 32px; padding-bottom: 64px; }
.be_method-start-copy { display: flex; flex-direction: column; gap: 10px; }
.be_method-start-copy p:not(.be_eyebrow) { color: var(--be-muted); font: var(--be-body); }
.be_steps { display: flex; flex-direction: column; }
.be_step { display: flex; align-items: center; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--be-line); color: var(--be-teal); }
.be_step-num { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--be-pale); color: var(--be-navy); font: 700 13px/1 var(--be-font); }
.be_step:first-child .be_step-num { background: var(--be-teal); color: var(--be-white); }
.be_step-body { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; color: var(--be-ink); text-decoration: none; }
.be_step-title { color: var(--be-navy); font: var(--be-h-card); }
.be_step-body:hover .be_step-title { color: var(--be-teal); }
.be_step-meta { color: var(--be-subtle); font: var(--be-caption); }

@media (max-width: 1100px) {
	.be_method-start { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

@media (max-width: 700px) {
	.be_method-start { padding-top: 8px; padding-bottom: 40px; }
	.be_step { gap: 12px; padding: 14px 0; }
}

/* Γλωσσάρι (15:5499): 3-column term cards */
.be_terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.be_term { display: flex; flex-direction: column; gap: 6px; padding: 18px 16px; border-radius: var(--be-radius-lg); background: var(--be-white); }
.be_term dt { color: var(--be-navy); font: var(--be-h-card); }
.be_term dd { color: var(--be-muted); font: var(--be-body-sm); }

@media (max-width: 1100px) {
	.be_terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	.be_terms { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}

.be_method-latest { padding-bottom: 0; }
.be_row--banner.be_row--banner { padding-top: 64px; }

@media (max-width: 700px) {
	.be_row--banner.be_row--banner { padding-top: 40px; }
}