/** Shopify CDN: Minification failed

Line 417:76 Expected identifier but found whitespace
Line 417:77 Unexpected "scale("

**/
/* ============================================
   ALORE USA — Collection Page Dark Elegant
   Add to: Assets > alore-collection.css
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap');

/* =====================
   PAGE HEADER
   ===================== */
.acol-page-header {
  padding: 56px 40px 40px;
  border-bottom: 0.5px solid #1e1e1e;
  position: relative;
  background: #1a1a1a;
}

.acol-page-tag {
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #c9a0dc;
  display: block;
  margin-bottom: 12px;
  font-family: 'DM Sans', sans-serif;
}

.acol-page-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 44px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}

.acol-page-count {
  font-size: 11px;
  color: #444;
  margin-top: 8px;
  font-weight: 300;
  font-family: 'DM Sans', sans-serif;
}

.acol-page-line {
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 48px;
  height: 1px;
  background: #c9a0dc;
}

/* =====================
   FILTERS BAR
   ===================== */
.acol-filters {
  padding: 20px 40px;
  border-bottom: 0.5px solid #1e1e1e;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1a1a1a;
  flex-wrap: wrap;
  gap: 12px;
}

.acol-filter-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.acol-filter-btn {
  padding: 7px 16px;
  border: 0.5px solid #2a2a2a;
  background: transparent;
  color: #555;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: all 0.2s;
}

.acol-filter-btn.active,
.acol-filter-btn:hover {
  border-color: #c9a0dc;
  color: #c9a0dc;
}

.acol-sort {
  font-size: 11px;
  color: #444;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'DM Sans', sans-serif;
}

/* =====================
   PRODUCT GRID
   ===================== */
.acol-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #1e1e1e;
  margin: 40px 40px;
}

/* =====================
   PRODUCT CARD
   ===================== */
.acol-card {
  background: #1a1a1a;
  cursor: pointer;
  transition: background 0.2s;
  position: relative;
  text-decoration: none;
  display: block;
}

.acol-card:hover { background: #141414; }

.acol-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #c9a0dc;
  transition: width 0.35s ease;
}

.acol-card:hover::after { width: 100%; }

.acol-card__img {
  aspect-ratio: 1;
  background: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  border-bottom: 0.5px solid #1e1e1e;
}

.acol-card__img img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.acol-card:hover .acol-card__img img {
  transform: scale(1.03);
}

.acol-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #7a9e63;
  color: #fff;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 8px;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  z-index: 1;
}

.acol-card__info {
  padding: 22px;
}

.acol-card__name {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 4px;
  line-height: 1.45;
  font-family: 'DM Sans', sans-serif;
}

.acol-card__sub {
  font-size: 11px;
  color: #444;
  font-weight: 300;
  margin-bottom: 14px;
  letter-spacing: 0.3px;
  font-family: 'DM Sans', sans-serif;
}

.acol-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.acol-card__price {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
}

.acol-card__old {
  font-size: 12px;
  color: #333;
  text-decoration: line-through;
  margin-left: 8px;
  font-weight: 300;
  font-family: 'DM Sans', sans-serif;
}

.acol-card__btn {
  width: 32px;
  height: 32px;
  background: #fff;
  color: #1a1a1a;
  border: none;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  line-height: 1;
  flex-shrink: 0;
  font-family: 'DM Sans', sans-serif;
}

.acol-card__btn:hover {
  background: #7a9e63;
  color: #fff;
}

/* =====================
   COMING SOON CARDS
   ===================== */
.acol-card--coming {
  cursor: default;
}

.acol-card--coming::after { display: none; }
.acol-card--coming:hover { background: #1a1a1a; }

.acol-card--coming .acol-card__img {
  background: #161616;
}

.acol-coming-label {
  font-size: 9px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2a2a2a;
  border: 0.5px solid #1e1e1e;
  padding: 8px 14px;
  font-family: 'DM Sans', sans-serif;
}

.acol-card--coming .acol-card__name { color: #222; }
.acol-card--coming .acol-card__sub { color: #1a1a1a; }

/* =====================
   BOTTOM BAR
   ===================== */
.acol-bottom {
  padding: 32px 40px;
  border-top: 0.5px solid #1e1e1e;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1a1a1a;
}

.acol-bottom-dot {
  width: 4px;
  height: 4px;
  background: #c9a0dc;
  border-radius: 50%;
  flex-shrink: 0;
}

.acol-bottom-text {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #333;
  font-family: 'DM Sans', sans-serif;
}

/* =====================
   OVERRIDE DAWN DEFAULTS
   ===================== */
.collection { background: #1a1a1a !important; }
.collection__title { display: none; }
.collection__description { display: none; }
.facets-container { display: none; }
.product-grid { display: none; }
.pagination { display: none; }

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 768px) {
  .acol-grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 20px 16px;
  }
  .acol-page-header { padding: 40px 20px 32px; }
  .acol-page-title { font-size: 32px; }
  .acol-filters { padding: 16px 20px; }
  .acol-bottom { padding: 24px 20px; }
}

@media (max-width: 480px) {
  .acol-grid { grid-template-columns: 1fr; }
}


/* ===== VISIBILITY FIXES — CONTRAST + IMAGE SIZE ===== */

/* 1. '1 product — more coming soon' ahora legible */
.acol-page-count {
  color: rgba(255,255,255,0.55) !important;
  }

  /* 2. 'Coming soon' label en tabs ahora visible */
  .acol-coming-label {
    color: rgba(255,255,255,0.5) !important;
      border-color: rgba(255,255,255,0.18) !important;
      }

      /* 3. bottom-text legible */
      .acol-bottom-text {
        color: rgba(255,255,255,0.45) !important;
        }

        /* 4. Imagen del producto MAS GRANDE — ocupa toda la card */
        .acol-card__img {
          width: 100% !important;
                            height: 340px !important;
              object-fit: contain !important;
                padding: 16px !important;
                }

                .acol-card__img-wrap {
                  height: 340px !important;
                    display: flex !important;
                      align-items: center !important;
                        justify-content: center !important;
                        }

                        /* 5. Header full-width en paginas internas */
                        .header.page-width {
                          max-width: 100% !important;
                            padding-left: 40px !important;
                              padding-right: 40px !important;
                              }

                              /* 6. FIX IMAGEN: selector correcto para el <img> dentro del contenedor */
                              .acol-card__img img {
                                width: 100% !important;
                                  height: auto !important;
                                    max-height: 360px !important;
                                      object-fit: contain !important;
                                        display: block !important;
                                        }

                                        /* 7. ZOOM producto en foto — elimina espacio blanco visual */
                                        .acol-card__img img {
                                              transform: scale(1) !important;
                                            transform-origin: center center !important;
                                            }

                                            /* 8. Imagen contenedor con overflow hidden para crop limpio */
                                            .acol-card__img {
                                              overflow: hidden !important;
                                              }

                                              /* 9. Altura de card mas compacta y proporcional */
                                              .acol-card {
                                                min-height: unset !important;
                                                  max-height: 520px !important;
                                                  }

                                                  /* === FIX IMAGEN: zoom 2.67x para llenar el espacio === */
                                                  .acol-card__img img {
                                                        transform: none !important;
                                                    }

                                                    /* === FIX INFO: minimalista, sin overflow === */
                                                    .acol-card__info { overflow: hidden !important; padding: 16px 18px !important; gap: 5px !important; }
                                                    .acol-card__name { font-size: 13px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
                                                    .acol-card__sub { font-size: 11px !important; opacity: 0.45 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
                                                    .acol-bottom-text { display: none !important; }
                                                    .acol-card__price { font-size: 17px !important; }
                                                    .acol-card__old { font-size: 12px !important; }

                                                    /* ===== CARD: bordes redondeados + tamaño compacto ===== */
                                                    .acol-card {
                                                      border-radius: 14px !important;
                                                            overflow: visible !important;
                                                                  max-height: none !important;
                                                          }
                                                                  transform: scale(1) !important;
                                                            border-radius: 14px 14px 0 0 !important;
                                                                                            max-height: 340px !important;
                                                                            max-height: 260px !important;
                                                                                    overflow: hidden !important;
                                                            }

                                                            /* Footer negro: separarlo del grid con espacio */
                                                            .acol-bottom, .acol-grid + *, [class*='acol-bottom'] {
                                                              margin-top: 32px !important;
                                                              }

                                                              /* Grid mas compacto */
                                                              .acol-grid {
                                                                  grid-template-columns: repeat(2, 1fr) !important;
                                                                    gap: 20px !important;
                                                                  padding: 24px !important;
                                                                    padding-bottom: 8px !important;
                                                                    }

                                                                    /* ===== ZOOM REDUCIDO en imagen shop ===== */
                                                                    .acol-card__img img {
                                                                              transform: none !important;
                                                                      }

                                                                      /* ===== HOVER CARD: zoom suave + glow lavanda ===== */
                                                                      .acol-card {
                                                                        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
                                                                          cursor: pointer !important;
                                                                          }
                                                                          .acol-card:hover {
                                                                            transform: scale(1.025) !important;
                                                                              box-shadow: 0 0 0 2px rgba(201,160,220,0.6),
                                                                                            0 8px 32px rgba(201,160,220,0.25),
                                                                                                          0 2px 12px rgba(0,0,0,0.4) !important;
                                                                                                          }

                                                                                                          /* ===== PRECIO ELEGANTE debajo del producto ===== */
                                                                                                          .acol-card__info {
                                                                                                            background: linear-gradient(180deg, rgba(26,26,26,0) 0%, rgba(20,20,20,0.98) 100%) !important;
                                                                                                            }
                                                                                                            .acol-card__name {
                                                                                                              color: #ffffff !important;
                                                                                                                font-size: 13px !important;
                                                                                                                  letter-spacing: 0.02em !important;
                                                                                                                  }
                                                                                                                  .acol-card__sub {
                                                                                                                    color: rgba(255,255,255,0.4) !important;
                                                                                                                    }
                                                                                                                    .acol-card__price {
                                                                                                                      font-size: 20px !important;
                                                                                                                        font-weight: 500 !important;
                                                                                                                          color: #ffffff !important;
                                                                                                                            letter-spacing: -0.01em !important;
                                                                                                                            }
                                                                                                                            .acol-card__old {
                                                                                                                              font-size: 12px !important;
                                                                                                                                color: rgba(255,255,255,0.35) !important;
                                                                                                                                  text-decoration: line-through !important;
                                                                                                                                  }
                                                                                                                                  .acol-card__footer {
                                                                                                                                    display: flex !important;
                                                                                                                                      align-items: center !important;
                                                                                                                                        gap: 8px !important;
                                                                                                                                        }

                                                                                                                                        /* Badge de precio tachado — pill lavanda */
                                                                                                                                        .acol-card__old::before {
                                                                                                                                          content: '' !important;
                                                                                                                                          }

                                                                                                                                          /* Boton + minimalista */
                                                                                                                                          .acol-card__btn {
                                                                                                                                            width: 32px !important;
                                                                                                                                              height: 32px !important;
                                                                                                                                                border-radius: 50% !important;
                                                                                                                                                  background: rgba(201,160,220,0.15) !important;
                                                                                                                                                    border: 1px solid rgba(201,160,220,0.4) !important;
                                                                                                                                                      color: #c9a0dc !important;
                                                                                                                                                        font-size: 20px !important;
                                                                                                                                                          transition: all 0.2s ease !important;
                                                                                                                                                          }
                                                                                                                                                          .acol-card__btn:hover {
                                                                                                                                                            background: #c9a0dc !important;
                                                                                                                                                              color: #1a1a1a !important;
                                                                                                                                                              }

                                                                                                                                                              /* ===== BORDES REDONDEADOS COMPLETOS ===== */
                                                                                                                                                              .acol-card { border-radius: 14px !important; overflow: hidden !important; }
                                                                                                                                                              .acol-card__img { border-radius: 14px 14px 0 0 !important; }
                                                                                                                                                              .acol-card__info { border-radius: 0 0 14px 14px !important; overflow: visible !important; }