/** Shopify CDN: Minification failed

Line 75:1 Unexpected "*"

**/
@media screen and (min-width: 481px) {
    .collections-wrapper {
        justify-content: center;
    }
}

.collection-scroll-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    padding: 10px 0;
    background-color: #FFFEFA;
}

.collections-wrapper {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0 20px;
    flex-grow: 1;
}

.collection-button {
    display: inline-block;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    padding: 3px 10px !important;
}

.collection-button.current-collection {
    font-weight: 500 !important;
    border: 1px solid black !important;
}

.scroll-arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}

.scroll-arrow svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 768px) {
    .scroll-arrow {
        padding: 5px;
    }
    .collection-button {
        padding: 8px 15px;
        font-size: 14px;
    }
}
.bi-chevron-right:lang(ar) {
position: absolute;
right: 1%;
}
.bi-chevron-left:lang(ar) {
position: absolute;
left: 1%;
}

*****Collection Banner Styles*****

.place-self-end-center {
  position: relative;
  z-index: 0;
  color: #fffefa;
}

.place-self-end-center::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #321E1E;
  opacity: 0.15;
  border-radius: 15px;
  z-index: -1;
}

@media screen and (max-width: 480px) {
  .min-h-auto {
    min-height: 540px;
  }
}
