@charset "UTF-8";
/* xl - DESKTOP STYLES */
.liquid-glass-btn {
  --blur: 16px;
  --transparency: 0.18;
  --border-color: rgba(255, 255, 255, 0.25);
  padding: 14px 32px;
  font-size: 1.1rem;
  font-weight: 500;
  color: white;
  background: rgba(255, 255, 255, var(--transparency));
  border: 1px solid var(--border-color);
  border-radius: 16px;
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
  /* для Safari */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.liquid-glass-btn:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, calc(var(--transparency) + 0.08));
}
.liquid-glass-btn:active {
  transform: translateY(-1px) scale(0.98);
  transition: all 0.12s ease;
}
/* .liquid-glass-advanced {
  position: relative;
  overflow: hidden;
  padding: 16px 40px;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
  background: linear-gradient(135deg, 
    rgba(100, 180, 255, 0.18), 
    rgba(180, 100, 255, 0.14) 70%);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 20px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 
    0 10px 40px rgba(0,0,0,0.2),
    inset 0 2px 6px rgba(255,255,255,0.25);
  transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
}

.liquid-glass-advanced::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(255,255,255,0.25) 0%,
    transparent 40%,
    transparent 60%,
    rgba(255,255,255,0.12) 100%
  );
  opacity: 0.8;
  pointer-events: none;
  border-radius: inherit;
}

.liquid-glass-advanced:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.28);
  background: linear-gradient(135deg, 
    rgba(120, 200, 255, 0.26), 
    rgba(200, 120, 255, 0.20) 70%);
} */
.neo-liquid-btn {
  --blur: 14px;
  --transparency: 0.14;
  position: relative;
  overflow: hidden;
  padding: 14px 36px;
  font-size: 1.05rem;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  background: rgba(240, 240, 240, var(--transparency));
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
  border: 1px solid rgba(136, 0, 51, 0.35);
  border-radius: 14px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.42), inset 0 1px 2px rgba(255, 255, 255, 0.12), inset 0 -2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}
.neo-liquid-btn:hover {
  transform: translateY(-4px) scale(1.035);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.5), inset 0 2px 8px rgba(255, 255, 255, 0.18);
  background: rgba(240, 240, 240, calc(var(--transparency) + 0.06));
}
.neo-liquid-btn:active {
  transform: translateY(-1px) scale(0.97);
  transition-duration: 0.14s;
}
/* градиентный блик с твоими цветами */
.neo-liquid-btn::before {
  content: "";
  position: absolute;
  inset: -50% -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(60deg, transparent 35%, #FF0061 48%, #DA0053 52%, #B20043 56%, transparent 70%);
  opacity: 0;
  transition: opacity 0.7s ease;
  pointer-events: none;
  transform: translateX(-100%) rotate(30deg);
}
.neo-liquid-btn:hover::before {
  opacity: 0.55;
  animation: glass-shine 3.2s infinite linear;
}
@keyframes glass-shine {
  0% {
    transform: translateX(-120%) rotate(30deg);
  }
  50% {
    transform: translateX(120%) rotate(30deg);
  }
  100% {
    transform: translateX(120%) rotate(30deg);
  }
}
.neo-liquid-sf {
  position: relative;
  overflow: hidden;
  padding: 14px 36px;
  font-size: 1.05rem;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  background: rgba(240, 240, 240, 0.14);
  /* Оба варианта для полной совместимости с Safari */
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(136, 0, 51, 0.35);
  border-radius: 14px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.42), inset 0 1px 2px rgba(255, 255, 255, 0.12), inset 0 -2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}
.neo-liquid-sf:hover {
  transform: translateY(-4px) scale(1.035);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.5), inset 0 2px 8px rgba(255, 255, 255, 0.18);
  background: rgba(240, 240, 240, 0.2);
}
.neo-liquid-sf:active {
  transform: translateY(-1px) scale(0.97);
  transition-duration: 0.14s;
}
/* Блик — работает везде, включая Safari */
.neo-liquid-sf::before {
  content: "";
  position: absolute;
  inset: -50% -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(60deg, transparent 35%, #FF0061 48%, #DA0053 52%, #B20043 56%, transparent 70%);
  opacity: 0;
  transition: opacity 0.7s ease;
  pointer-events: none;
  transform: translateX(-100%) rotate(30deg);
}
.neo-liquid-sf:hover::before {
  opacity: 0.55;
  animation: glass-shine 3.2s infinite linear;
}
@keyframes glass-shine {
  0% {
    transform: translateX(-120%) rotate(30deg);
  }
  50% {
    transform: translateX(120%) rotate(30deg);
  }
  100% {
    transform: translateX(120%) rotate(30deg);
  }
}
.liquid-glass-advanced {
  position: relative;
  overflow: hidden;
  padding: 5px 10px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  background: linear-gradient(135deg, rgba(240, 240, 240, 0.18), rgba(255, 0, 97, 0.14) 70%);
  border: 1px solid rgba(136, 0, 51, 0.22);
  border-radius: 20px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2), inset 0 2px 6px rgba(255, 255, 255, 0.25);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.liquid-glass-advanced::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(240, 240, 240, 0.25) 0%, transparent 40%, transparent 60%, rgba(178, 0, 67, 0.12) 100%);
  opacity: 0.8;
  pointer-events: none;
  border-radius: inherit;
}
.liquid-glass-advanced:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28);
  background: linear-gradient(135deg, rgba(240, 240, 240, 0.26), rgba(218, 0, 83, 0.2) 70%);
}
.liquid-glass-header {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to top left, rgba(240, 240, 240, 0.16), rgba(255, 0, 97, 0.11) 70%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(136, 0, 51, 0.22);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: all 0.4s ease;
}
/* Блик / свечение (как в кнопке) */
.liquid-glass-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(240, 240, 240, 0.22) 0%, transparent 40%, transparent 60%, rgba(178, 0, 67, 0.1) 100%);
  opacity: 0.75;
  pointer-events: none;
}
/* Опционально: лёгкое усиление при скролле (если хочешь) */
body.scrolled .liquid-glass-header {
  background: linear-gradient(135deg, rgba(240, 240, 240, 0.22), rgba(218, 0, 83, 0.16) 70%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.32);
}
.liquid-glass-header-intense {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(240, 240, 240, 0.18), rgba(255, 0, 97, 0.14), rgba(218, 0, 83, 0.09));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(136, 0, 51, 0.3);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28), inset 0 2px 8px rgba(255, 255, 255, 0.15);
}
.liquid-glass-header-intense::before {
  content: "";
  position: absolute;
  inset: -50% -50%;
  background: linear-gradient(60deg, transparent 30%, #FF0061 45%, #DA0053 50%, #B20043 55%, transparent 70%);
  opacity: 0.45;
  animation: subtle-shine 12s infinite linear;
  pointer-events: none;
}
@keyframes subtle-shine {
  0% {
    transform: translateX(-100%) rotate(30deg);
  }
  100% {
    transform: translateX(100%) rotate(30deg);
  }
}
/*# 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%2F48-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%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAsBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAD9BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACkFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA2BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BADrHA%3BAC2HA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAACE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA0BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BADhMA%3BACsMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAACE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAqBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD5RA%3BACgTA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhTA%3BACgUA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBA%3BAACE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%22%7D */