body {
      font-family: 'Inter', sans-serif;
      background: #f4f4f4;
      color: #111;
  }

  .top-bar {
      background: #0f1c2e;
      color: #fff;
      overflow: hidden;
      white-space: nowrap;
      font-size: 13px;
      padding: 8px 0;
  }

  .marquee {
      display: flex;
  }

  .marquee-content {
      display: inline-block;
      padding-left: 100%;
      animation: scroll-left 18s linear infinite;
  }

  @keyframes scroll-left {
      0% {
          transform: translateX(0%);
      }

      100% {
          transform: translateX(-100%);
      }
  }

  /* Navbar */
  .navbar {
      background: #fff;
      border-bottom: 1px solid #e5e5e5;
  }

  /* Sticky Sidebar */
  .sidebar {
      background: #fff;
      padding: 25px;
      border-radius: 6px;
      height: calc(100vh - 140px);
      overflow-y: auto;
      position: sticky;
      top: 20px;
  }

  .sidebar ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .sidebar li {
      padding: 12px 0;
      font-size: 14px;
      border-bottom: 1px solid #eee;
      cursor: pointer;
  }

  .sidebar li:last-child {
      border-bottom: none;
  }

  .sidebar li:hover {
      color: #0f1c2e;
      font-weight: 500;
  }

  /* Product Card */
  .product-card {
      background: #fff;
      border-radius: 6px;
      overflow: hidden;
      transition: 0.3s;
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .product-card:hover {
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  }

  /* Mobile Hide Sidebar */
  @media(max-width:991px) {
      .sidebar {
          display: none;
      }
  }

  /* checkout section */
  .payment-box {
      cursor: pointer;
      transition: 0.3s ease;
      background: #fff;
      height: 120px;
      /* SAME HEIGHT FOR ALL */
  }

  .payment-img {
      height: 40px;
      /* SAME IMAGE CONTAINER HEIGHT */
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .payment-img img {
      max-height: 35px;
      max-width: 50px;
      object-fit: contain;
  }

  /* Selected style */
  .btn-check:checked+.payment-box {
      border: 2px solid #0F1C2E !important;
      background: #f4f7fb;
      transform: scale(1.02);
  }

  /* Hover effect */
  .payment-box:hover {
      transform: translateY(-3px);
  }

  /* checkout section ends */


  /* footer starts */

  .footer-section {
      background: #f8f8f8;
      border-top: 1px solid #e5e5e5;
  }

  .footer-section h2 {
      font-size: 32px;
  }

  .footer-section ul li {
      cursor: pointer;
      color: #555;
  }

  .footer-section ul li:hover {
      color: #0F1C2E;
  }

  .footer-bottom {
      border-top: 1px solid #ddd;
      background: #f4f4f4;
  }

  /* footer ends */