/* ═══════════════════════════════════════════════════════════════════════
   ShivAI Product Pages — Additional Styles
   ═══════════════════════════════════════════════════════════════════════ */

/* ── PRODUCT HERO ────────────────────────────────────────────────────── */
.product-hero{background:var(--navy);color:var(--white);padding:120px 0 80px;position:relative;overflow:hidden}
.product-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(232,114,26,.08) 0%,transparent 70%);border-radius:50%}
.product-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(27,58,107,.3) 0%,transparent 70%);border-radius:50%}
.product-hero .container{position:relative;z-index:1}
.back-link{color:#C5CDD5;font-size:.9rem;display:inline-block;margin-bottom:20px;transition:color .2s}
.back-link:hover{color:var(--orange)}
.product-category{display:inline-block;padding:6px 16px;background:rgba(232,114,26,.12);border:1px solid rgba(232,114,26,.25);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--orange);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.product-title{font-family:var(--font-display);font-size:2.8rem;line-height:1.15;font-weight:800;margin-bottom:20px;max-width:800px;color:var(--white)}
.product-sub{font-size:1.15rem;color:#B8C4D0;max-width:700px;margin-bottom:36px;line-height:1.7}
.product-hero .hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-outline-navy{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn-outline-navy:hover{background:var(--navy);color:var(--white)}
@media(max-width:768px){.product-title{font-size:1.9rem}.product-hero{padding:100px 0 50px}}

/* ── PRODUCT SECTIONS ───────────────────────────────────────────────── */
.product-section{padding:80px 0;background:var(--white)}
.product-section.alt{background:var(--bg)}
@media(max-width:768px){.product-section{padding:48px 0}}

/* ── FEATURES GRID ──────────────────────────────────────────────────── */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all .3s}
.feature-card:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px)}
.feature-icon{font-size:2rem;margin-bottom:12px}
.feature-card h4{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.feature-card p{font-size:.92rem;color:var(--text-mid);line-height:1.7}

/* ── USE CASES GRID ─────────────────────────────────────────────────── */
.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.use-case-card{background:var(--white);border-left:4px solid var(--orange);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.use-case-card h4{font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.use-case-card p{font-size:.92rem;color:var(--text-mid);line-height:1.7}

/* ── STATS SECTION ──────────────────────────────────────────────────── */
.stats-section{background:var(--navy);color:var(--white)}
.section-label-light{color:var(--orange)!important}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.stat-card{text-align:center;padding:24px;background:rgba(255,255,255,.04);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08)}
.stat-num{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--orange);margin-bottom:8px;line-height:1}
.stat-label{font-size:.92rem;color:#B8C4D0}
@media(max-width:768px){.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.stat-num{font-size:1.8rem}}

/* ── WHO IT'S FOR GRID ──────────────────────────────────────────────── */
.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.who-card{background:var(--orange-pale);border-radius:var(--radius);padding:24px}
.who-card h4{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.who-card p{font-size:.9rem;color:var(--text-mid);line-height:1.65}

/* ── RELATED PRODUCTS ───────────────────────────────────────────────── */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.related-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s;display:block;text-decoration:none;color:inherit}
.related-card:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px)}
.related-card h5{font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.related-card p{font-size:.88rem;color:var(--text-mid);line-height:1.6;margin:0}
@media(max-width:768px){.related-grid{grid-template-columns:1fr}}