.elementor-3396 .elementor-element.elementor-element-2b0d7db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--background-transition:0.3s;}.elementor-3396 .elementor-element.elementor-element-720f08e{--display:flex;}.elementor-3396 .elementor-element.elementor-element-720f08e:hover::before, .elementor-3396 .elementor-element.elementor-element-720f08e:hover > .elementor-background-video-container::before, .elementor-3396 .elementor-element.elementor-element-720f08e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3396 .elementor-element.elementor-element-720f08e > .elementor-background-slideshow:hover::before, .elementor-3396 .elementor-element.elementor-element-720f08e > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-3396 .elementor-element.elementor-element-720f08e:hover{--overlay-opacity:0.5;}.elementor-3396 .elementor-element.elementor-element-1226a40 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3396 .elementor-element.elementor-element-1226a40 img{width:100%;max-width:100%;border-radius:12px 12px 12px 12px;}.elementor-3396 .elementor-element.elementor-element-af923c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3396 .elementor-element.elementor-element-af923c5 img{width:100%;max-width:100%;border-radius:12px 12px 12px 12px;box-shadow:0px 3px 10px -3px rgba(0,0,0,0.5);}.elementor-3396 .elementor-element.elementor-element-f02a72f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3396 .elementor-element.elementor-element-f02a72f{text-align:center;}.elementor-3396 .elementor-element.elementor-element-f02a72f .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:0.2px;color:var( --e-global-color-text );}.elementor-3396 .elementor-element.elementor-element-f02a72f .elementor-heading-title a:hover, .elementor-3396 .elementor-element.elementor-element-f02a72f .elementor-heading-title a:focus{color:var( --e-global-color-47e4d5b9 );}/* Start custom CSS for container, class: .elementor-element-720f08e */.elementor-3396 .elementor-element.elementor-element-720f08e { position: relative; width: 100%; padding-top: 66.6667%; aspect-ratio: 3 / 2; overflow: hidden; min-height: 1px; display: block; } /* Both images fill container */ .elementor-3396 .elementor-element.elementor-element-720f08e .plant-image-front, .elementor-3396 .elementor-element.elementor-element-720f08e .plant-image-back { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: opacity 0.3s ease !important; } /* Front image visible */ .elementor-3396 .elementor-element.elementor-element-720f08e .plant-image-front { opacity: 1 !important; z-index: 2 !important; } /* Hover image hidden */ .elementor-3396 .elementor-element.elementor-element-720f08e .plant-image-back { opacity: 0 !important; z-index: 1 !important; } /* Hover effect */ .elementor-3396 .elementor-element.elementor-element-720f08e:hover .plant-image-front { opacity: 0 !important; } .elementor-3396 .elementor-element.elementor-element-720f08e:hover .plant-image-back { opacity: 1 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b0d7db *//* Plant Card — clean, responsive image stacking + hover swap */
..elementor-3396 .elementor-element.elementor-element-2b0d7db { position: relative; overflow: hidden; border-radius: 12px; }

/* wrapper keeps aspect ratio (modern + fallback) */
..elementor-3396 .elementor-element.elementor-element-2b0d7db .plant-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;              /* modern browsers */
  padding-top: 66.6667%;            /* fallback for older browsers */
  overflow: hidden;
  background-color: #f8f8f8;
}

/* absolute fill ensures consistent cover behavior */
..elementor-3396 .elementor-element.elementor-element-2b0d7db .plant-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity .28s ease, transform .28s ease;
  will-change: opacity, transform;
}

/* stacking + hover swap */
..elementor-3396 .elementor-element.elementor-element-2b0d7db .plant-image-front { z-index: 2; opacity: 1; transform: scale(1); }
..elementor-3396 .elementor-element.elementor-element-2b0d7db .plant-image-back  { z-index: 1; opacity: 0; transform: scale(1.03); }
..elementor-3396 .elementor-element.elementor-element-2b0d7db:hover .plant-image-front { opacity: 0; transform: scale(1.03); }
..elementor-3396 .elementor-element.elementor-element-2b0d7db:hover .plant-image-back  { opacity: 1; transform: scale(1.00); }

/* touch devices: disable hover swap to avoid flicker */
@media (hover: none) {
  ..elementor-3396 .elementor-element.elementor-element-2b0d7db .plant-image-back { display: none; }
}/* End custom CSS */