.elementor-40 .elementor-element.elementor-element-3d33477{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-abb1095{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-abb1095 *//* --- 1. Base Row Setup --- */
.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row {
  position: relative !important;
}

/* --- 2. The Expanded Hidden Image Popup Canvas --- */
.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row::after {
  content: "" !important;
  position: absolute !important;
  
  /* Luxury Enlarged Sizing Matrix */
  width: 320px !important;
  height: 200px !important;
  border-radius: 12px !important; /* Elegant curved corners matching your styling theme */
  
  /* Right-side alignment positioning metrics */
  right: -100px !important; /* Positioned outside the centered column track */
  top: 50% !important;
  
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  
  /* Initial hidden rest parameters */
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-50%) scale(0.9) rotate(-2deg) !important;
  pointer-events: none !important;
  
  /* Premium lookbook fluid springing transitions */
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2) !important; /* Deep expensive drop shadow */
  z-index: 100 !important;
}

/* --- 3. Mapping Unique Featured Images to Rows --- */
.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row:nth-child(1)::after {
  background-image: url('https://unsplash.com') !important;
}

.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row:nth-child(2)::after {
  background-image: url('https://unsplash.com') !important;
}

.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row:nth-child(3)::after {
  background-image: url('https://unsplash.com') !important;
}

/* --- 4. The Luxurious Cinematic Slide-Reveal Hover --- */
.elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row:hover::after {
  opacity: 1 !important;
  visibility: visible !important;
  /* Image glides inward smoothly, straightens up, and locks into position */
  transform: translateY(-50%) scale(1) rotate(0deg) !important; 
  right: -360px !important; /* Floats beautifully in the wide margin area */
}

/* --- 5. Mobile & Tablet Responsive Safety Block --- */
@media (max-width: 1300px) {
  /* Adjusts position closer if browser screen size shrinks down */
  .elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row:hover::after {
    right: -40px !important;
    width: 240px !important;
    height: 150px !important;
  }
}

@media (max-width: 991px) {
  .elementor-40 .elementor-element.elementor-element-abb1095 .lux-clean-fold-row::after {
    display: none !important; /* Hides image popups entirely on mobile and tablets to keep data clean */
  }
}/* End custom CSS */