.elementor-5052 .elementor-element.elementor-element-2625af1{width:100%;max-width:100%;}.elementor-5052 .elementor-element.elementor-element-2625af1 > .elementor-widget-container{margin:105px 0px 0px 100px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5052 .elementor-element.elementor-element-2625af1 > .elementor-widget-container{margin:75px 0px 0px 0px;}}@media(max-width:767px){.elementor-5052 .elementor-element.elementor-element-2625af1 > .elementor-widget-container{margin:55px 0px 0px 0px;}}.ast-woo-product-category {
    display: none !important;
}

.price {
    display: none !important;
}

/* ========================================================
   MYSTERY CASE HOVER EFFECTS - FIXED OVERLAY
   ======================================================== */

/* 1. Base dark background on BODY, make wrappers transparent */
body {
  background-color: #192533 !important;
  min-height: 100vh;
  transition: background 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

#page,
.site,
.site-content,
#content,
.site-footer, 
.site-primary-footer-wrap, 
.site-below-footer-wrap,
.ast-builder-grid-row-container,
.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-footer-primary-section-3 {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2. Radial Dark Gold Gradient on BODY when hovering product */
body:has(.ast-article-single:hover) {
  background: radial-gradient(ellipse at center, #2e2612 0%, #171206 60%, #0a0803 100%) fixed !important;
}

/* 3. Product Card Styling */
.ast-article-single {
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  border: 1px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 10px;
}

.ast-article-single .astra-shop-summary-wrap {
  background: transparent !important;
  border: none !important;
}

/* 4. Product Hover Effects (Shake & Gold Aura Glow) */
.ast-article-single:hover {
  animation: mysteryShake 0.5s ease-in-out forwards;
  box-shadow: 0 12px 35px rgba(212, 175, 55, 0.35), 
              0 0 15px rgba(255, 204, 0, 0.2);
  border-color: #d4af37;
}

/* 5. Product Image Zoom & Drop Shadow */
.ast-article-single .astra-shop-thumbnail-wrap img {
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;
}

.ast-article-single:hover .astra-shop-thumbnail-wrap img {
  transform: scale(1.05);
  filter: drop-shadow(0 8px 12px rgba(0,0,0,0.5)) contrast(1.05);
}

/* 6. Mystery Card Shake Keyframes */
@keyframes mysteryShake {
  0%   { transform: translateY(-6px) rotate(0deg); }
  20%  { transform: translateY(-6px) rotate(-1.5deg); }
  40%  { transform: translateY(-6px) rotate(1.5deg); }
  60%  { transform: translateY(-6px) rotate(-1deg); }
  80%  { transform: translateY(-6px) rotate(1deg); }
  100% { transform: translateY(-6px) rotate(0deg); }
}