@charset "UTF-8";
/* xl - DESKTOP STYLES */
.glass-image-frame {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  /* подстрой под свои углы, 16–24px обычно идеально */
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.08);
  transition: all 0.35s ease;
}
.glass-image-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  /* наследует от контейнера */
}
/* Градиентная рамка (акцент на границу) */
.glass-image-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 2px solid transparent;
  /* толщина рамки — 2px, можно изменить на 1.5px или 3px */
  background: linear-gradient(to right bottom, rgba(136, 0, 51, 0.2), rgba(178, 0, 67, 0.45) 40%, rgba(255, 0, 97, 0.55) 60%, rgba(178, 0, 67, 0.45) 80%, rgba(136, 0, 51, 0.2));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  padding: 2px;
  /* равно толщине border */
}
/* Hover-эффект (рамка светлее и приподнимается) */
.glass-image-frame:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.42), inset 0 2px 4px rgba(255, 255, 255, 0.12);
}
/* Опционально: лёгкий внутренний блик (как в предыдущих блоках) */
.glass-image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to bottom right, rgba(240, 240, 240, 0.15) 0%, transparent 50%, rgba(178, 0, 67, 0.07) 100%);
  opacity: 0.6;
  pointer-events: none;
  mix-blend-mode: screen;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F269-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BACAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADVA%3BACkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADlBA%3BAC4CA%3BAAAA%3BAAAA%3BAAAA%3BAD5CA%3BACoDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */