/* Inner pages – aligned with homepage spacing & style */

body.inner-page .page-hero,
body.inner-page .page-header {
    margin-top: 80px !important;
    padding: 110px 0 72px !important;
    text-align: center !important;
    color: var(--white) !important;
    background-color: #0a1219 !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
}

body.inner-page .page-hero h1,
body.inner-page .page-header h1 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    color: var(--white) !important;
}

.breadcrumb {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 4px 8px;
}

.breadcrumb li {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.9);
}

.breadcrumb li a {
    color: var(--white);
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb li a:hover { color: var(--primary-light); }

.breadcrumb li:not(:last-child)::after {
    content: '/';
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.55);
}

.page-hero-about,
.page-header.page-hero-about {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5) 100%),
        linear-gradient(95deg, rgba(6,14,22,0.88) 0%, rgba(34,83,158,0.7) 50%, rgba(255,140,0,0.25) 100%),
        url('images/about-hero.jpg');
}

.page-hero-products,
.page-header.page-hero-products {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.25) 100%),
        linear-gradient(95deg, rgba(6,14,22,0.88) 0%, rgba(34,83,158,0.7) 50%, rgba(255,140,0,0.25) 100%),
        url('images/products-hero.jpg');
}

.page-hero-contact,
.page-header.page-hero-contact {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.25) 100%),
        linear-gradient(95deg, rgba(6,14,22,0.88) 0%, rgba(34,83,158,0.7) 50%, rgba(255,140,0,0.25) 100%),
        url('images/contact-hero.jpg');
}

/* Normalize all content sections */
body.inner-page section:not(.page-hero):not(.page-header) {
    padding: var(--section-pad) 0 !important;
    position: relative;
}

body.inner-page .section-title {
    text-align: center !important;
    max-width: 720px !important;
    margin: 0 auto 48px !important;
}

body.inner-page .section-title h2 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: clamp(1.75rem, 3vw, 2.35rem) !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    display: block !important;
    padding-bottom: 0 !important;
    margin-bottom: 12px !important;
    background: none !important;
    -webkit-text-fill-color: unset !important;
}

body.inner-page .section-title h2::after {
    display: none !important;
}

body.inner-page .section-title p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    color: var(--text-muted) !important;
    font-weight: 400 !important;
}

/* Export process – dark blue section, light text */
body.inner-page .export-info {
    background: var(--secondary-dark) !important;
    color: var(--white) !important;
}

body.inner-page .export-info .section-eyebrow {
    color: var(--primary-light) !important;
}

body.inner-page .export-info .section-title h2 {
    color: var(--white) !important;
    -webkit-text-fill-color: var(--white) !important;
}

body.inner-page .export-info .section-title p {
    color: rgba(255, 255, 255, 0.85) !important;
}

body.inner-page .export-info .export-step h3 {
    color: var(--white) !important;
}

body.inner-page .export-info .export-step p {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* Cards & grids – homepage-like */
body.inner-page .product-card,
body.inner-page .mv-card,
body.inner-page .value-card,
body.inner-page .feature-box {
    border-radius: 12px !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid var(--border) !important;
}

body.inner-page .product-btn,
body.inner-page .cta-button.cta-primary,
body.inner-page a.btn-primary {
    background: var(--primary) !important;
    color: var(--white) !important;
    border-color: var(--primary) !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
}

body.inner-page .cta-button.cta-secondary:not(.cta-section .cta-button) {
    background: transparent !important;
    color: var(--secondary) !important;
    border: 2px solid var(--secondary) !important;
    border-radius: 8px !important;
}

body.inner-page .cta-section .cta-button.cta-secondary {
    background: var(--white) !important;
    color: var(--secondary-dark) !important;
    border: 2px solid var(--white) !important;
    border-radius: 8px !important;
}

body.inner-page .cta-section .cta-button.cta-secondary:hover {
    background: transparent !important;
    color: var(--white) !important;
    border-color: var(--white) !important;
}

body.inner-page .mv-icon,
body.inner-page .feature-icon,
body.inner-page .value-icon {
    background: rgba(255, 140, 0, 0.12) !important;
    color: var(--primary) !important;
}

body.inner-page .cta-section {
    color: var(--white) !important;
}

body.inner-page .cta-section h2,
body.inner-page .cta-content h2 {
    color: var(--white) !important;
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
}

body.inner-page .cta-section p,
body.inner-page .cta-content p {
    color: rgba(255,255,255,0.88) !important;
}

/* Alternate section backgrounds */
body.inner-page section.mission-vision,
body.inner-page section.product-categories,
body.inner-page section.faq-section {
    background: var(--bg-light) !important;
}

body.inner-page section.about-company,
body.inner-page section.values,
body.inner-page section.products-showcase {
    background: var(--white) !important;
}

/* Typography in content */
body.inner-page p {
    font-family: 'Inter', sans-serif;
    color: var(--text-muted);
    line-height: 1.65;
}

body.inner-page h3 {
    font-family: 'Space Grotesk', sans-serif;
    color: var(--text);
}

/* Contact page CEO block */
body.inner-page .ceo-info h3 {
    font-family: 'Space Grotesk', sans-serif;
    color: var(--text);
}

body.inner-page .contact-container,
body.inner-page .about-content,
body.inner-page .products-grid {
    gap: 28px !important;
}

@media (max-width: 768px) {
    .page-hero,
    .page-header {
        padding: 96px 0 56px;
    }

    .page-hero h1,
    .page-header h1 {
        font-size: clamp(1.6rem, 6vw, 2rem);
    }
}