/* ===== FINAL LIGHT PREMIUM THEME ===== */
:root {
    --tci-ink: #173243;
    --tci-heading: #123348;
    --tci-muted: #617786;
    --tci-blue: #1678b8;
    --tci-cyan: #25b8d7;
    --tci-gold: #f4a62f;
    --tci-cream: #fff6e7;
    --tci-soft: #edf8fc;
    --tci-page: #f5fafc;
    --tci-card-shadow: 0 18px 42px rgba(25, 74, 96, 0.13);
    --tci-card-shadow-hover: 0 24px 52px rgba(24, 86, 116, 0.18);
}

body,
body.home-page,
body.about-page,
body.services-page,
body.product-page,
body.contact-page {
    background: var(--tci-page) !important;
    color: var(--tci-ink) !important;
}

.header {
    background: rgba(255,255,255,0.97) !important;
    border-bottom: 1px solid rgba(24, 92, 120, 0.12) !important;
    box-shadow: 0 12px 34px rgba(20, 67, 88, 0.1) !important;
}

.logo-area,
.logo {
    background: linear-gradient(135deg, #ffffff, var(--tci-soft)) !important;
    border: 1px solid rgba(24, 92, 120, 0.1) !important;
    border-radius: 8px;
}

.logo-area img,
.logo img {
    filter: drop-shadow(0 6px 12px rgba(20, 67, 88, 0.14)) !important;
}

.logo-area img {
    width: 155px !important;
    max-height: 56px !important;
    object-fit: contain !important;
}

.logo-text h1,
.logo-text .site-title,
.company-text h2,
.logo-text p,
.company-text p {
    color: var(--tci-heading) !important;
}

.logo-text span {
    color: #d88916 !important;
}

.nav a {
    color: var(--tci-ink) !important;
}

.nav a:hover,
.nav a.active {
    color: var(--tci-blue) !important;
}

.nav a::after {
    background: linear-gradient(90deg, var(--tci-gold), var(--tci-cyan)) !important;
}

.dropdown-menu {
    background: #ffffff !important;
    border-color: rgba(24, 92, 120, 0.14) !important;
    box-shadow: 0 22px 44px rgba(20, 67, 88, 0.16) !important;
}

.dropdown-menu a {
    color: var(--tci-ink) !important;
}

.dropdown-menu a:hover {
    background: var(--tci-soft) !important;
    color: var(--tci-blue) !important;
}

.hero,
.services-hero,
.product-hero,
.contact-hero {
    background-color: #dff1f7 !important;
}

.slide,
.services-hero-media img,
.product-hero::before {
    filter: saturate(1.04) contrast(1.02) brightness(1.06) !important;
}

.hero::after {
    background:
        linear-gradient(90deg, rgba(7,42,58,0.76) 0%, rgba(7,42,58,0.56) 38%, rgba(7,42,58,0.14) 70%, rgba(7,42,58,0.32) 100%),
        linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(245,250,252,0.9) 100%) !important;
}

.hero-overlay {
    background:
        radial-gradient(circle at 72% 42%, rgba(255,202,104,0.22), transparent 34%),
        radial-gradient(circle at 22% 78%, rgba(37,184,215,0.14), transparent 34%) !important;
}

.services-hero-overlay,
.product-hero-overlay,
.contact-hero-overlay {
    background:
        linear-gradient(90deg, rgba(7,42,58,0.72), rgba(7,42,58,0.38), rgba(255,255,255,0.14)),
        linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(245,250,252,0.8) 100%) !important;
}

.hero-content,
.services-hero-content,
.product-hero-content,
.contact-hero-content {
    color: #ffffff !important;
    text-shadow: 0 14px 30px rgba(4, 24, 34, 0.34);
}

.hero-content p,
.hero p,
.services-hero-content p,
.product-hero p,
.contact-hero-content p {
    color: rgba(255,255,255,0.93) !important;
    opacity: 1 !important;
}

.hero-content span,
.hero span,
.hero-kicker,
.product-kicker,
.contact-hero-content span {
    color: #ffd46a !important;
}

.hero-proof div {
    color: var(--tci-ink) !important;
    background: rgba(255,255,255,0.86) !important;
    border-color: rgba(255,255,255,0.74) !important;
    box-shadow: 0 14px 34px rgba(5, 30, 42, 0.18) !important;
}

.hero-proof strong {
    color: var(--tci-blue) !important;
}

.hero-proof span {
    color: var(--tci-muted) !important;
    opacity: 1 !important;
}

.section,
.section-dark,
.service-box,
.industries-section,
.faq-section,
#contact,
.about-section,
.why-section,
.process-section,
.trust-bar,
.services-section,
.capability-section,
.product-overview,
.product-spec-section,
.product-details-band,
.product-process,
.related-products,
.product-cta,
.contact-main,
.unit-section {
    color: var(--tci-ink) !important;
    background:
        linear-gradient(135deg, #ffffff 0%, var(--tci-soft) 52%, var(--tci-cream) 100%) !important;
    border-top: 1px solid rgba(24, 92, 120, 0.1);
}

.section:nth-of-type(even),
.section-dark,
.why-section,
.process-section,
.capability-section,
.product-spec-section,
.related-products,
.product-cta,
.unit-section {
    background:
        linear-gradient(135deg, #f7fbfd 0%, var(--tci-soft) 48%, #fff2dc 100%) !important;
}

h1,
h2,
h3,
.section h2,
.section-title,
.about-text h1,
.about-text h2,
.service-card h3,
.detail-card h3,
.process-line h3,
.unit-card h3,
.contact-card h3 {
    color: var(--tci-heading) !important;
    text-shadow: none;
}

.hero-content h1,
.services-hero-content h1,
.product-hero-content h1,
.contact-hero-content h1 {
    color: #ffffff !important;
}

.section h2::after {
    background: linear-gradient(90deg, var(--tci-gold), var(--tci-cyan), #3478c9) !important;
}

p,
.section > p,
.section p,
.section-subtitle,
.about-text p,
.why-box p,
.process-step p,
.services-section > p,
.capability-text p,
.service-card p,
.product-copy p,
.product-spec-section p,
.detail-card p,
.process-line p,
.related-products > p,
.product-cta p,
.contact-info > p,
.contact-form-wrap > p,
.unit-section > p,
.unit-card p,
.faq-list p {
    color: var(--tci-muted) !important;
    opacity: 1 !important;
}

.card,
.industry-card,
.faq-list details,
.feature-box,
.why-box,
.process-step,
.service-card,
.capability-list div,
.detail-card,
.spec-list div,
.process-line div,
.contact-card,
.contact-form-wrap,
.unit-card,
.contact-form,
#contact .contact-form {
    color: var(--tci-ink) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,252,254,0.96)) !important;
    border: 1px solid rgba(26, 122, 160, 0.16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        var(--tci-card-shadow) !important;
}

.card:hover,
.industry-card:hover,
.feature-box:hover,
.why-box:hover,
.process-step:hover,
.service-card:hover,
.capability-list div:hover,
.detail-card:hover,
.contact-card:hover,
.unit-card:hover,
.faq-list details:hover {
    border-color: rgba(244, 166, 47, 0.55) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        var(--tci-card-shadow-hover),
        0 0 0 1px rgba(37,184,215,0.12) !important;
}

.service-card i,
.industry-card i,
.detail-card i,
.contact-card i,
.capability-list span,
.spec-list span,
.trust-item h3,
.why-box h3,
.process-step h3 {
    color: var(--tci-blue) !important;
}

.feature-strip {
    align-items: stretch !important;
}

.feature-box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    justify-content: flex-start !important;
    min-height: 128px !important;
    padding: 22px 24px !important;
    text-align: left !important;
    font-size: 0 !important;
    line-height: 1.5 !important;
    border-left: 3px solid var(--tci-cyan) !important;
}

.feature-box::before {
    display: block;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--tci-heading);
}

.feature-box::after {
    display: block;
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;
    color: var(--tci-muted);
}

.feature-box:nth-child(1)::before {
    content: "Two Production Units";
}

.feature-box:nth-child(1)::after {
    content: "Higher production capacity with flexible foundry and machining support.";
}

.feature-box:nth-child(2)::before {
    content: "Pan India & Export";
}

.feature-box:nth-child(2)::after {
    content: "Reliable dispatch support for domestic customers and overseas buyers.";
}

.feature-box:nth-child(3)::before {
    content: "Quality Assured";
}

.feature-box:nth-child(3)::after {
    content: "Stage-wise checking for casting quality, machining accuracy, and finish.";
}

.feature-box::before,
.feature-box::after {
    content: none !important;
    display: none !important;
}

.feature-box {
    font-size: 14px !important;
}

.feature-box h3 {
    margin: 0 !important;
    color: var(--tci-heading) !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
}

.feature-box p {
    margin: 9px 0 0 !important;
    color: var(--tci-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

.btn-primary,
.contact-form button,
.process-line span,
.faq-list summary::after {
    color: var(--tci-ink) !important;
    background: linear-gradient(135deg, var(--tci-gold), #ffd46a) !important;
    box-shadow: 0 12px 26px rgba(216, 137, 22, 0.22) !important;
}

.btn-secondary {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.82) !important;
    background: rgba(255,255,255,0.08) !important;
}

.btn-secondary:hover {
    color: var(--tci-ink) !important;
    background: #ffffff !important;
}

.product-card,
.related-item,
.product-image-panel {
    position: relative;
    isolation: isolate;
    color: var(--tci-ink) !important;
    background:
        radial-gradient(circle at 50% 72%, rgba(37,184,215,0.12), transparent 34%),
        linear-gradient(135deg, #eef9fc 0%, #ffffff 56%, #fff2dc 100%) !important;
    border: 1px solid rgba(26, 122, 160, 0.16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 18px 42px rgba(25, 74, 96, 0.16) !important;
}

.product-card:hover,
.related-item:hover,
.product-image-panel:hover {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 26px 56px rgba(24, 86, 116, 0.2),
        0 0 0 1px rgba(244,166,47,0.22) !important;
}

.product-card img,
.related-item img,
.product-image-panel img,
.product-hero-image {
    background: transparent !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    filter: drop-shadow(0 18px 18px rgba(20, 67, 88, 0.24)) !important;
}

.product-card img,
.related-item img,
.product-image-panel img {
    object-fit: contain !important;
}

.product-info,
.related-item span {
    color: var(--tci-heading) !important;
    background: rgba(255,255,255,0.88) !important;
    border-top-color: rgba(26, 122, 160, 0.13) !important;
}

.active-product {
    border-color: rgba(37, 184, 215, 0.58) !important;
}

.contact-form input,
.contact-form textarea {
    color: var(--tci-ink) !important;
    background: #f7fbfd !important;
    border: 1px solid rgba(26, 122, 160, 0.18) !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #8298a6 !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--tci-cyan) !important;
    box-shadow: 0 0 0 3px rgba(37, 184, 215, 0.16) !important;
}

.footer {
    color: var(--tci-ink) !important;
    background:
        linear-gradient(135deg, #ffffff 0%, var(--tci-soft) 54%, #fff2dc 100%) !important;
    border-top: 1px solid rgba(24, 92, 120, 0.12) !important;
}

.footer-box h3,
.footer-box h4 {
    color: var(--tci-heading) !important;
}

.footer-box p,
.footer-bottom {
    color: var(--tci-muted) !important;
    opacity: 1 !important;
}

.footer-box a,
.footer a,
.contact-card a {
    color: var(--tci-blue) !important;
}

.footer-box a:hover,
.footer a:hover,
.footer p:hover,
.contact-card a:hover {
    color: #d88916 !important;
    text-shadow: none !important;
}

.footer-bottom {
    border-top-color: rgba(24, 92, 120, 0.12) !important;
}

@media (min-width: 1024px) {
    .product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .product-card img {
        height: 178px !important;
        padding: 15px !important;
    }
}

@media (max-width: 768px) {
    .hero::after {
        background:
            linear-gradient(180deg, rgba(7,42,58,0.54) 0%, rgba(7,42,58,0.42) 54%, rgba(245,250,252,0.62) 100%) !important;
    }

    .services-hero-overlay,
    .product-hero-overlay,
    .contact-hero-overlay {
        background:
            linear-gradient(180deg, rgba(7,42,58,0.56), rgba(7,42,58,0.42), rgba(245,250,252,0.68)) !important;
    }

    .product-grid {
        grid-template-columns: 1fr !important;
    }

    .feature-box {
        flex: 0 1 auto !important;
        min-height: auto !important;
    }
}


/* ===== COMPACT HOME SERVICE HIGHLIGHTS ===== */
.home-page .feature-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 720px !important;
    gap: 10px !important;
    margin: -20px auto 0 !important;
    padding: 0 20px 34px !important;
}

.home-page .feature-box {
    display: block !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding: 12px 14px !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    text-align: center !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,252,254,0.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 10px 22px rgba(25, 74, 96, 0.09) !important;
}

.home-page .feature-box h3 {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

.home-page .feature-box p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    margin: 5px 0 0 !important;
}

@media (max-width: 768px) {
    .home-page .feature-strip {
        grid-template-columns: 1fr !important;
        width: calc(100% - 56px) !important;
        max-width: 360px !important;
        gap: 10px !important;
        margin: 0 auto !important;
        padding: 18px 0 34px !important;
    }

    .home-page .feature-box {
        padding: 12px 14px !important;
        text-align: center !important;
    }
}

@media (max-width: 420px) {
    .home-page .feature-strip {
        width: calc(100% - 36px) !important;
        max-width: none !important;
    }
}