html {
  height: 100vh;
  width: 100vw;
}

body {
  min-height: 100%;
  min-width: 100vw !important;
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  margin: 0 auto;
}

/* Search bar styling start */
.container {
  margin-top: 20px;
  padding-top: 0;
  border: none;
}

/* Search bar styling ends */

.navbar {
  --bs-navbar-padding-y: 0.01rem;
  /* Adjust as needed */
  --bs-navbar-padding-x: 1rem;
  /* Adjust as needed */
  background-image: linear-gradient(to right, #fbb03b, #ffdd00);
  /* Sunset gradient */
  border: none !important;
  /* Remove default border */
}

/* Link Above Carousel Start*/

.col-md-9 .links-container {
  background-image: linear-gradient(to right, #fbb03b, #ffdd00);
  padding: 10px;
  max-width: 100vw !important;
}

.col-md-9 .links-container a {
  color: #fff;
  text-decoration: none;
  /* padding: 5px 10px; */
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.links-container a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.links-container a.active {
  background-color: rgba(255, 255, 255, 0.4);
}

/* Link Above Carousel Ends */

/* Sidebar nav start */
.nav-card {
  border: none;
  /* Remove default border */
  border-radius: 10px;
  /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
  overflow: hidden;
  /* Hide overflowing content */
}

.nav-card .card-header {
  background-color: #f8f9fa;
  /* Light background color */
  font-weight: bold;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  /* Add a separator line */
  border-radius: 10px 10px 0 0;
  /* Round the top corners */
}

.nav-card .list-group-item {
  padding: 8px 15px;
  /* Adjust padding as needed */
  border: none;
  /* Remove default list item borders */
  border-bottom: 1px solid #eee;
  /* Add a separator line */
}

.nav-card .list-group-item:last-child {
  border-bottom: none;
  /* Remove bottom border on last item */
}

.nav-card .list-group-item a {
  color: #333;
  /* Darker link color */
  text-decoration: none;
  /* Remove underlines */
  transition: color 0.2s;
  /* Smooth color transition on hover */
}

.nav-card .list-group-item a:hover {
  color: #007bff;
  /* Bootstrap's primary color on hover */
}

.nav-card .card-header {
  cursor: pointer;
  /* Make header clickable */
  position: relative;
  /* For positioning the icon */
}

.nav-card .card-header i {
  transition: transform 0.2s ease;
  /* Smooth icon rotation */
}

.nav-card .card-header.collapsed i {
  transform: rotate(-90deg);
  /* Rotate icon when collapsed */
}

/* Sidebar nav ends */

/* Carousel section start */

.navbar-brand {
  font-size: 1.2rem;
  /* Adjust as needed */
}

.navbar-brand p {
  font-size: 12px;
}

.navbar-nav .nav-link {
  font-size: 1rem;
}

.carousel-inner {
  background-color: #fff;
}

/* .carousel {
  object-fit:scale-down;
  height: 500px;
  width: 100%;
} */

.carousel-item img {
  object-fit: scale-down !important;
  height: 600px;
  /* width: 100%; */
  background-color: black;
}

/* Carousel section ends */

/* product card section start */
.card {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
}

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

.card-img-container {
  position: relative;
  overflow: hidden;
}

.card-img-top {
  object-fit: cover;
  height: 250px;
}

.discount-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F05A28;
  /* Example discount color */
  color: white;
  padding: 5px 10px;
  border-radius: 0px 0px 12px 0px;
  font-size: 0.9rem;
  font-weight: 600;
}

.card-body {
  padding: 20px;
}

.category {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 5px;
}

.card-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.rating {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.stars {
  color: gold;
  margin-right: 5px;
}

.review-count {
  color: #888;
  font-size: 0.9rem;
}

.seller {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 15px;
}

.price-area {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.current-price {
  font-weight: bold;
  margin-right: 10px;
}

.old-price {
  text-decoration: line-through;
  color: #888;
  font-size: 0.9rem;
}

.add-to-cart {
  background-color: #F05A28;
  /* Example cart button color */
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  width: 100%;
  transition: background-color 0.2s;
  /* Smooth hover effect */
}

.add-to-cart:hover {
  background-color: #D14A1B;
  /* Darker shade on hover */
}

.add-to-cart i {
  margin-right: 5px;
}

.add-to-wishlist {
  background-color: transparent;
  /* Or a subtle color */
  color: #F05A28;
  /* Match your accent color */
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  width: 100%;
  /* Or a smaller width */
  margin-top: 10px;
  /* Space between buttons */
  transition: background-color 0.2s;
}

.add-to-wishlist:hover {
  background-color: #F05A28;
  /* Or a slightly darker shade */
  color: white;
}

/* product card section ends */

a {
  text-decoration: none;
  font-weight: 600;
}

/* Mobile section starts */
/* Styles for larger screens (optional) */
#productCarousel .carousel-inner .carousel-item img {
  height: 500px;
  /* Example height for larger screens */
  object-fit: cover;
  /* Or contain, depending on your preference */
}

/* Media query for smaller screens */
@media (max-width: 767px) {

  /* Adjust breakpoint as needed */
  #productCarousel .carousel-inner .carousel-item img {
    height: 300px;
    /* Adjust height for mobile */
    object-fit: contain;
    /* Or contain, depending on your preference */
  }
}

/* Mobile section ends */