#productGalleryModal > div {
  overflow-x: hidden;
}

.mobile-only-button {
  display: none;
}

@media (max-width: 768px) {
  .mobile-only-button {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    background-color: #8f6e62; /* Brown */
    border-radius: 50%;
    padding: 12px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-only-button svg {
    width: 24px;
    height: 24px;
    fill: #fff; /* White icon for better contrast */
  }
}


.close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  background: none;
  border: none;
  font-size: 1rem;
  color: #666;
  cursor: pointer;
  z-index: 9999;
}
/* .hidden {
  display: none;
} */
.swiper-slide{
  width: fit-content;

}

.mt-45{
  margin-top: 45px;
}

.image-border{
  border: 14px solid rgb(143, 110, 98, 60%);  /* Set border width and color */
}

#productGalleryModal{
  z-index: 1000;
}

#mainProductTitle{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px !important;
  margin-top: -1px;
  font-family: var(--display-sm-normal-font-family);
  font-weight: var(--display-sm-normal-font-weight);
  color: var(--black);
  letter-spacing: var(--display-sm-normal-letter-spacing);
  font-style: var(--display-sm-normal-font-style);
}
#mainProductImage{
  height: 300px!important;
}

.custom-navigation-button {
    display:  flex !important;
    visibility: visible !important;
    top : 63% !important;
    height: 2.3rem;
    width: 2.3rem;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(212, 212, 212, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(239, 196, 163, var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
}


.custom-navigation-button{
   border-radius: 50%;
   border-color: var(--natural-dark);
}
.mt-90{
    margin-top: 90px;
}