/* Hide static placeholder images until JS loads the real admin images */
#flowersGrid[data-loading] .flower-image img { opacity: 0 !important; }
#flowersGrid .flower-image img { transition: opacity 0.25s ease; }

/* Hard safety: never let mobile animation/caching glitches keep flowers hidden */
body.flowers .products-grid-section,
body.flowers .flowers-content,
body.flowers #flowersGrid,
body.flowers #flowersGrid .flower-card {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}

/* Make both buttons use gold color matching card text */
body.flowers .giftbox-actions .btn-outline,
body.flowers .giftbox-actions .btn-primary {
  background: transparent !important;
  background-image: none !important;
  color: #D9B56B !important;
  border: 2px solid #D9B56B !important;
}

body.flowers .giftbox-actions .btn-outline:hover,
body.flowers .giftbox-actions .btn-primary:hover {
  background: #D9B56B !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
}

/* Show full flower image in cards (no crop) */
body.flowers .flower-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(20, 12, 8, 0.7) !important;
}
body.flowers .flower-image img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
}
body.flowers .flower-card:hover .flower-image img {
  transform: none !important;
}

@media (max-width: 768px){
  body.flowers .flower-image {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
  }
}