/*
Theme Name: Shiv Shakti Battery – Reference Refresh
Theme URI: https://shivshaktibattery.com/
Author: Antigravity Team
Author URI: https://shivshaktibattery.com/
Description: A modern, high-performance, conversion-focused WordPress theme for SHIV SHAKTI BATTERY. Features product catalog management for Amaron, Exide, Livfast, and SF Sonic batteries, 24x7 emergency doorstep service showcases, click-to-call, WhatsApp integration, and full Elementor compatibility.
Version: 1.1.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shiv-shakti-battery
Tags: automotive, e-commerce, custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

:root {
  --ssb-primary: #0B3C5D;       /* Deep Automotive Royal Navy */
  --ssb-primary-dark: #07253B;
  --ssb-primary-light: #16527A;
  --ssb-secondary: #0284C7;     /* High-Energy Electric Sky Blue */
  --ssb-secondary-hover: #0369A1;
  --ssb-accent: #F59E0B;        /* Safety Power Amber / Gold */
  --ssb-accent-hover: #D97706;
  --ssb-whatsapp: #25D366;      /* Official WhatsApp Green */
  --ssb-whatsapp-hover: #1EBE5D;
  --ssb-danger: #EF4444;
  --ssb-dark: #0F172A;          /* Slate 900 */
  --ssb-gray-800: #1E293B;
  --ssb-gray-700: #334155;
  --ssb-gray-600: #475569;
  --ssb-gray-500: #64748B;
  --ssb-gray-300: #CBD5E1;
  --ssb-gray-200: #E2E8F0;
  --ssb-gray-100: #F1F5F9;
  --ssb-light: #F8FAFC;
  --ssb-white: #FFFFFF;
  --ssb-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ssb-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ssb-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --ssb-shadow: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -1px rgba(0,0,0,0.04);
  --ssb-shadow-lg: 0 10px 25px -3px rgba(11,60,93,0.12), 0 4px 6px -2px rgba(11,60,93,0.05);
  --ssb-radius: 10px;
  --ssb-transition: all 0.25s ease-in-out;
}

/* Global Reset & Base Typography */
body {
  font-family: var(--ssb-font-body);
  color: var(--ssb-gray-700);
  background-color: var(--ssb-white);
  line-height: 1.65;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--ssb-font-heading);
  color: var(--ssb-primary);
  font-weight: 700;
  line-height: 1.3;
}

a {
  color: var(--ssb-secondary);
  text-decoration: none;
  transition: var(--ssb-transition);
}

a:hover {
  color: var(--ssb-secondary-hover);
}

/* Emergency Top Bar */
.ssb-top-bar {
  background-color: var(--ssb-primary-dark);
  color: var(--ssb-gray-300);
  font-size: 0.85rem;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ssb-top-bar a {
  color: var(--ssb-gray-100);
}
.ssb-top-bar a:hover {
  color: var(--ssb-accent);
}
.ssb-top-bar .emergency-badge {
  background: var(--ssb-danger);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 6px;
  animation: pulseBadge 2s infinite;
}
@keyframes pulseBadge {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.03); }
}

/* Main Navigation Header */
.ssb-header-nav {
  background: var(--ssb-white);
  box-shadow: var(--ssb-shadow);
  position: sticky;
  top: 0;
  z-index: 1030;
  padding: 12px 0;
  transition: var(--ssb-transition);
}
.ssb-navbar-brand img {
  max-height: 52px;
  width: auto;
}
.ssb-nav-link {
  font-family: var(--ssb-font-heading);
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--ssb-gray-800) !important;
  padding: 8px 14px !important;
  border-radius: 6px;
  transition: var(--ssb-transition);
}
.ssb-nav-link:hover, .ssb-nav-link.active {
  color: var(--ssb-secondary) !important;
  background-color: var(--ssb-gray-100);
}
.navbar-nav .dropdown-menu {
  border: none;
  border-radius: 8px;
  box-shadow: var(--ssb-shadow-lg);
  padding: 8px 0;
}
.dropdown-item {
  font-weight: 500;
  font-size: 0.9rem;
  padding: 8px 18px;
  color: var(--ssb-gray-700);
}
.dropdown-item:hover {
  background-color: var(--ssb-light);
  color: var(--ssb-secondary);
}

/* Buttons */
.btn-ssb-primary {
  background: linear-gradient(135deg, var(--ssb-secondary) 0%, var(--ssb-primary) 100%);
  color: #fff !important;
  font-family: var(--ssb-font-heading);
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
  transition: var(--ssb-transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-ssb-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);
  background: linear-gradient(135deg, var(--ssb-secondary-hover) 0%, var(--ssb-primary-dark) 100%);
}
.btn-ssb-whatsapp {
  background: var(--ssb-whatsapp);
  color: #fff !important;
  font-family: var(--ssb-font-heading);
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
  transition: var(--ssb-transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-ssb-whatsapp:hover {
  background: var(--ssb-whatsapp-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.45);
}
.btn-ssb-call {
  background: var(--ssb-accent);
  color: var(--ssb-dark) !important;
  font-family: var(--ssb-font-heading);
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
  transition: var(--ssb-transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-ssb-call:hover {
  background: var(--ssb-accent-hover);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.45);
}
.btn-ssb-outline {
  border: 2px solid var(--ssb-secondary);
  color: var(--ssb-secondary) !important;
  background: transparent;
  font-family: var(--ssb-font-heading);
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 8px;
  transition: var(--ssb-transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-ssb-outline:hover {
  background: var(--ssb-secondary);
  color: #fff !important;
  transform: translateY(-2px);
}

/* Hero Section */
.ssb-hero {
  background: linear-gradient(135deg, #071E30 0%, #0B3C5D 60%, #0F4C75 100%);
  color: #fff;
  padding: 70px 0 60px 0;
  position: relative;
  overflow: hidden;
}
.ssb-hero::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(2,132,199,0.18) 0%, rgba(0,0,0,0) 70%);
  pointer-events: none;
}
.ssb-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(2, 132, 199, 0.2);
  border: 1px solid rgba(2, 132, 199, 0.4);
  color: #7DD3FC;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.ssb-hero h1 {
  color: #ffffff;
  font-size: 2.85rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 18px;
}
.ssb-hero h1 span {
  color: var(--ssb-accent);
}
.ssb-hero p {
  font-size: 1.15rem;
  color: #E2E8F0;
  margin-bottom: 30px;
}
.ssb-hero-card {
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

/* Guarantee Pills Bar */
.ssb-guarantees {
  background: var(--ssb-white);
  padding: 24px 0;
  margin-top: -30px;
  position: relative;
  z-index: 20;
  border-radius: 12px;
  box-shadow: var(--ssb-shadow-lg);
}
.guarantee-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
}
.guarantee-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 12px;
  background: rgba(2, 132, 199, 0.1);
  color: var(--ssb-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}
.guarantee-text h6 {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--ssb-primary);
}
.guarantee-text p {
  font-size: 0.8rem;
  color: var(--ssb-gray-500);
  margin-bottom: 0;
}

/* Category Cards */
.ssb-category-card {
  background: var(--ssb-white);
  border-radius: 14px;
  border: 1px solid var(--ssb-gray-200);
  padding: 26px 20px;
  text-align: center;
  transition: var(--ssb-transition);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ssb-category-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--ssb-shadow-lg);
  border-color: var(--ssb-secondary);
}
.category-icon-wrapper {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px auto;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.1) 0%, rgba(11, 60, 93, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ssb-secondary);
  font-size: 1.9rem;
  transition: var(--ssb-transition);
}
.ssb-category-card:hover .category-icon-wrapper {
  background: var(--ssb-secondary);
  color: #fff;
  transform: scale(1.08);
}
.ssb-category-card h4 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.ssb-category-card p {
  font-size: 0.88rem;
  color: var(--ssb-gray-600);
  margin-bottom: 16px;
}

/* Brand Grid / Badges */
.ssb-brand-badge-card {
  background: var(--ssb-white);
  border: 1px solid var(--ssb-gray-200);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--ssb-transition);
  height: 90px;
}
.ssb-brand-badge-card:hover {
  border-color: var(--ssb-secondary);
  box-shadow: var(--ssb-shadow);
  transform: translateY(-3px);
}
.ssb-brand-badge-card img {
  max-height: 48px;
  max-width: 100%;
  object-fit: contain;
}

/* Product Cards */
.ssb-product-card {
  background: var(--ssb-white);
  border-radius: 14px;
  border: 1px solid var(--ssb-gray-200);
  overflow: hidden;
  transition: var(--ssb-transition);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.ssb-product-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--ssb-shadow-lg);
  border-color: var(--ssb-secondary);
}
.product-badge-brand {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--ssb-primary);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  z-index: 5;
}
.product-badge-warranty {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid var(--ssb-accent);
  color: #B45309;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 20px;
  z-index: 5;
}
.product-image-box {
  background: var(--ssb-light);
  padding: 30px 20px 20px 20px;
  text-align: center;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-image-box img {
  max-height: 160px;
  max-width: 90%;
  object-fit: contain;
  transition: var(--ssb-transition);
}
.ssb-product-card:hover .product-image-box img {
  transform: scale(1.05);
}
.product-content-box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.product-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ssb-primary);
  margin-bottom: 8px;
}
.product-specs-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
  font-size: 0.85rem;
  color: var(--ssb-gray-600);
}
.product-specs-list li {
  padding: 4px 0;
  border-bottom: 1px dashed var(--ssb-gray-200);
  display: flex;
  justify-content: space-between;
}
.product-specs-list li:last-child {
  border-bottom: none;
}
.product-pricing-placeholder {
  background: var(--ssb-light);
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ssb-primary);
  margin-bottom: 14px;
  text-align: center;
}
.product-btn-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.product-btn-group a {
  font-size: 0.8rem;
  padding: 8px 10px;
  text-align: center;
  justify-content: center;
}

/* Service Cards */
.ssb-service-card {
  background: var(--ssb-white);
  border-radius: 12px;
  border: 1px solid var(--ssb-gray-200);
  padding: 24px;
  transition: var(--ssb-transition);
  height: 100%;
}
.ssb-service-card:hover {
  border-color: var(--ssb-secondary);
  box-shadow: var(--ssb-shadow-lg);
  transform: translateY(-4px);
}
.service-icon {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background: rgba(2, 132, 199, 0.1);
  color: var(--ssb-secondary);
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

/* Why Choose Us & USPs */
.usp-item {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.usp-item-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: var(--ssb-primary);
  color: var(--ssb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.usp-item h5 {
  font-size: 1.05rem;
  margin-bottom: 4px;
}
.usp-item p {
  font-size: 0.88rem;
  color: var(--ssb-gray-600);
  margin-bottom: 0;
}

/* Testimonials */
.ssb-testimonial-card {
  background: var(--ssb-white);
  border-radius: 14px;
  border: 1px solid var(--ssb-gray-200);
  padding: 26px;
  box-shadow: var(--ssb-shadow-sm);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rating-stars {
  color: #F59E0B;
  font-size: 0.95rem;
  margin-bottom: 12px;
}
.testimonial-text {
  font-style: italic;
  font-size: 0.92rem;
  color: var(--ssb-gray-700);
  margin-bottom: 16px;
}
.testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.author-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--ssb-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
}
.author-details h6 {
  font-size: 0.9rem;
  margin-bottom: 0;
  color: var(--ssb-primary);
}
.author-details small {
  color: var(--ssb-gray-500);
  font-size: 0.78rem;
}

/* Footer */
.ssb-footer {
  background: #071E30;
  color: #CBD5E1;
  padding: 60px 0 25px 0;
  font-size: 0.9rem;
}
.ssb-footer h5 {
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.ssb-footer h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 3px;
  background: var(--ssb-secondary);
  border-radius: 2px;
}
.ssb-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ssb-footer-links li {
  margin-bottom: 10px;
}
.ssb-footer-links a {
  color: #94A3B8;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ssb-footer-links a:hover {
  color: var(--ssb-accent);
  padding-left: 4px;
}
.ssb-footer-contact li {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
  color: #CBD5E1;
}
.ssb-footer-contact i {
  color: var(--ssb-secondary);
  font-size: 1.1rem;
  margin-top: 4px;
}
.footer-payment-badge {
  background: rgba(255,255,255,0.06);
  padding: 8px 14px;
  border-radius: 8px;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
  font-size: 0.8rem;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 25px;
  margin-top: 40px;
  font-size: 0.82rem;
  color: #64748B;
}

/* Floating Sticky Mobile Quick-Action Bar */
.ssb-mobile-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  background: #ffffff;
  box-shadow: 0 -4px 15px rgba(0,0,0,0.15);
  padding: 8px 12px;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 768px) {
  .ssb-mobile-bar {
    display: grid;
  }
  body {
    padding-bottom: 60px; /* Offset for floating bar */
  }
  .ssb-hero h1 {
    font-size: 2.1rem;
  }
}

/* Inner Page Banners */
.ssb-page-banner {
  background: linear-gradient(135deg, #071E30 0%, #0B3C5D 100%);
  color: #fff;
  padding: 50px 0;
  text-align: center;
}
.ssb-page-banner h1 {
  color: #ffffff;
  font-size: 2.4rem;
  margin-bottom: 8px;
}
.ssb-breadcrumbs {
  font-size: 0.85rem;
  color: #94A3B8;
}
.ssb-breadcrumbs a {
  color: #CBD5E1;
}
.ssb-breadcrumbs a:hover {
  color: var(--ssb-accent);
}

/* Section Title Utility */
.section-title-wrap {
  margin-bottom: 40px;
}
.section-subtitle {
  color: var(--ssb-secondary);
  font-family: var(--ssb-font-heading);
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: block;
}
.section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--ssb-primary);
  margin-bottom: 12px;
}
.section-desc {
  color: var(--ssb-gray-600);
  font-size: 1rem;
  max-width: 680px;
  margin: 0 auto;
}



/* -------------------------------------------------------------------------
   Shiv Shakti Battery – clean reference-inspired storefront refresh
   ------------------------------------------------------------------------- */
:root{--ssb-primary:#153b59;--ssb-primary-dark:#102f49;--ssb-secondary:#1687c9;--ssb-accent:#f59e0b;--ssb-light:#f7f9fb;--ssb-gray-700:#465568}
body{color:#465568;background:#fff;font-size:15px}
.ssb-top-bar{background:#f5f7f9;color:#465568;border-bottom:1px solid #e8edf1;padding:8px 0;font-size:13px}
.ssb-top-bar a{color:#153b59}.ssb-top-bar a:hover{color:#1687c9}
.ssb-top-bar .emergency-badge{background:#eaf4fb;color:#176b9c;animation:none;border-radius:3px;letter-spacing:.35px}
.ssb-header-nav{padding:13px 0;box-shadow:0 3px 16px rgba(20,45,70,.07)}
.ssb-navbar-brand img{max-height:58px}.ssb-nav-link{font-size:14px;padding:9px 12px!important}
.ssb-reference-hero{background:linear-gradient(110deg,#f7fafc 0%,#fff 60%,#eef6fb 100%);padding:66px 0 58px;overflow:hidden;position:relative}
.ssb-reference-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(22,135,201,.10);border-radius:50%;right:-150px;top:-190px}
.ssb-reference-hero .container{position:relative;z-index:1}
.ssb-eyebrow,.ssb-kicker{display:inline-flex;align-items:center;gap:8px;color:#1687c9;font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}
.ssb-eyebrow{padding:8px 13px;background:#eaf5fc;border-radius:3px;margin-bottom:18px}
.ssb-reference-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-1.8px;color:#153b59;margin:0 0 16px;font-weight:800}
.ssb-reference-hero h1 span{color:#ef9a13}
.ssb-hero-lead{font-size:clamp(20px,2vw,25px);font-weight:700;color:#263d52;line-height:1.35;margin-bottom:10px}
.ssb-hero-copy{font-size:16px;line-height:1.8;color:#647487;max-width:640px;margin-bottom:25px}
.ssb-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.ssb-hero-actions .btn{padding:13px 22px;border-radius:4px;font-size:15px}
.ssb-hero-note{margin-top:22px;color:#718093;font-size:13px}.ssb-hero-note i{color:#1687c9;margin-right:6px}
.ssb-hero-visual{min-height:350px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e4f2fa 0%,#f7fafc 63%,rgba(255,255,255,0) 70%);border-radius:50%;}
.ssb-hero-battery{width:min(78%,360px);height:300px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 20px rgba(21,59,89,.14))}
.ssb-visual-orbit{position:absolute;border:1px solid rgba(22,135,201,.18);border-radius:50%;width:330px;height:230px;transform:rotate(-18deg)}.ssb-orbit-two{width:390px;height:275px;transform:rotate(24deg);border-color:rgba(245,158,11,.18)}
.ssb-visual-caption{position:absolute;bottom:0;right:3%;background:#fff;padding:13px 18px;border-radius:4px;box-shadow:0 8px 30px rgba(18,48,73,.1);display:flex;flex-direction:column;z-index:3}.ssb-visual-caption strong{color:#153b59;font-size:14px}.ssb-visual-caption span{font-size:11px;color:#7b8998}
.ssb-benefit-strip{background:#fff;padding:0 0 24px}.ssb-benefit-strip .container{border:1px solid #e9eef2;box-shadow:0 8px 28px rgba(20,45,70,.06);background:#fff;margin-top:-1px}
.ssb-benefit{height:100%;min-height:88px;display:flex;align-items:center;gap:13px;padding:17px 18px;border-right:1px solid #edf1f4}.ssb-benefit i{width:42px;height:42px;display:grid;place-items:center;background:#edf6fb;color:#1687c9;border-radius:50%;font-size:18px;flex:none}.ssb-benefit b,.ssb-benefit small{display:block}.ssb-benefit b{font-size:13px;color:#233d54}.ssb-benefit small{font-size:11px;color:#8793a0;margin-top:2px}
.ssb-section{padding:72px 0}.ssb-section-heading{text-align:center;max-width:720px;margin:0 auto 38px}.ssb-section-heading h2,.ssb-side-title{font-size:clamp(27px,3vw,36px);line-height:1.2;color:#153b59;margin:10px 0 12px;font-weight:750}.ssb-section-heading p,.ssb-muted{color:#758394;line-height:1.75;margin:0}.ssb-applications{background:#f7f9fb}
.ssb-app-card{height:100%;min-height:230px;padding:26px 22px;background:#fff;border:1px solid #e8edf1;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;transition:.22s ease;color:inherit}.ssb-app-card:hover{transform:translateY(-4px);border-color:#b8d8eb;box-shadow:0 12px 28px rgba(20,55,80,.08);color:inherit}.ssb-app-icon{width:54px;height:54px;display:grid;place-items:center;background:#edf6fb;color:#1687c9;border-radius:50%;font-size:22px;margin-bottom:18px}.ssb-app-card h3{font-size:18px;color:#153b59;margin:0 0 8px}.ssb-app-card p{font-size:13px;color:#7a8794;line-height:1.65;margin-bottom:17px}.ssb-text-link{color:#1687c9;font-size:13px;font-weight:700}.ssb-text-link i{margin-left:5px}
.ssb-promo-band{padding:12px 0 62px}.ssb-promo-inner{padding:28px 34px;background:#153b59;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:4px}.ssb-promo-inner .ssb-kicker{color:#f9bd53}.ssb-promo-inner h2{color:#fff;font-size:25px;margin:7px 0}.ssb-promo-inner p{color:#d4e0e9;margin:0;font-size:13px}.ssb-promo-inner .btn{flex:none}
.ssb-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ssb-why-item{display:flex;gap:15px}.ssb-why-item>i{width:44px;height:44px;flex:none;display:grid;place-items:center;background:#edf6fb;color:#1687c9;border-radius:50%;font-size:17px}.ssb-why-item h3{font-size:15px;color:#153b59;margin:2px 0 6px}.ssb-why-item p{font-size:12px;line-height:1.7;color:#7b8996;margin:0}
.ssb-brand-section{background:#f7f9fb}.ssb-brand-grid .ssb-brand-badge-card{border-radius:4px;box-shadow:none}.ssb-brand-grid .row{justify-content:center}.ssb-brand-grid .ssb-brand-badge-card{background:#fff;min-height:100px}
.ssb-simple-product{height:100%;padding:22px;border:1px solid #e8edf1;background:#fff;border-radius:4px;text-align:center}.ssb-simple-product img{height:145px;max-width:100%;object-fit:contain;margin-bottom:14px}.ssb-simple-product h3{font-size:17px;color:#153b59}.ssb-simple-product p{font-size:13px;color:#7a8794}.ssb-simple-product a{font-size:13px;font-weight:700;color:#1687c9}
.ssb-service-band{background:#eef6fb;padding:40px 0}.ssb-service-band h2{color:#153b59;font-size:28px;margin:7px 0}.ssb-service-band p{color:#6f8090;margin:0;max-width:700px}.ssb-location-section{background:#f8fafb}.ssb-contact-line{display:flex;gap:13px;margin:18px 0;color:#68798a;font-size:13px;line-height:1.6}.ssb-contact-line>i{color:#1687c9;width:18px;margin-top:3px}.ssb-contact-line b{display:block;color:#153b59;font-size:12px}.ssb-contact-line a{color:#1687c9;font-weight:600}.ssb-map-wrap{height:390px;border:5px solid #fff;box-shadow:0 8px 28px rgba(20,45,70,.08)}.ssb-map-wrap iframe{width:100%;height:100%;border:0}
.ssb-footer{background:#102f49}.ssb-footer h5{color:#fff}.ssb-footer .text-secondary{color:#c0ccd6!important}.ssb-footer-links a{color:#d3dde5}.ssb-footer-links a:hover{color:#f7b84b}
.btn-ssb-call,.btn-ssb-whatsapp,.btn-ssb-primary{border-radius:4px}.btn-ssb-primary{background:#1687c9}
@media(max-width:991.98px){.ssb-reference-hero{padding:48px 0 42px}.ssb-hero-visual{min-height:280px}.ssb-hero-battery{height:250px}.ssb-benefit{border-bottom:1px solid #edf1f4}.ssb-benefit:nth-child(2){border-right:0}.ssb-promo-inner{align-items:flex-start;flex-direction:column}.ssb-map-wrap{height:320px}}
@media(max-width:575.98px){.ssb-reference-hero{padding:38px 0 32px}.ssb-reference-hero h1{font-size:42px}.ssb-hero-copy{font-size:14px}.ssb-hero-actions .btn{width:100%;justify-content:center}.ssb-hero-visual{min-height:230px}.ssb-hero-battery{height:210px}.ssb-visual-orbit{width:240px;height:170px}.ssb-orbit-two{width:285px;height:200px}.ssb-visual-caption{right:0;bottom:-8px}.ssb-section{padding:52px 0}.ssb-benefit{padding:12px 8px;gap:8px;min-height:75px}.ssb-benefit i{width:34px;height:34px;font-size:15px}.ssb-benefit b{font-size:11px}.ssb-benefit small{font-size:10px}.ssb-why-grid{grid-template-columns:1fr;gap:18px}.ssb-promo-inner{padding:24px 20px}.ssb-promo-inner h2{font-size:22px}.ssb-map-wrap{height:280px}}


/* Cartoon illustration galleries supplied with the Shiv Shakti Battery theme */
.ssb-illustration-section{background:#fff}
.ssb-illustration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}
.ssb-illustration-card{text-align:center;background:#fff;border:1px solid #e7edf3;border-radius:16px;padding:12px 10px 18px;box-shadow:0 8px 24px rgba(15,45,75,.06);height:100%}
.ssb-illustration-card img{display:block;width:100%;max-width:250px;height:auto;aspect-ratio:1/1;object-fit:contain;margin:0 auto 8px;border-radius:14px}
.ssb-illustration-card h3{font-size:1rem;line-height:1.35;margin:6px 0 0;color:#123b61;font-weight:700}
.ssb-cartoon-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.ssb-cartoon-brand{border:1px solid #e8edf2;border-radius:14px;padding:12px;text-align:center;background:#fff}
.ssb-cartoon-brand img{width:100%;height:auto;aspect-ratio:1.4/1;object-fit:contain;display:block}
.ssb-cartoon-brand span{display:block;color:#123b61;font-weight:700;margin-top:4px}
.ssb-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ssb-payment-grid>div{background:#f7fafc;border:1px solid #e5edf4;border-radius:14px;text-align:center;padding:28px 14px}
.ssb-payment-grid i{font-size:2.4rem;color:#0784bd;margin-bottom:12px}
.ssb-payment-grid h3{font-size:1rem;margin:0;color:#153d61}
@media(max-width:991px){.ssb-illustration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ssb-cartoon-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.ssb-illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ssb-illustration-card{padding:8px 6px 12px}.ssb-illustration-card h3{font-size:.88rem}.ssb-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssb-payment-grid>div{padding:20px 8px}}


/* User-requested brand logo, real Amaron photograph and payment gallery */
.ssb-original-brand { gap: 10px; }
.ssb-original-logo { width: 68px; height: 58px; object-fit: contain; display:block; }
.ssb-brand-wordmark { display:flex; flex-direction:column; line-height:1.2; }
.ssb-brand-wordmark strong { color:#123d5d; font-size:1.12rem; letter-spacing:.35px; white-space:nowrap; }
.ssb-brand-wordmark strong span { color:#0284c7; }
.ssb-brand-wordmark small { color:#d97706; font-size:.58rem; letter-spacing:2px; margin-top:5px; }
.ssb-hero-battery.ssb-real-amaron { width:100%; height:100%; max-height:390px; object-fit:contain; padding:28px; border-radius:18px; background:#fff; position:relative; z-index:1; }
.product-image-box img { width:100%; height:100%; min-height:230px; max-height:300px; object-fit:contain; padding:16px; background:#fff; }
.ssb-payment-section { background:#fff; }
.ssb-payment-heading { text-align:center; margin:0 auto 54px; }
.ssb-payment-heading h2 { color:#111; font-size:2rem; margin-bottom:24px; }
.ssb-payment-heading p { color:#777; font-weight:600; font-size:1.05rem; }
.ssb-payment-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px; align-items:start; max-width:1250px; margin:0 auto; }
.ssb-payment-item { text-align:center; min-width:0; }
.ssb-payment-item img { display:block; width:200px; height:200px; max-width:100%; object-fit:cover; border-radius:50%; margin:0 auto 30px; }
.ssb-payment-item h3 { color:#111; font-size:1.2rem; font-weight:600; line-height:1.35; margin:0 auto; max-width:260px; }
.ssb-footer { display:none !important; }
@media (max-width: 767px) {
 .ssb-original-logo { width:48px; height:46px; }
 .ssb-brand-wordmark strong { font-size:.9rem; }
 .ssb-brand-wordmark small { font-size:.48rem; letter-spacing:1px; }
 .ssb-payment-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 18px; }
 .ssb-payment-item img { width:150px; height:150px; margin-bottom:18px; }
 .ssb-payment-item h3 { font-size:1rem; }
 .ssb-payment-heading { margin-bottom:34px; }
}

/* Final requested polish: readable hero, decorative background, rotating battery cards and compact copyright footer */
.ssb-top-bar, .ssb-top-bar .text-light, .ssb-top-bar .d-none.d-lg-inline { color:#34495e !important; }
.ssb-top-bar .text-light i { color:#f59e0b !important; }
.ssb-reference-hero.ssb-hero-updated { padding:70px 0 66px; background:radial-gradient(ellipse at 85% 45%,rgba(185,225,248,.62),transparent 38%),radial-gradient(ellipse at 12% 15%,#fff 0,transparent 48%),linear-gradient(115deg,#f5f9fc 0%,#fff 52%,#eaf5fc 100%); }
.ssb-hero-updated:after { content:""; position:absolute; right:-100px; bottom:-190px; width:560px; height:420px; border-radius:50%; background:rgba(92,190,118,.09); transform:rotate(-22deg); pointer-events:none; }
.ssb-hero-updated .ssb-eyebrow { color:#0c6b9f; background:#e4f3fb; }
.ssb-hero-updated h1 { color:#123e68 !important; font-size:clamp(36px,4.15vw,57px); line-height:1.12; letter-spacing:-1.2px; overflow-wrap:normal; }
.ssb-hero-updated h1 span { color:#ed7b18 !important; display:inline; }
.ssb-hero-updated .ssb-hero-lead { color:#173d5c !important; font-size:clamp(19px,2vw,23px); }
.ssb-hero-updated .ssb-hero-copy { color:#34485a !important; font-size:16px; line-height:1.75; font-weight:500; }
.ssb-hero-updated .ssb-hero-note { color:#41566b !important; }
.ssb-hero-updated .btn-ssb-call { background:#19b51d; border-color:#19b51d; color:#fff !important; font-weight:800; padding:14px 25px; }
.ssb-hero-updated .btn-ssb-whatsapp { font-weight:800; padding:14px 22px; }
.ssb-hero-slider { position:relative; padding:20px 0 16px; }
.ssb-slider-decor { position:absolute; inset:0 4% 2% 4%; border-radius:48% 52% 45% 55%; background:radial-gradient(ellipse,#d9effc 0%,rgba(225,243,251,.72) 54%,transparent 72%); }
.ssb-slider-frame { height:390px; position:relative; z-index:1; background:rgba(255,255,255,.94); border:1px solid rgba(255,255,255,.9); border-radius:28px; box-shadow:0 22px 55px rgba(20,63,93,.15); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ssb-slide { position:absolute; inset:22px 55px 48px; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateX(18px) scale(.98); transition:opacity .45s ease,transform .45s ease,visibility .45s; }
.ssb-slide.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); }
.ssb-slide img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 15px 18px rgba(15,47,72,.14)); }
.ssb-slider-arrow { position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:46px; height:46px; border:0; border-radius:50%; background:#fff; color:#153b59; box-shadow:0 5px 18px rgba(15,47,72,.18); }
.ssb-slider-prev { left:14px; }.ssb-slider-next { right:14px; }
.ssb-slider-dots { position:absolute; z-index:4; bottom:17px; left:0; right:0; display:flex; justify-content:center; gap:9px; }
.ssb-slider-dots button { width:11px; height:11px; border:0; padding:0; border-radius:50%; background:#c5d3de; }
.ssb-slider-dots button.active { background:#0e477a; transform:scale(1.15); }
.ssb-hero-slider .ssb-visual-caption { right:-4px; bottom:0; padding:14px 20px; border-radius:16px; box-shadow:0 12px 30px rgba(15,47,72,.13); }
.ssb-hero-slider .ssb-visual-caption strong { font-size:17px; color:#123e68; }
.ssb-hero-slider .ssb-visual-caption span { font-size:13px; color:#536b80; }
.ssb-copyright-bar { background:#477df0; color:#fff; min-height:54px; display:flex; align-items:center; font-size:15px; }
.ssb-copyright-bar .container { position:relative; display:flex; align-items:center; justify-content:center; gap:7px 20px; flex-wrap:wrap; padding:14px 54px; text-align:center; }
.ssb-copyright-bar strong { color:#fff; font-weight:800; }
.ssb-back-top { position:absolute; right:0; top:50%; transform:translateY(-50%); width:40px; height:40px; display:grid; place-items:center; border-radius:0 0 4px 4px; background:#075fba; color:#fff; text-decoration:none; }
.ssb-back-top:hover { background:#064e9a; color:#fff; }
@media(max-width:991.98px){.ssb-reference-hero.ssb-hero-updated{padding:48px 0}.ssb-slider-frame{height:330px}.ssb-hero-updated h1{font-size:clamp(34px,6vw,48px)}}
@media(max-width:575.98px){.ssb-reference-hero.ssb-hero-updated{padding:36px 0}.ssb-hero-updated h1{font-size:35px}.ssb-hero-updated .ssb-hero-copy{font-size:14px}.ssb-slider-frame{height:255px;border-radius:20px}.ssb-slide{inset:15px 42px 42px}.ssb-slider-arrow{width:36px;height:36px}.ssb-slider-prev{left:7px}.ssb-slider-next{right:7px}.ssb-hero-slider .ssb-visual-caption{right:0;bottom:-8px;padding:10px 13px}.ssb-hero-slider .ssb-visual-caption strong{font-size:14px}.ssb-hero-slider .ssb-visual-caption span{font-size:11px}.ssb-copyright-bar .container{padding:12px 48px 12px 8px;font-size:12px;gap:3px;flex-direction:column}.ssb-back-top{right:2px;width:34px;height:34px}}