/* ===========================================================
 FireKavach — Shared Stylesheet for SEO Content Pages
 Extends the brand system from the main product/order pages
 =========================================================== */

:root {
 --fire: #FF3300;
 --fire2: #FF6600;
 --fire3: #FFAA00;
 --dark: #1A0800;
 --darkred: #8B1500;
 --white: #FFFFFF;
 --offwhite: #FFF8F2;
 --gray: #F5F0EB;
 --textdark: #1A0800;
 --textmid: #5C3317;
 --border: #FFD5B8;
 --green: #1A7A1A;
 --wa: #25D366;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
 font-family: 'DM Sans', sans-serif;
 background: #fff;
 color: var(--textdark);
 overflow-x: hidden;
 line-height: 1.6;
 padding-bottom: 84px;
}

a { color: var(--fire); }

/* ===================== NAVBAR ===================== */
body > nav:not(.breadcrumbs) {
 position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
 background: rgba(255,255,255,0.97);
 border-bottom: 2px solid var(--fire);
 display: flex; align-items: center; justify-content: space-between;
 padding: 10px 24px;
 box-shadow: 0 2px 20px rgba(255,51,0,0.12);
 backdrop-filter: blur(10px);
 gap: 12px;
}.nav-logo img { height: 48px; width: auto; }.nav-links {
 display: none;
 gap: 22px;
 font-size: 14px;
 font-weight: 600;
}.nav-links a { color: var(--textdark); text-decoration: none; }.nav-links a:hover { color: var(--fire); }
@media (min-width: 900px) {.nav-links { display: flex; align-items: center; }
}.nav-cta {
 background: var(--fire); color: white;
 padding: 10px 20px; border-radius: 50px;
 font-weight: 700; font-size: 14px;
 text-decoration: none;
 display: flex; align-items: center; gap: 8px;
 box-shadow: 0 4px 15px rgba(255,51,0,0.35);
 transition: all 0.2s; white-space: nowrap;
}.nav-cta:hover { background: #CC2200; transform: translateY(-1px); }.wa-icon { font-size: 18px; }

/* ===================== BREADCRUMBS ===================== */.breadcrumbs {
 position: static; display: block; background: transparent; border-bottom: 0; box-shadow: none; backdrop-filter: none; gap: 0; justify-content: initial; align-items: initial;
 max-width: 1100px; margin: 0 auto;
 padding: 76px 24px 0;
 font-size: 13px; color: var(--textmid);
}.breadcrumbs a { color: var(--textmid); text-decoration: none; }.breadcrumbs a:hover { color: var(--fire); }.breadcrumbs.sep { margin: 0 6px; color: var(--border); }.breadcrumbs.current { color: var(--fire); font-weight: 700; }

/* ===================== PAGE HERO (content pages) ===================== */.page-hero {
 background: linear-gradient(135deg, #1A0800 0%, #3D0F00 40%, #1A0800 100%);
 padding: 36px 24px 56px;
 position: relative; overflow: hidden;
 text-align: center;
}.page-hero::before {
 content: ''; position: absolute; inset: 0;
 background: radial-gradient(ellipse at 50% 30%, rgba(255,100,0,0.22) 0%, transparent 65%);
}.page-hero-inner { max-width: 880px; margin: 0 auto; position: relative; z-index: 1; }.page-hero.eyebrow {
 background: rgba(255,102,0,0.2);
 border: 1px solid rgba(255,102,0,0.5);
 color: #FFAA00;
 padding: 6px 18px; border-radius: 50px;
 font-size: 12px; font-weight: 700; letter-spacing: 2px;
 margin-bottom: 20px; display: inline-block; text-transform: uppercase;
}.page-hero h1 {
 font-family: 'Playfair Display', serif;
 font-size: clamp(1.9rem, 5.5vw, 3.4rem);
 font-weight: 900; color: white;
 line-height: 1.15; margin-bottom: 16px;
}.page-hero h1 span { color: var(--fire2); }.page-hero.lead {
 font-size: clamp(0.98rem, 2.2vw, 1.15rem);
 color: rgba(255,255,255,0.8);
 max-width: 680px; margin: 0 auto 28px;
 line-height: 1.7;
}.page-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }.btn-primary {
 background: var(--wa); color: white;
 padding: 14px 28px; border-radius: 50px;
 font-size: 15px; font-weight: 700;
 text-decoration: none; display: flex; align-items: center; gap: 10px;
 box-shadow: 0 6px 25px rgba(37,211,102,0.4);
 transition: all 0.2s;
}.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(37,211,102,0.5); }.btn-secondary {
 background: transparent; color: white;
 padding: 14px 28px; border-radius: 50px;
 font-size: 15px; font-weight: 600;
 border: 2px solid rgba(255,255,255,0.3);
 text-decoration: none; transition: all 0.2s;
}.btn-secondary:hover { border-color: white; background: rgba(255,255,255,0.1); }

/* ===================== SECTIONS / TYPOGRAPHY ===================== */.section { padding: 56px 24px; max-width: 1100px; margin: 0 auto; }.section-narrow { padding: 56px 24px; max-width: 800px; margin: 0 auto; }.section-tinted { background: linear-gradient(135deg, #FFF8F2, #FFE8D0); }.section-dark { background: var(--dark); color: white; }.section-gray { background: var(--gray); }.section-label {
 font-size: 12px; font-weight: 700; letter-spacing: 3px;
 color: var(--fire); text-transform: uppercase; margin-bottom: 10px;
}
h2 {
 font-family: 'Playfair Display', serif;
 font-size: clamp(1.6rem, 3.6vw, 2.4rem);
 font-weight: 900; color: var(--textdark);
 line-height: 1.25; margin-bottom: 16px;
}.section-dark h2 { color: white; }
h2 span { color: var(--fire); }.section-dark h2 span { color: var(--fire2); }
h3 {
 font-size: 1.15rem; font-weight: 800; color: var(--textdark);
 margin: 28px 0 10px; line-height: 1.35;
}.section-dark h3 { color: white; }
h4 {
 font-size: 1rem; font-weight: 700; color: var(--textdark);
 margin: 18px 0 8px;
}.subtitle,.section p {
 font-size: 1rem; color: var(--textmid); line-height: 1.75;
 max-width: 720px; margin-bottom: 14px;
}.section-dark p { color: rgba(255,255,255,0.78); }.section ul,.section ol { margin: 0 0 16px 22px; color: var(--textmid); line-height: 1.8; }.section li { margin-bottom: 6px; }.section strong { color: var(--textdark); }.section-dark li,.section-dark ul { color: rgba(255,255,255,0.78); }

/* ===================== CARD GRIDS (spokes / segments) ===================== */.grid-cards {
 display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 gap: 20px; margin-top: 32px;
}.grid-cards-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }.card {
 background: white; border-radius: 16px; padding: 24px;
 border-left: 4px solid var(--fire);
 box-shadow: 0 4px 20px rgba(0,0,0,0.06);
 text-decoration: none; display: block; color: inherit;
 transition: transform 0.2s, box-shadow 0.2s;
}.card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(255,51,0,0.14); }.card.emoji { font-size: 30px; margin-bottom: 10px; display: block; }.card h3 { font-size: 1rem; font-weight: 700; margin: 0 0 8px; }.card p { font-size: 0.9rem; color: var(--textmid); line-height: 1.6; margin: 0; }.section-dark.card { background: rgba(255,255,255,0.05); border-left: 4px solid var(--fire2); }.section-dark.card h3 { color: white; }.section-dark.card p { color: rgba(255,255,255,0.7); }

/* ===================== FAQ ACCORDION (crawler-indexable) ===================== */.faq-list { margin-top: 28px; }.faq-item {
 border-bottom: 1px solid var(--border);
}.faq-item summary {
 font-weight: 700; font-size: 1rem;
 color: var(--textdark); cursor: pointer;
 padding: 18px 0;
 display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;
 list-style: none;
}.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after {
 content: '+'; font-size: 22px; color: var(--fire); min-width: 22px; text-align: center;
}.faq-item[open] summary::after { content: '−'; }.faq-item.faq-a {
 font-size: 0.95rem; color: var(--textmid); line-height: 1.75;
 padding: 0 0 18px;
}.faq-a p { margin-bottom: 10px; max-width: none; }.faq-a strong.direct-answer { color: var(--textdark); }

/* ===================== BREADCRUMB / RELATED LINKS ===================== */.related-links {
 margin-top: 32px; padding: 24px;
 background: var(--gray); border-radius: 16px;
}.related-links h4 { margin-top: 0; }.related-links ul { margin-left: 18px; }.related-links a { text-decoration: none; font-weight: 600; }.related-links a:hover { text-decoration: underline; }

/* ===================== CTA STRIP ===================== */.cta-strip {
 background: linear-gradient(135deg, #1A0800, #3D0F00);
 padding: 48px 24px; text-align: center; color: white;
}.cta-strip h2 { color: white; }.cta-strip.lead { color: rgba(255,255,255,0.75); max-width: 600px; margin: 0 auto 24px; }.cta-strip-btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

/* ===================== TABLE ===================== */.info-table { width: 100%; border-collapse: collapse; margin: 20px 0; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }.info-table th,.info-table td { padding: 12px 16px; text-align: left; font-size: 0.92rem; border-bottom: 1px solid #F5EDE6; }.info-table th { background: var(--fire); color: white; font-weight: 700; }.info-table tr:last-child td { border-bottom: none; }.info-table tr:nth-child(even) td { background: #FFF8F2; }

/* ===================== FOOTER ===================== */
footer {
 background: var(--dark); color: rgba(255,255,255,0.6);
 padding: 48px 24px 32px;
}.footer-inner { max-width: 1100px; margin: 0 auto; }.footer-grid {
 display: grid; grid-template-columns: 1fr; gap: 32px;
 margin-bottom: 32px;
}
@media (min-width: 768px) {.footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}.footer-logo img { height: 40px; margin-bottom: 12px; }.footer-col h4 { color: white; font-size: 0.95rem; margin-bottom: 14px; }.footer-col ul { list-style: none; }.footer-col li { margin-bottom: 8px; font-size: 0.85rem; }
footer p { font-size: 13px; line-height: 1.8; }
footer a { color: rgba(255,255,255,0.6); text-decoration: none; }
footer a:hover { color: var(--fire2); }.footer-bottom {
 border-top: 1px solid rgba(255,255,255,0.1);
 padding-top: 20px; text-align: center; font-size: 12px;
}

/* ===================== STICKY BUY ===================== */.sticky-buy {
 position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
 z-index: 999;
 background: var(--wa); color: white;
 padding: 14px 28px; border-radius: 50px;
 font-weight: 700; font-size: 15px;
 text-decoration: none;
 display: flex; align-items: center; gap: 10px;
 box-shadow: 0 6px 30px rgba(37,211,102,0.5);
 animation: pulse 2s infinite;
 white-space: nowrap;
}
@keyframes pulse {
 0%, 100% { box-shadow: 0 6px 30px rgba(37,211,102,0.5); }
 50% { box-shadow: 0 6px 40px rgba(37,211,102,0.75); }
}

/* ===================== HUB INDEX GRID (homepage pillar links) ===================== */.hub-grid {
 display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 gap: 20px; margin-top: 40px;
}.hub-card {
 background: white; border-radius: 18px; padding: 28px;
 box-shadow: 0 4px 24px rgba(0,0,0,0.07);
 border-top: 4px solid var(--fire);
 text-decoration: none; color: inherit;
 transition: transform 0.2s, box-shadow 0.2s;
}.hub-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(255,51,0,0.15); }.hub-card.emoji { font-size: 36px; margin-bottom: 12px; display: block; }.hub-card h3 { font-size: 1.05rem; font-weight: 800; margin: 0 0 8px; }.hub-card p { font-size: 0.88rem; color: var(--textmid); margin: 0; }

/* ===================== UTILITY ===================== */.text-center { text-align: center; }.mt-0 { margin-top: 0; }

@media (max-width: 480px) {.breadcrumbs { padding-top: 84px; }.page-hero { padding: 28px 20px 44px; }
}

/* FireKavach authority update tables */
.comparison-table-wrap{max-width:1050px;margin:28px auto;overflow-x:auto;border-radius:18px;box-shadow:0 10px 28px rgba(80,20,0,.08)}
.comparison-table{width:100%;border-collapse:collapse;background:#fff}
.comparison-table th,.comparison-table td{border:1px solid #ffe0d2;padding:16px;text-align:left;vertical-align:top;color:#3d1c12}
.comparison-table th{background:#fff0e8;color:#2b0800;font-weight:800}
.comparison-table tr:nth-child(even) td{background:#fffaf7}