.glasson-btn {
  display: flex;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  /* border-color: #111827; */
  font-weight: 600;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
  text-transform: uppercase;
}
.glasson-catalog-btn {
  position: absolute;
  display: flex;
  padding: 0.3rem 0.5rem;
  gap: 0.5rem;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  /* border-color: #111827; */
  font-weight: 600;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.glasson-btn:hover {
  background-color: #f3f4f6;
}
.glasson_btn_text {
  position: absolute;
  top: calc(50% - 13px);
  left: calc(50% - 101px);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 201px;
  height: 24px;
  color: white;
}
.glasson-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  gap: 0.75rem;
}
/* Product page bottom sticky bar: the try-on buttons are injected under the
   price inside the title/price column. The column's default width is too
   narrow, so the PROVALI / VISTA 360 buttons get crowded. Widen the column to
   285px only when the glasson-wrap is present. */
.tvfooter-product-sticky-bottom .tvtitle-price:has(.glasson-wrap) {
  max-width: 285px;
}
/* Hide the PD measurement button in the sticky bottom bar to save space. */
.tvfooter-product-sticky-bottom .glasson-btn-pd {
  display: none;
}
.glasson-catalog-wrap {
  position: absolute;
  bottom: 2px;
  right: 2px;
  display: flex;
  gap: 0.25rem;
  z-index: 2;
}
.glasson-catalog-wrap .glasson-catalog-btn {
  position: static;
}
/* Anchor the injected button wrap to the product card image (homepage
   product lists rendered by the theme, e.g. the AJAX product carousels). */
.glasson-has-tryon {
  position: relative;
}
/* Homepage product cards: place the button at the top-right corner and keep it
   above the theme's hover overlay (.tvproduct-hover-btn is z-index:10) so it
   stays clickable. */
.glasson-has-tryon .glasson-catalog-wrap {
  top: 5px;
  right: 5px;
  bottom: auto;
  z-index: 11;
  pointer-events: auto;
}
/* "NUOVI PRODOTTI" / "MIGLIORI PRODOTTI" use a compact list layout with a small
   thumbnail on the left. There the button is anchored to the whole card
   (see glasson.js), so keep it inside the card's padding at the top-right. */
.tvleft-right-product-slider .glasson-has-tryon {
  position: relative;
}
.tvleft-right-product-slider .glasson-has-tryon .glasson-catalog-wrap {
  top: 8px;
  right: 8px;
}