body {
       font-family: 'Poppins', sans-serif;
       color: #333;
       background-color: #f8f9fa;
       /* Light background for the page */
   }

   /* Top Header Styles */
   .top-header {
       background-color: #000;
       color: #fff;
       padding: 0.75rem 0;
       font-size: 0.875rem;
   }

   .top-header .header span {
       font-weight: bold;
       text-decoration: underline;
       cursor: pointer;
   }

   .top-header select {
       background-color: transparent;
       color: #fff;
       border: none;
       outline: none;
       padding: 0.25rem 0.5rem;
       font-size: 0.875rem;
   }

   .top-header select option {
       background-color: #000;
       color: #fff;
   }

   /* Navbar Customization */
   .navbar-brand {
       font-weight: 700;
       font-size: 1.75rem;
   }

   .navbar-nav .nav-link {
       font-weight: 500;
       transition: color 0.3s ease;
   }

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

   .navbar-nav .nav-link.active {
       color: #DB4444 !important;
   }

   .navbar-toggler:focus {
       box-shadow: none;
   }

   .dropdown-menu {
       line-height: 1.8rem;
   }

   .dropdown-menu a {
       text-decoration: none;
       color: #333;
   }

   .dropdown-menu a:hover {
       color: #DB4444;
       background-color: #f8f9fa;
   }

   /* Section Headings */
   .section-header-line {
       background-color: #DB4444;
       width: 1.3rem;
       height: 2.5rem;
       border-radius: 0.25rem;
   }

   .section-heading-text {
       color: #DB4444;
       font-weight: bold;
       font-size: 1.1rem;
   }

   .main-section-title {
       font-weight: bold;
       font-size: 2.2rem;
   }

   /* Card Customization */
   .card {
       border: none;
       box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
       transition: transform 0.2s ease-in-out;
   }

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

   .card-img-wrapper {
       position: relative;
       width: 100%;
       padding-top: 100%;
       /* 1:1 aspect ratio */
       overflow: hidden;
       background-color: #F5F5F5;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .card-img-wrapper img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: contain;
       /* For product images, use contain for full item visibility */
       padding: 1rem;
   }

   .card-title {
       font-weight: 600;
       font-size: 1.15rem;
       margin-bottom: 0.5rem;
   }

   .card-text {
       font-weight: 600;
       color: #DB4444;
   }

   .card-text span {
       color: #000;
       margin-left: 0.5rem;
       text-decoration: line-through;
       font-weight: normal;
   }

   .star-rating img {
       width: 20px;
       height: 16px;
       margin-right: 0.1rem;
       object-fit: contain;
       background-color: transparent;
       padding: 0;
   }

   /* Button Hover Effects (from previous updates) */
   .btn {
       transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
   }

   .btn-danger:hover {
       background-color: #c0392b !important;
       transform: translateY(-2px);
       box-shadow: 0 4px 10px rgba(219, 68, 68, 0.4);
   }

   .btn-outline-light.text-danger:hover {
       background-color: rgba(220, 53, 69, 0.1);
       color: #DB4444;
       transform: translateY(-2px);
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   }

   /* Input Field Hover Effects (from previous updates) */
   .form-control {
       transition: border-color 0.3s ease, box-shadow 0.3s ease;
   }

   .form-control:hover {
       border-color: #DB4444;
       box-shadow: 0 0 0 0.25rem rgba(219, 68, 68, 0.25);
   }

   .form-control:focus {
       border-color: #DB4444;
       box-shadow: 0 0 0 0.25rem rgba(219, 68, 68, 0.25);
       outline: 0;
   }

   /* Footer Styles */
   footer {
       background-color: #000;
       color: #fff;
       padding: 4rem 0;
   }

   footer h3 {
       font-weight: bold;
       margin-bottom: 1.5rem;
   }

   footer p {
       font-size: 0.95rem;
       margin-bottom: 0.75rem;
   }

   footer .form-control {
       background-color: transparent;
       border-color: #fff;
       color: #fff;
   }

   footer .form-control::placeholder {
       color: #ccc;
   }

   footer .form-control:focus {
       background-color: transparent;
       border-color: #DB4444;
       box-shadow: none;
       color: #fff;
   }

   footer .social-icons img {
       width: 30px;
       height: 30px;
       filter: invert(1);
   }

   footer .qr-code {
       max-width: 100px;
       height: auto;
   }

   footer .app-store-btn {
       max-width: 120px;
       height: auto;
   }

   .footer-subscribe .input-group {
       max-width: 250px;
   }

   .footer-subscribe .input-group-text {
       background-color: transparent;
       border: 1px solid #fff;
       border-left: none;
       color: #fff;
   }

   /* --- NEW: Home & Lifestyle page specific styles --- */
   .home:hover{
  color: #db4444 !important;
}
   .hero-lifestyle {
       position: relative;
       width: 100%;
       height: 550px;
       /* Default height */
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: flex-start;
       /* Align text to the left */
       text-align: left;
       color: #fff;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
       margin-bottom: 3rem;
       border-radius: 0.75rem;
   }

   .hero-lifestyle video {
       position: absolute;
       top: 50%;
       left: 50%;
       min-width: 100%;
       min-height: 100%;
       width: auto;
       height: auto;
       z-index: -1;
       transform: translate(-50%, -50%);
       background-size: cover;
   }

   .hero-lifestyle .overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
       /* Gradient from left */
       z-index: 0;
   }

   .hero-lifestyle .content {
       position: relative;
       z-index: 1;
       /* Ensure content is above overlay */
       padding: 2rem 4rem;
       /* More padding on the left */
       max-width: 600px;
       /* Limit content width */
   }

   .hero-lifestyle h1 {
       font-size: 3.8rem;
       font-weight: bold;
       margin-bottom: 1.5rem;
       line-height: 1.2;
   }

   .hero-lifestyle p {
       font-size: 1.35rem;
       margin-bottom: 2rem;
       color: #eee;
   }

   .shop-by-room-card {
       background-color: #fff;
       border: 1px solid #e0e0e0;
       border-radius: 0.5rem;
       overflow: hidden;
       /* To contain the image */
       height: 100%;
       display: flex;
       flex-direction: column;
       transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   }

   .shop-by-room-card:hover {
       transform: translateY(-5px) scale(1.02);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }

   .shop-by-room-card .card-img-top {
       width: 100%;
       height: 200px;
       /* Fixed height for image */
       object-fit: cover;
       /* Cover for images */
       border-bottom: 1px solid #e0e0e0;
   }

   .shop-by-room-card .card-body {
       flex-grow: 1;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       padding: 1.5rem;
   }

   .shop-by-room-card h5 {
       font-weight: bold;
       color: #333;
   }

   .shop-by-room-card .btn-outline-danger {
       border-color: #DB4444;
       color: #DB4444;
       font-weight: 500;
   }

   .shop-by-room-card .btn-outline-danger:hover {
       background-color: #DB4444;
       color: #fff;
   }

   .inspiration-section {
       background-color: #fff;
       padding: 4rem 2rem;
       border-radius: 0.75rem;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
       margin-top: 3rem;
   }

   .inspiration-card {
       border: 1px solid #e0e0e0;
       border-radius: 0.5rem;
       overflow: hidden;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
       height: 100%;
       transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;
   }

   .inspiration-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   }

   .inspiration-card img {
       height: 200px;
       object-fit: cover;
   }

   .inspiration-card .card-body {
       padding: 1.5rem;
   }

   .inspiration-card .card-title {
       font-weight: bold;
       color: #333;
   }

   .inspiration-card .card-text {
       font-size: 0.95rem;
       color: #666;
       margin-bottom: 1rem;
   }

   .inspiration-card .btn-link {
       color: #DB4444;
       text-decoration: none;
       font-weight: bold;
   }

   /* Product grid category heading */
   .product-category-heading {
       margin-top: 3rem;
       margin-bottom: 2rem;
   }

   /* Media Queries */
   @media (max-width: 991.98px) {
       .hero-lifestyle {
           height: 450px;
           text-align: center;
           justify-content: center;
           /* Center content on smaller screens */
       }

       .hero-lifestyle .overlay {
           background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
           /* Top-to-bottom gradient on mobile */
       }

       .hero-lifestyle .content {
           padding: 2rem;
           max-width: 100%;
       }

       .hero-lifestyle h1 {
           font-size: 3rem;
       }

       .hero-lifestyle p {
           font-size: 1.15rem;
       }
   }

   @media (max-width: 767.98px) {
       .hero-lifestyle {
           height: 350px;
       }

       .hero-lifestyle h1 {
           font-size: 2.2rem;
       }

       .hero-lifestyle p {
           font-size: 1rem;
       }

       .shop-by-room-card .card-img-top {
           height: 150px;
           /* Shorter image on mobile */
       }

       .inspiration-section {
           padding: 2rem 1rem;
       }
   }