:root {
      --primary-color: #e07a5f;
      --secondary-color: #f4f1de;
      --accent-color: #81b29a;
      --highlight-color: #f2cc8f;
      --background-color: #fef6e4;
      --text-dark: #3d405b;
      --text-light: #fff;
    }

    body {
      font-family: 'Segoe UI', sans-serif;
      color: var(--text-dark);
      background-color: var(--background-color);
    }

    .navbar {
      background-color: var(--text-light) !important;
    }

    .navbar-brand img {
      margin-right: 8px;
    }

    .hero {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url('https://magicneedles.in/cdn/shop/files/retail-store-mumbai.jpg?v=1742575846&width=1780') no-repeat center center/cover;
      height: 90vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-light);
      text-align: center;
    }

    .hero h1 {
      font-size: 3.2rem;
      font-weight: bold;
    }

    .btn-light {
      background-color: var(--accent-color);
      border: none;
      color: var(--text-light);
      transition: all 0.3s ease;
    }

    .btn-light:hover {
      background-color: var(--primary-color);
      color: var(--text-light);
    }

    .btn-outline-primary {
      border-color: var(--primary-color);
      color: var(--primary-color);
      transition: all 0.3s ease;
    }

    .btn-outline-primary:hover {
      background-color: var(--primary-color);
      color: white;
    }

    .product-card {
      border: none;
      border-radius: 15px;
      overflow: hidden;
      transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }

    .product-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    }

    .card-title {
      color: var(--primary-color);
    }

    .about-img {
      max-width: 100%;
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

    section {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    #products {
      background: linear-gradient(to right, #fef6e4, #f2cc8f20);
    }

    .features i {
      font-size: 2rem;
      color: var(--accent-color);
      margin-bottom: 10px;
    }

    .testimonial {
      font-style: italic;
      background-color: #ffffffd9;
      padding: 20px;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    footer {
      background-color: var(--text-dark);
      color: var(--text-light);
      padding: 40px 0;
    }

    footer a {
      color: var(--text-light);
      margin: 0 10px;
    }