.custom-navbar {
   background: #8B0000;
   padding: 20px 0;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
 }

 .navbar-brand {
   font-size: 28px;
   color: #FFD700 !important;
   letter-spacing: 1px;
 }

 .nav-link {
   color: #fff !important;
   margin: 0 8px;
   font-weight: 500;
   transition: .3s;
 }

 .nav-link:hover {
   color: #FFD700 !important;
 }

 body {
   padding-top: 90px;
 }

 .hero {
   background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://images.unsplash.com/photo-1596040033229-a9821ebd058d?auto=format&fit=crop&w=1400&q=80') center/cover;
   height: 90vh;
   color: #fff;
   display: flex;
   align-items: center
 }

 .section-title {
   text-align: center;
   margin: 50px 0;
   color: #8b0000
 }

 .card {
   border-radius: 20px
 }

 .whatsapp,
 .call {
   position: fixed;
   right: 20px;
   padding: 12px 16px;
   border-radius: 50px;
   color: #fff;
   text-decoration: none
 }

 .whatsapp {
   bottom: 80px;
   background: green
 }

 .call {
   bottom: 20px;
   background: #8b0000
 }

 .footer {
   color: #fff;
   padding: 30px 0
 }

 .products-section {
   background: #f8f9fa;
 }

 .section-title {
   font-size: 42px;
   font-weight: 700;
   color: #8B0000;
 }

 .section-subtitle {
   max-width: 700px;
   margin: auto;
   color: #666;
   font-size: 17px;
 }

 .product-card {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
   transition: .3s;
   position: relative;
 }

 .product-card:hover {
   transform: translateY(-10px);
 }

 .product-tag {
   position: absolute;
   top: 15px;
   left: 15px;
   background: #8B0000;
   color: #fff;
   padding: 6px 15px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 600;
 }

 .product-img {
   width: 100%;
   height: 260px;
   object-fit: cover;
 }

 .product-content {
   padding: 25px;
 }

 .product-content h4 {
   font-weight: 700;
   margin-bottom: 10px;
 }

 .product-content p {
   color: #666;
   min-height: 70px;
 }

 .product-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .price {
   font-size: 28px;
   font-weight: 700;
   color: #8B0000;
 }

 .buy-btn {
   background: #ff9800;
   color: white;
   border: none;
   padding: 10px 20px;
   border-radius: 30px;
   font-weight: 600;
   transition: .3s;
 }

 .buy-btn:hover {
   background: #e68900;
 }


 .why-us {
   background: #fff;
 }

 .why-card {
   background: #f8f9fa;
   padding: 30px 20px;
   border-radius: 20px;
   text-align: center;
   transition: .3s;
   height: 100%;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
 }

 .why-card:hover {
   transform: translateY(-10px);
 }

 .icon {
   font-size: 50px;
   margin-bottom: 15px;
 }

 .why-card h4 {
   color: #8B0000;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .why-card p {
   color: #666;
   font-size: 15px;
 }

 .section-title {
   color: #8B0000;
   font-size: 42px;
   font-weight: 700;
 }

 .section-subtitle {
   max-width: 700px;
   margin: auto;
   color: #666;
 }

 .about-section {
   background: #fff;
 }

 .section-title {
   color: #8B0000;
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .about-text {
   color: #555;
   font-size: 17px;
   line-height: 1.8;
   margin-bottom: 15px;
 }

 .counter {
   color: #8B0000;
   font-size: 32px;
   font-weight: 700;
 }


 .categories-section {
   background: #f8f9fa;
 }

 .category-card {
   background: #fff;
   padding: 30px 20px;
   border-radius: 20px;
   text-align: center;
   height: 100%;
   transition: .3s;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
 }

 .category-card:hover {
   transform: translateY(-10px);
 }

 .category-icon {
   font-size: 50px;
   margin-bottom: 15px;
 }

 .category-card h4 {
   color: #8B0000;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .category-card p {
   color: #666;
   font-size: 15px;
 }

 .section-title {
   font-size: 42px;
   font-weight: 700;
   color: #f4efef;
 }

 .section-subtitle {
   max-width: 700px;
   margin: auto;
   color: #f8f2f2;
 }


 .statistics-section {
   background: linear-gradient(135deg, #8B0000, #b22222);
   color: #fff;
 }

 .stats-card {
   background: rgba(255, 255, 255, 0.1);
   padding: 30px 20px;
   border-radius: 20px;
   transition: .3s;
   backdrop-filter: blur(5px);
 }

 .stats-card:hover {
   transform: translateY(-10px);
   background: rgba(255, 255, 255, 0.15);
 }

 .counter {
   font-size: 50px;
   font-weight: 700;
   color: #FFD700;
   margin-bottom: 10px;
 }

 .stats-card p {
   font-size: 18px;
   margin: 0;
 }

 .section-title {
   font-size: 42px;
   font-weight: 700;
 }

 .section-subtitle {
   max-width: 700px;
   margin: auto;
   opacity: .9;
 }


 .testimonials-section {
   background: #f8f9fa;
 }

 .testimonial-card {
   background: #fff;
   padding: 30px;
   border-radius: 20px;
   text-align: center;
   box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
   transition: .3s;
   height: 100%;
 }

 .testimonial-card:hover {
   transform: translateY(-10px);
 }

 .stars {
   font-size: 22px;
   margin-bottom: 15px;
 }

 .testimonial-card p {
   color: #666;
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 20px;
 }

 .testimonial-card h5 {
   color: #8B0000;
   font-weight: 700;
   margin-bottom: 5px;
 }

 .testimonial-card span {
   color: #888;
   font-size: 14px;
 }

 .section-title {
   font-size: 42px;
   font-weight: 700;
   color: #8B0000;
 }

 .section-subtitle {
   max-width: 700px;
   margin: auto;
   color: #666;
 }

 .offer-box {
   background: linear-gradient(135deg, #8B0000, #d32f2f);
   color: #fff;
   padding: 60px 30px;
   border-radius: 25px;
 }

 .footer-section {
   background: #8B0000;
   color: white;
   padding: 60px 0 20px;
 }

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

 .footer-links li {
   margin-bottom: 10px;
 }

 .footer-links a {
   color: white;
   text-decoration: none;
 }

 .footer-links a:hover {
   color: #FFD700;
 }