/* Content layer using warranty.php's existing design tokens. */
.landing-page main { margin-top: 72px; background: var(--color-bg-secondary); padding-bottom: var(--space-12); }
.landing-page main > section { padding: var(--space-12) var(--space-6); }
.landing-page main .container, .landing-page main .container-modern { max-width: 1400px; margin-inline: auto; }
.landing-page main h1 { font-size: clamp(2rem, 4vw, 3rem) !important; line-height: 1.15; text-align: center; margin-bottom: var(--space-4); }
.landing-page main h2 { font-size: clamp(1.4rem, 2.5vw, 1.875rem); }
.landing-page main h3 { font-size: 1.25rem; }
.landing-page .section-title, .landing-page .breadcrumbs { text-align: center; }
.landing-page .section-title { margin-bottom: var(--space-12); }
.landing-page .section-title p { max-width: 800px; margin: 0 auto; color: var(--color-text-secondary); }
.landing-page .breadcrumbs .d-flex { flex-direction: column; gap: 16px; }
.landing-page .breadcrumbs ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; list-style: none; padding: 0; margin: 0; }
.landing-page .about > .container, .landing-page .modern-box, .landing-page .info-box,
.landing-page .card, .landing-page .content-card { background: white; border-radius: var(--radius-2xl); padding: var(--space-8); box-shadow: var(--shadow-lg); border: 1px solid var(--color-border-light); }
.landing-page .card { padding: 0; overflow: hidden; }
.landing-page .card-body { padding: var(--space-6); }
.landing-page main img { max-width: 100%; height: auto; object-fit: contain; border-radius: var(--radius-xl); }
.landing-page .about-img { max-height: 440px; margin: auto; }
.landing-page .card-img-top { height: 220px; padding: 16px; background: white; }
.landing-page .modern-grid-img { max-height: 460px; margin: auto; }
.landing-page .two-col-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-12); align-items: center; }
.landing-page .info-image, .landing-page .info-image-second { max-height: 500px; width: 100%; object-fit: contain; }
.landing-page .check-list, .landing-page .custom-list, .landing-page .modern-list { list-style: none; padding-left: 0; }
.landing-page .check-list li, .landing-page .custom-list li, .landing-page .modern-list li { padding: 10px 0; border-bottom: 1px solid var(--color-border-light); }
.landing-page .check, .landing-page .modern-list span { color: #dc3545; }
.landing-page .landing-intro { max-width: 850px; margin: var(--space-4) auto var(--space-8); color: var(--color-text-secondary); text-align: center; }
.landing-page .landing-contact { margin: var(--space-12) auto 0; max-width: 1100px; padding: var(--space-8); border-radius: var(--radius-2xl); background: white; text-align: center; }
.landing-page .landing-contact a { margin: 8px; }
.landing-page .btn-primary, .landing-page .btn-modern { background: #dc3545; border-color: #dc3545; color: white; border-radius: var(--radius-full); }
.landing-page main [data-aos] { opacity: 1; transform: none; }
@media (max-width: 768px) {
  .landing-page main > section { padding: var(--space-8) var(--space-4) !important; }
  .landing-page .two-col-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .landing-page main .container-modern { padding-inline: 0; }
  .landing-page .service-card-modern, .landing-page .about > .container, .landing-page .content-card { padding: var(--space-6); }
}