.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F7F4EF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Card needs relative positioning */
.product-col {
  position: relative;
  overflow: hidden;
}

/* Animated block — sits above the button */
.product-content {
  position: absolute;
  bottom: -30px; /* height of your button + gap */
  left: 0;
  right: 0;
  padding: 30px;
  transform: translateY(0);
  transition: transform 0.4s ease;
}

.product-col:hover .product-content {
  transform: translateY(-50px);
}

/* Paragraph */
.product-reveal {
  opacity: 0;
  transform: translateY(6px);
  margin-top: -10px; /* reduces gap before paragraph */
  transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}

.product-col:hover .product-reveal {
  opacity: 1;
  transform: translateY(0);
}

/* Button — fixed at the very bottom, never moves */
.product-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 32px 28px;
}/* End custom CSS */