/*
 * Styles for the "Why manufacturers choose Parts on Demand" depth section.
 * Markup lives in each language's homepage Gutenberg blocks (post 2 / 533 / 2562)
 * with class `pod-en-depth`. Loaded on the front page in any language.
 */
.pod-en-depth { background: #000a1e; padding: 4rem 1rem; }
.pod-en-depth__inner { max-width: 1000px; margin: 0 auto; }
.pod-en-depth__title { font-size: 1.5rem; font-weight: 800; color: #fff; margin: 0 0 .5rem; line-height: 1.3; }
.pod-en-depth__sub { font-size: .95rem; color: rgba(255, 255, 255, .5); margin: 0 0 2.5rem; line-height: 1.6; }
.pod-en-depth__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.pod-en-depth__card { background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .06); border-radius: 8px; padding: 1.5rem; }
.pod-en-depth__card h3 { font-size: 1rem; font-weight: 700; color: #fff; margin: 0 0 .5rem; }
.pod-en-depth__card p { font-size: .88rem; color: rgba(255, 255, 255, .55); line-height: 1.7; margin: 0; }
.pod-en-depth__card strong { color: rgba(255, 255, 255, .85); }

@media (max-width: 768px) {
	.pod-en-depth__grid { grid-template-columns: 1fr; }
}