/** Shopify CDN: Minification failed

Line 97:54 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.collection-icons-horizon a {
  text-decoration: none !important;   /* removes underline */
  color: inherit;                      /* keeps normal text color */
}

.collection-icons-horizon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 78px;
  padding: 20px 5px;
  max-width: 100%;
  margin: 0 auto;
}

.collection-icons-horizon .collection-item {
  text-align: center;
  flex: 1 1 100px;
  max-width: 120px;
}

.collection-icons-horizon .collection-image {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
  background-color: #fff;

  /* ✨ Premium border + layered shadow */
  border: 3px solid rgb(229, 35, 122); /* White ring */
  box-shadow:
    0 0 0 3px #ffcdca, /* thin outer ring */
    0 10px 20px rgba(0, 0, 0, 0.14); /* soft depth shadow */

  transition: all 0.3s ease;
}

.collection-icons-horizon .collection-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.collection-icons-horizon .collection-item:hover .collection-image {
  transform: scale(1.07);
  box-shadow:
    0 0 0 3px rgba(0, 0, 0, 0.1),
    0 10px 25px rgba(0, 0, 0, 0.35);
  border-color:rgb(255, 34, 97);
}

.collection-icons-horizon .collection-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text, #222);
  margin-top: 6px;
}

/* -------- Mobile fix: align to left + proper snap padding -------- */
@media (max-width: 768px) {
  .collection-icons-horizon {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;     /* ✅ center se left align */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 14px 16px;              /* left/right inner space */
    scroll-padding-left: 16px;       /* ✅ first item fully visible */
  }

  .collection-icons-horizon .collection-item {
    flex: 0 0 auto;
    width: 92px;
    max-width: none;
    scroll-snap-align: start;
  }

  .collection-icons-horizon .collection-image {
    width: 90px;
    height: 90px;
  }

  /* optional: scrollbar hide */
  .collection-icons-horizon::-webkit-scrollbar { display: none; }
  .collection-icons-horizon { scrollbar-width: none; }