body {
    padding-top: 10px; /* Adjust to height of header */
    background: lightgrey;
    text-transform: capitalize;
    }
.navbar-brand {
      font-size: 1.4em;
    }
    .navbar-dark .navbar-nav a.nav-link {
      color: #ffffff;
      font-size: 1.1em;
    }
    .dropdown-menu {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
      border: none;
      border-radius: 0;
      padding: 0.7em;

    }
    .dropdown-menu ul {
      list-style: none;
      padding: 0;
    }
    .dropdown-menu li .dropdown-item {
      color: gray;
      font-size: 1em;
      padding: 0.5em 1em;
    }
    .dropdown-menu li .dropdown-item:hover {
      background-color: #f1f1f1;
    }
    .dropdown-menu li:first-child a {
      font-weight: bold;
      font-size: 1.1em;
      text-transform: uppercase;
      color: #516beb;
    }

    /* Fixed header container */
    .header-area.fixed-top {
      z-index: 1030;
      background-color: #516C72;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      width: 100%;
    }

      .hot-sale-badge {
        position: absolute;
        border-radius: 5px;
        top: 10px;
        left: -10px;
        background: red;
        color: white;
        padding: 5px 10px;
        font-size: 0.75rem;
        font-weight: bold;
        transform: rotate(-15deg);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        z-index: 1;
      }

    @media only screen and (min-width: 992px) {
      .dropdown:hover .dropdown-menu {
        display: flex;
      }
      .dropdown-menu.show {
        display: flex;
      }
    }
    @media only screen and (max-width: 992px) {
      .dropdown-menu.show {
        flex-wrap: wrap;
        max-height: 350px;
        overflow-y: auto;
      }
      .navbar-collapse {
        background-color: #516C72;
        padding: 1rem;
      }
    }

    .carousel-inner img {
      object-fit: cover;
    }



    .main-image-wrapper {
      width: 100%;
      height: 560px;
      border: 1px solid #ddd;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      cursor: zoom-in;
    }

    .main-image-wrapper.zoomed {
      cursor: zoom-out;
    }

    .main-image-wrapper img {
      display: none; /* image tag hidden — we're using background-image */
    }

    .thumbnail-img {
      max-width: 80px;
      cursor: pointer;
      border: 2px solid transparent;
    }

    .thumbnail-img.active {
      border-color: #000;
    }

    .swatch-img {
      display: inline-block;
      border: 2px solid transparent;
      border-radius: 6px;
      overflow: hidden;
      cursor: pointer;
      transition: border-color 0.3s;
    }

    .swatch-img img {
      width: 34px;
      height: 40px;
      object-fit: cover;
      display: block;
    }

    .btn-check:checked + .swatch-img {
      border-color: #000;
      box-shadow: 0 0 0 2px #ccc;
    }

    .review-rating {
      color: #ffc107;
    }

    form .form-check-label {
      cursor: pointer;
    }

    /* Hot Sale styling */
    .hot-sale img {
      width: 60px;
      height: 60px;
      object-fit: cover;
    }