/* === Διαθέσιμα χρώματα στη λίστα προϊόντων (πάνω στη φωτογραφία) === */
.thumbnail-container {
  position: relative;
}

.pslistcolors-wrapper {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 10;
  display: flex;
  gap: 4px;
}

.pslistcolors-item {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 0 4px rgba(0,0,0,0.35);
}

.pslistcolors-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pslistcolors-item.is-current {
  box-shadow: 0 0 0 2px #000;
}
/* FS CUSTOM BANNERS — CATEGORY LIST */
.fs-list-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  pointer-events: none;
}

/* FS CUSTOM BANNERS — PRODUCT PAGE */
.fs-product-banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  pointer-events: none;
}

/* Allow banners inside wrapper to receive clicks */
.fsbanner-top,
.fsbanner-bottom {
  pointer-events: auto;
}

/* Ensure thumbnail container supports absolute positioning */
.thumbnail-container {
  position: relative !important;
}
/* FS Banner πάνω από την εικόνα προϊόντος */
.fs-banner-wrapper,
.fs-banner,
#fs-banner-top,
#fs-banner-bottom {
    position: absolute !important;
    z-index: 50 !important;
    pointer-events: none;
}

/* Κάνει το container position:relative ώστε να μπορεί να γίνει overlay */
.product-cover {
    position: relative !important;
}
/* Σταθερό position για το wrapper ώστε bottom banners να μην πηδάνε */
.product-cover {
    position: relative !important;
}

/* Το layer με την εικόνα δεν πρέπει να επηρεάζει τα banners */
.product-cover img {
    display: block;
}

/* Το wrapper να είναι 100% από την αρχή πριν φορτώσει η εικόνα */
.fs-banner-wrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* ΤΟ ΠΙΟ ΣΗΜΑΝΤΙΚΟ */
    pointer-events: none;
}
.fs-banner-bottom {
    transition: none !important;
}
/* ============================================
   FS BANNERS — ΜΙΚΡΟΤΕΡΑ ΜΟΝΟ ΣΤΗ ΛΙΣΤΑ ΠΡΟΪΟΝΤΩΝ
   ============================================ */

/* Μικρότερα banners στη λίστα */
#products .product-miniature .fs-banner {
    font-size: 11px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

/* Στη σελίδα προϊόντος αφήνουμε το default */
.product-container .fs-banner {
    font-size: 15px !important;
    padding: 4px 10px !important;
}