:root {
       --primary-gold: #D4AF37;
       --dark-gold: #B8941F;
       --pure-black: #000000;
       --soft-black: #1a1a1a;
       --dark-gray: #2c2c2c;
       --medium-gray: #404040;
       --light-text: #cccccc;
       --pure-white: #ffffff;
   }

   /* Dark Compact Footer */
   .footer-section {
       background: linear-gradient(135deg, var(--pure-black) 100%, var(--soft-black) 30%, var(--dark-gray) 10%);
       padding: 2.5rem 0 0;
       margin-top: 3rem;
       position: relative;
       color: var(--light-text);
   }

   .footer-section::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 1px;
       background: linear-gradient(90deg, transparent, var(--primary-gold), transparent);
   }

   /* Brand Section */
   .footer-brand {
       margin-bottom: 1.5rem;
   }

   .footer-logo-container {
       width: 140px;
       height: 140px;
       border-radius: 50%;
       /* background: linear-gradient(135deg, var(--primary-gold), var(--dark-gold)); */
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 1rem;
       box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
       border: 1px solid var(--dark-gray);
   }

   .footer-logo {
       width: 140px;
       height: 140px;
       background: url('https://swasthamen.com/assets/images/logo.svg') center/100% no-repeat;
   }

   .brand-name {
       color: var(--pure-white);
       font-weight: 700;
       font-size: 1.4rem;
       margin-bottom: 0.3rem;
   }

   .brand-tagline {
       color: var(--primary-gold);
       font-weight: 600;
       font-size: 0.9rem;
       margin-bottom: 0.8rem;
       font-family: 'Devanagari', sans-serif;
   }

   .brand-description {
       color: var(--light-text);
       font-size: 0.85rem;
       line-height: 1.5;
       margin-bottom: 1rem;
   }

   /* Social Links */
   .social-links {
       display: flex;
       gap: 0.8rem;
   }

   .social-link {
       width: 35px;
       height: 35px;
       border-radius: 50%;
       background: var(--dark-gray);
       border: 1px solid var(--medium-gray);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--light-text);
       text-decoration: none;
       transition: all 0.3s ease;
       font-size: 0.9rem;
   }

   .social-link:hover {
       background: linear-gradient(135deg, var(--primary-gold), var(--dark-gold));
       color: var(--pure-white);
       border-color: var(--primary-gold);
       transform: translateY(-2px);
   }

   /* Footer Columns */
   .footer-title {
       color: var(--pure-white);
       font-weight: 600;
       font-size: 1rem;
       margin-bottom: 1rem;
       position: relative;
       padding-bottom: 0.3rem;
   }

   .footer-title::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 25px;
       height: 1px;
       background: var(--primary-gold);
   }

   .footer-links {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .footer-links li {
       margin-bottom: 0.6rem;
   }

   .footer-links a {
       color: var(--light-text);
       text-decoration: none;
       font-size: 0.85rem;
       transition: all 0.3s ease;
       display: inline-block;
   }

   .footer-links a:hover {
       color: var(--primary-gold);
       transform: translateX(3px);
   }

   /* Contact Info */
   .contact-info {
       display: flex;
       flex-direction: column;
       gap: 0.8rem;
   }

   .contact-itemss {
       display: flex;
       align-items: center;
       gap: 0.8rem;
   }

   .contact-itemss i {
       color: var(--primary-gold);
       font-size: 0.9rem;
       min-width: 14px;
   }

   .contact-itemss a {
       color: var(--light-text);
       text-decoration: none;
       font-size: 0.85rem;
       transition: color 0.3s ease;
   }

   .contact-itemss a:hover {
       color: var(--primary-gold);
   }

   .contact-itemss span {
       color: var(--light-text);
       font-size: 0.85rem;
   }

   /* Footer Bottom */
   .footer-bottom {
       background: var(--soft-black);
       padding: 1rem 0;
       border-top: 1px solid var(--dark-gray);
       margin: 2rem -15px 0;
       padding-left: 15px;
       padding-right: 15px;
   }

   .copyright {
       color: var(--light-text);
       font-size: 0.8rem;
       margin-bottom: 0;
   }

   .brand-highlight {
       color: var(--primary-gold);
       font-weight: 600;
   }

   .payment-methods {
       display: flex;
       align-items: center;
       justify-content: center;
       justify-content: flex-end;
       gap: 0.8rem;
   }

   .payment-methods i {
       font-size: 1.2rem;
       color: var(--light-text);
       transition: color 0.3s ease;
   }

   .payment-methods i:hover {
       color: var(--primary-gold);
   }

   /* Responsive Design */
   @media (max-width: 991.98px) {
       .footer-section {
           padding: 2rem 0 0;
       }
       
       .footer-brand {
           text-align: center;
           margin-bottom: 2rem;
       }
       
       .footer-logo-container {
           margin: 0 auto 1rem;
       }
       
       .social-links {
           justify-content: center;
       }
   }

   @media (max-width: 767.98px) {
       .footer-section {
           padding: 1.5rem 0 0;
       }
       
       .brand-name {
           font-size: 1.2rem;
       }
       
       .footer-title {
           font-size: 0.9rem;
       }
       
       .payment-methods {
           justify-content: center;
           margin-top: 1rem;
       }
   }

   @media (max-width: 576px) {
       .footer-section {
           padding: 1.5rem 0 0;
       }
       
       .footer-logo-container {
           width: 50px;
           height: 50px;
       }
       
       .footer-logo {
           width: 35px;
           height: 35px;
       }
       
       .brand-name {
           font-size: 1.1rem;
       }
       
       .brand-tagline {
           font-size: 0.8rem;
       }
       
       .footer-bottom {
           text-align: center;
           padding: 0.8rem 15px;
       }
       
       .footer-bottom .row > div {
           margin-bottom: 0.5rem;
       }
       
       .social-link {
           width: 32px;
           height: 32px;
           font-size: 0.8rem;
       }
   }