/* ==========================================================
   Кнопки в карточке товара — премиум редизайн
   Вертикальный стек · жидкое стекло · градиент · shimmer
   ========================================================== */

.pcard-btns {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 8px !important;
  margin-top: auto;
}

/* Общая база — тонкая, изящная, стеклянная */
.pcard-btn-buy,
.pcard-btn-cart {
  position: relative;
  width: 100%;
  padding: 11px 14px !important;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  will-change: transform;
  line-height: 1.2;
}

/* ============ КУПИТЬ — премиум градиент с shimmer + пульсация ============ */
.pcard-btn-buy {
  color: #fff !important;
  background: linear-gradient(135deg, #01696F 0%, #0C4E54 45%, #01696F 100%) !important;
  background-size: 200% 200% !important;
  box-shadow:
    0 4px 12px -2px rgba(1, 105, 111, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
  animation: pcardGradient 6s ease infinite, pcardPulse 3.2s ease-in-out infinite;
}

/* Сам градиент двигается */
@keyframes pcardGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Мягкое дыхание тени, ничего не прыгает */
@keyframes pcardPulse {
  0%, 100% {
    box-shadow:
      0 4px 12px -2px rgba(1, 105, 111, 0.35),
      0 0 0 0 rgba(1, 105, 111, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.15),
      inset 0 -1px 0 rgba(0, 0, 0, 0.12);
  }
  50% {
    box-shadow:
      0 6px 16px -2px rgba(1, 105, 111, 0.45),
      0 0 0 6px rgba(1, 105, 111, 0),
      inset 0 1px 0 rgba(255, 255, 255, 0.15),
      inset 0 -1px 0 rgba(0, 0, 0, 0.12);
  }
}

/* Shimmer — блик, бегущий по кнопке */
.pcard-btn-buy::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgba(255, 255, 255, 0.28) 47%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.28) 53%,
    transparent 70%
  );
  transform: translateX(-100%);
  animation: pcardShimmer 4.5s ease-in-out infinite;
  animation-delay: 0.5s;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
@keyframes pcardShimmer {
  0%   { transform: translateX(-100%); }
  35%  { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}

.pcard-btn-buy:hover {
  transform: translateY(-1px);
  box-shadow:
    0 8px 20px -4px rgba(1, 105, 111, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
  animation-play-state: paused;
}
.pcard-btn-buy:active {
  transform: translateY(0);
}

/* ============ В КОРЗИНУ — тонкое жидкое стекло ============ */
.pcard-btn-cart {
  color: #01696F !important;
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(1, 105, 111, 0.22) !important;
  box-shadow:
    0 2px 8px -2px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 0 20px rgba(1, 105, 111, 0.03) !important;
}
.pcard-btn-cart::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0) 50%,
    rgba(1, 105, 111, 0.03) 100%);
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
}
.pcard-btn-cart:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(1, 105, 111, 0.5) !important;
  color: #01696F !important;
  box-shadow:
    0 4px 12px -2px rgba(1, 105, 111, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.pcard-btn-cart:active {
  transform: translateY(0);
}
.pcard-btn-cart svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1.7 !important;
  opacity: 0.85;
}

/* Уважаем reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .pcard-btn-buy {
    animation: none;
  }
  .pcard-btn-buy::before {
    animation: none;
    display: none;
  }
}