/* fssai-premium.css — LLP-style Premium FSSAI Design */
:root{--fblue:#0B3C5D;--fblue-mid:#1A7FC4;--fblue-light:#eff6ff;--fgreen:#10B981;--famber:#F59E0B;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-700:#374151;--gray-900:#111827;--radius:12px;--shadow:0 2px 14px rgba(0,0,0,.07);--transition:all .2s ease}

/* HERO — two column grid */
.fssai-hero-grid{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start;position:relative}
@media(max-width:960px){.fssai-hero-grid{grid-template-columns:1fr}.fssai-hero-card{position:static}}
.loc-hero,.art-hero{padding:80px 0 56px !important}

/* HERO LEFT */
.fssai-hero-left .sp-breadcrumb{display:flex;gap:.5rem;align-items:center;font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:1rem;flex-wrap:wrap}
.fssai-hero-left .sp-breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none}
.fssai-hero-left .sp-breadcrumb a:hover{color:#fff}
.fssai-hero-left .fssai-icon{font-size:2rem;display:block;margin-bottom:.7rem}
.fssai-hero-left h1{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:.9rem}
.fssai-hero-left .sp-sub{font-size:.98rem;color:rgba(255,255,255,.8);margin-bottom:1.25rem;line-height:1.7;max-width:560px}
.fssai-pills{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.25rem}
.fssai-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;padding:.3rem .85rem;border-radius:50px;font-size:.78rem;font-weight:500}
.fssai-pill.green{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.4);color:#6ee7b7}
.fssai-hero-trust{display:flex;gap:1.1rem;flex-wrap:wrap;align-items:center}
.fssai-hero-trust-item{display:flex;align-items:center;gap:.35rem;color:rgba(255,255,255,.72);font-size:.8rem}

/* HERO RIGHT — pricing card */
.fssai-hero-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 20px 60px rgba(0,0,0,.28);position:sticky;top:88px}
.fhc-title{font-size:1.1rem;font-weight:800;color:var(--fblue);margin-bottom:.35rem;text-align:center}
.fhc-sub{font-size:.78rem;color:#475569;text-align:center;margin-bottom:1.25rem}
.fhc-opts{display:flex;flex-direction:column;gap:.6rem}
.fhc-opt{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--gray-200);border-radius:10px;padding:.85rem 1.1rem;text-decoration:none;transition:var(--transition);position:relative}
.fhc-opt:hover{border-color:var(--fblue-mid);background:var(--fblue-light);transform:translateX(3px)}
.fhc-opt.popular{border-color:var(--fblue-mid);background:#f0f9ff}
.fhc-pop-tag{position:absolute;top:-10px;left:12px;background:var(--fblue-mid);color:#fff;font-size:.62rem;font-weight:700;padding:2px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.fhc-opt-left{}
.fhc-opt-type{font-weight:700;color:var(--gray-900);font-size:.88rem}
.fhc-opt-desc{font-size:.73rem;color:#475569;margin-top:1px}
.fhc-opt-price{font-size:1.1rem;font-weight:800;color:var(--fblue);white-space:nowrap}
.fhc-guarantee{text-align:center;font-size:.73rem;color:#475569;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.35rem}

/* TRUST BAR */
.fssai-trust{background:#fff;border-bottom:1px solid var(--gray-200);padding:12px 0}
.fssai-trust .container{display:flex;gap:6px 28px;flex-wrap:wrap;justify-content:center;align-items:center}
.trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#475569;font-weight:500;white-space:nowrap}
.trust-item strong{color:var(--fblue)}

/* SECTIONS */
.fssai-section{padding:4rem 0}
.fssai-section:nth-child(even){background:var(--gray-50)}
.fssai-section h2{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800;color:var(--gray-900);margin-bottom:1.1rem}
.fssai-section p{font-size:1rem;color:var(--gray-700);line-height:1.85;max-width:820px}

/* QUICK FACTS CARD */
.fssai-quick-card{background:var(--fblue-light);border:1px solid #bfdbfe;border-left:4px solid var(--fblue-mid);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:.92rem;color:var(--gray-700);line-height:1.9}
.fssai-quick-card h3{color:#1e40af;font-size:.95rem;font-weight:700;margin-bottom:.75rem}

/* BENEFITS GRID */
.fssai-benefits{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem;margin-top:1.25rem}
.fssai-benefit{display:flex;gap:.8rem;align-items:flex-start;background:#fff;padding:1rem 1.2rem;border-radius:var(--radius);border:1px solid var(--gray-100);box-shadow:var(--shadow)}
.fssai-benefit-check{color:var(--fgreen);font-weight:800;font-size:1.05rem;flex-shrink:0;margin-top:.05rem}

/* DOCS LIST */
.fssai-docs{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem;margin-top:1.25rem;padding:0}
.fssai-doc{display:flex;gap:.7rem;align-items:center;background:#fff;padding:.95rem 1.2rem;border-radius:var(--radius);border:1px solid var(--gray-100);font-size:.88rem;color:var(--gray-700)}
.fssai-doc-icon{font-size:1.05rem;flex-shrink:0}

/* TIMELINE STEPS */
.fssai-timeline{margin-top:1.5rem;display:flex;flex-direction:column;gap:0}
.fssai-step{display:flex;gap:1.4rem;position:relative;padding-bottom:1.75rem}
.fssai-step:last-child{padding-bottom:0}
.fssai-step:not(:last-child)::before{content:'';position:absolute;left:19px;top:40px;width:2px;height:calc(100% - 10px);background:var(--gray-200)}
.fssai-step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--fblue),var(--fblue-mid));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;flex-shrink:0;z-index:1;box-shadow:0 4px 12px rgba(11,60,93,.25)}
.fssai-step-body h3{font-size:.98rem;font-weight:700;color:var(--gray-900);margin-bottom:.3rem}
.fssai-step-body p{font-size:.88rem;color:var(--gray-700);line-height:1.65;margin:0}

/* LICENSE TYPE TABLE */
.fssai-tbl{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.9rem;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.fssai-tbl th{background:linear-gradient(135deg,var(--fblue),var(--fblue-mid));color:#fff;padding:12px 15px;text-align:left;font-weight:700;font-size:.84rem}
.fssai-tbl td{padding:11px 15px;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}
.fssai-tbl tr:nth-child(even) td{background:var(--gray-50)}
.fssai-tbl tr:last-child td{border-bottom:none}

/* PRICING CARDS (mid-page) */
.fssai-pricing-section{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:700px){.fssai-pricing-section{grid-template-columns:1fr}}
.fssai-price-card{background:#fff;border:2px solid var(--gray-200);border-radius:16px;padding:1.75rem 1.5rem;position:relative;transition:var(--transition)}
.fssai-price-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.1)}
.fssai-price-card.popular{border-color:var(--fblue-mid);box-shadow:0 8px 32px rgba(26,127,196,.15)}
.fssai-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--fblue-mid);color:#fff;font-size:.68rem;font-weight:700;padding:3px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.fssai-price-card h3{font-size:.95rem;font-weight:700;color:#475569;margin-bottom:.7rem}
.fssai-price-val{font-size:1.9rem;font-weight:800;color:var(--fblue);margin-bottom:.35rem}
.fssai-price-val span{font-size:.82rem;font-weight:400;color:#475569}
.fssai-price-sub{font-size:.78rem;color:#475569;margin-bottom:.9rem}
.fssai-price-features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}
.fssai-price-features li{font-size:.84rem;color:var(--gray-700);display:flex;gap:.55rem;align-items:flex-start}
.fssai-price-features li::before{content:'✓';color:var(--fgreen);font-weight:700;flex-shrink:0}
.fssai-price-btn{display:block;text-align:center;padding:.75rem;border-radius:9px;font-weight:700;font-size:.88rem;text-decoration:none;transition:var(--transition)}
/* Hero pricing card buttons */
.btn-basic-c{background:var(--fblue-light);color:var(--fblue)}
.btn-state-c{background:var(--fblue);color:#fff}
.btn-central-c{background:#6366F1;color:#fff}
.fssai-price-btn:hover{filter:brightness(1.08);transform:scale(1.02)}

/* Mid-page pricing grid (cta-box inside content) */
.fssai-pricing{margin-top:1.5rem}
.fssai-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:680px){.fssai-pricing-grid{grid-template-columns:1fr}}
.fssai-pc{background:#fff;border:2px solid var(--gray-200);border-radius:14px;padding:1.4rem 1.2rem;position:relative;transition:var(--transition)}
.fssai-pc.popular{border-color:var(--fblue-mid);box-shadow:0 6px 24px rgba(26,127,196,.15)}
.fssai-pc .pop-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--fblue-mid);color:#fff;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.fssai-pc-icon{font-size:1.6rem;display:block;margin-bottom:.5rem}
.fssai-pc-name{font-size:.9rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}
.fssai-pc-price{font-size:1.6rem;font-weight:800;color:var(--fblue);margin-bottom:.2rem}
.fssai-pc-sub{font-size:.73rem;color:#475569;margin-bottom:.8rem}
.fssai-pc-features{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.4rem}
.fssai-pc-features li{font-size:.8rem;color:var(--gray-700);padding-left:1.1rem;position:relative}
.fssai-pc-features li::before{content:'✓';position:absolute;left:0;color:var(--fgreen);font-weight:700}
.fssai-pc-btn{display:block;text-align:center;padding:.65rem .9rem;border-radius:8px;font-weight:700;font-size:.83rem;text-decoration:none;transition:var(--transition)}
.btn-basic{background:var(--fblue-light);color:var(--fblue)}
.btn-state{background:var(--fblue);color:#fff}
.btn-central{background:#6366F1;color:#fff}
.fssai-pc-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* NATIVE FAQ */
.fssai-faq{max-width:820px;margin-top:1.5rem;display:flex;flex-direction:column;gap:.65rem}
details.fssai-faq-item{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;background:#fff}
summary.fssai-faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.35rem;font-weight:600;font-size:.93rem;color:var(--gray-900);cursor:pointer;list-style:none;gap:1rem}
summary.fssai-faq-q::-webkit-details-marker{display:none}
.fssai-faq-icon{font-size:1.2rem;color:var(--fblue-mid);flex-shrink:0;transition:var(--transition);font-weight:300}
details[open] .fssai-faq-icon{transform:rotate(45deg)}
.fssai-faq-ans{padding:0 1.35rem 1.05rem;font-size:.88rem;color:var(--gray-700);line-height:1.75}

/* CITY CHIPS */
.fssai-cities{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}
.fssai-city-chip{padding:.4rem .9rem;background:#fff;border:1.5px solid var(--gray-200);border-radius:50px;color:var(--fblue);text-decoration:none;font-size:.8rem;font-weight:600;transition:.18s}
.fssai-city-chip:hover,.fssai-city-chip.active{background:var(--fblue);color:#fff;border-color:var(--fblue)}

/* ── PREMIUM BOTTOM CTA SECTION ── */
.fssai-cta-bottom{background:linear-gradient(150deg,#051E2E 0%,#0B3C5D 50%,#0d5a8a 100%);padding:5.5rem 0;text-align:center;position:relative;overflow:hidden}
.fssai-cta-bottom::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% -5%,rgba(26,127,196,.22) 0%,transparent 70%);pointer-events:none}
.fssai-cta-inner{max-width:780px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.fssai-cta-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);color:#fbbf24;font-size:.72rem;font-weight:700;padding:.38rem 1.1rem;border-radius:50px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.5rem}
.fssai-cta-bottom h2{color:#fff;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;margin:0 0 1rem;line-height:1.18;letter-spacing:-.025em}
.fssai-cta-sub{color:rgba(255,255,255,.68);font-size:.98rem;line-height:1.78;max-width:640px;margin:0 auto 2.5rem}
.fssai-cta-stats{display:flex;align-items:center;justify-content:center;max-width:560px;margin:0 auto 2.5rem;flex-wrap:wrap;gap:.5rem 0}
.fssai-cta-stat{padding:0 2rem;text-align:center}
.fssai-cta-stat-val{display:block;font-size:1.75rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em}
.fssai-cta-stat-label{display:block;font-size:.68rem;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.09em;margin-top:.35rem}
.fssai-cta-stat-div{width:1px;height:42px;background:rgba(255,255,255,.12);flex-shrink:0}
.fssai-cta-actions{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem}
.fssai-cta-btn-apply{display:inline-block;background:var(--famber);color:#1a1a1a;font-weight:800;padding:1rem 2.4rem;border-radius:10px;font-size:1rem;text-decoration:none;transition:var(--transition);box-shadow:0 4px 24px rgba(245,158,11,.32)}
.fssai-cta-btn-apply:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 8px 32px rgba(245,158,11,.44)}
.fssai-cta-btn-wa{display:inline-flex;align-items:center;gap:.55rem;background:rgba(37,211,102,.1);border:1.5px solid rgba(37,211,102,.26);color:#4ade80;font-weight:700;padding:1rem 1.8rem;border-radius:10px;font-size:1rem;text-decoration:none;transition:var(--transition)}
.fssai-cta-btn-wa:hover{background:rgba(37,211,102,.2);border-color:rgba(37,211,102,.45);color:#86efac}
.fssai-cta-guarantee{color:rgba(255,255,255,.36);font-size:.75rem;margin:0;letter-spacing:.01em}
@media(max-width:600px){.fssai-cta-stat-div{display:none}.fssai-cta-stat{padding:0 1rem}.fssai-cta-btn-apply,.fssai-cta-btn-wa{width:100%;text-align:center;justify-content:center}}

/* STICKY CTA (LLP-style, JS controlled) */
.fssai-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid var(--gray-100);padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;z-index:9999;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
.fssai-sticky-bar.show{transform:translateY(0)}
.fssai-sticky-info{font-weight:800;font-size:1rem;color:var(--fblue)}
.fssai-sticky-info small{font-size:.73rem;color:#475569;font-weight:400;display:block}
.fssai-sticky-acts{display:flex;gap:.65rem}
.fssai-sticky-acts a{padding:.6rem 1.2rem;border-radius:8px;font-weight:700;font-size:.84rem;text-decoration:none;transition:var(--transition)}
.fssai-sticky-pri{background:var(--fblue);color:#fff}
.fssai-sticky-sec{background:var(--fblue-light);color:var(--fblue)}
@media(max-width:600px){.fssai-sticky-info{display:none}.fssai-sticky-acts a{padding:.6rem .9rem;font-size:.8rem}}

/* WHATSAPP FLOAT */
.fssai-wa{position:fixed;bottom:80px;right:22px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.45);z-index:9998;text-decoration:none;transition:var(--transition)}
.fssai-wa:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.6)}
.fssai-wa svg{width:28px;height:28px;fill:#fff}

/* Hide old elements that are replaced */
.fssai-trust~.fssai-trust{display:none}

/* STICKY BAR — premium city pages (.fssai-sticky + .visible toggle) */
.fssai-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid var(--gray-200);padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:9999;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
.fssai-sticky.visible{transform:translateY(0)}
.fssai-sticky span{font-weight:700;color:var(--fblue);font-size:.95rem}
.fssai-sticky-btn{background:var(--fblue);color:#fff;padding:.6rem 1.4rem;border-radius:8px;font-weight:700;font-size:.88rem;text-decoration:none;white-space:nowrap;transition:var(--transition)}
.fssai-sticky-btn:hover{background:var(--fblue-mid)}
@media(max-width:600px){.fssai-sticky span{font-size:.82rem}.fssai-sticky-btn{padding:.55rem 1rem;font-size:.8rem}}

/* ── HERO: override styles.css global element color rules for dark background ── */
.loc-hero h1{color:#fff}
.loc-hero p{color:rgba(255,255,255,.88)}

/* ── HERO: fix .fssai-trust white background inside dark hero ── */
.loc-hero .fssai-trust{background:transparent;border-bottom:none;padding:0}
.loc-hero .fssai-trust .container{display:block}

/* ── HERO PRICING GRID — 3 vertical cards ── */
.loc-hero .fssai-hero-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
.loc-hero .fhc-opt{flex-direction:column;align-items:flex-start;padding:1.2rem 1.4rem;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.loc-hero .fhc-opt:hover{background:rgba(255,255,255,.15);transform:none}
.fhc-opt-name{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:4px}
.fhc-opt-price{font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:4px}
.fhc-opt-detail{font-size:.75rem;color:rgba(255,255,255,.7);margin-bottom:12px;flex-grow:1}
.fhc-opt-featured{border-color:var(--famber)!important;background:rgba(245,158,11,.12)!important}
.fhc-opt-badge{display:inline-block;background:var(--famber);color:#1a1a1a;font-size:.62rem;font-weight:700;padding:2px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;white-space:nowrap}
.fhc-opt-btn{display:block;width:100%;text-align:center;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;padding:.5rem .9rem;border-radius:8px;font-weight:700;font-size:.82rem;text-decoration:none;transition:var(--transition);box-sizing:border-box}
.fhc-opt-btn:hover{background:rgba(255,255,255,.28)}
.fhc-opt-featured .fhc-opt-btn{background:var(--famber);border-color:var(--famber);color:#1a1a1a}
.fhc-opt-featured .fhc-opt-btn:hover{background:#fbbf24}
@media(max-width:960px){.loc-hero .fssai-hero-grid{grid-template-columns:1fr}}

/* Hero trust badges */
.fssai-trust-item{display:inline-flex;align-items:center;gap:.35rem;color:rgba(255,255,255,.85);font-size:.8rem;font-weight:500;margin-right:1.2rem;white-space:nowrap}

/* Bottom CTA large button */
.fssai-cta-btn-lg{display:inline-block;background:var(--famber);color:#1a1a1a;font-weight:800;padding:.9rem 2.4rem;border-radius:10px;font-size:1rem;text-decoration:none;transition:var(--transition)}
.fssai-cta-btn-lg:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4)}