.elementor-1808 .elementor-element.elementor-element-64d5129{--display:flex;--min-height:55vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 40px 40px;--padding-top:40px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-1808 .elementor-element.elementor-element-64d5129:not(.elementor-motion-effects-element-type-background), .elementor-1808 .elementor-element.elementor-element-64d5129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-644ceb6 );}.elementor-1808 .elementor-element.elementor-element-53cccb0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-1808 .elementor-element.elementor-element-f7fc72b{--grid-columns:1;}.elementor-1808 .elementor-element.elementor-element-f7fc72b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1808 .elementor-element.elementor-element-5b4a9db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1808 .elementor-element.elementor-element-a20923a{--grid-columns:1;}.elementor-1808 .elementor-element.elementor-element-a20923a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1808 .elementor-element.elementor-element-a20923a{--grid-columns:2;}}@media(max-width:767px){.elementor-1808 .elementor-element.elementor-element-64d5129{--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1808 .elementor-element.elementor-element-a20923a{--grid-columns:1;}}@media(min-width:768px){.elementor-1808 .elementor-element.elementor-element-5b4a9db{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1808 .elementor-element.elementor-element-53cccb0{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-53cccb0 *//* 1) smooth transition */
.product-list h2,
.product-list h3,
.product-list .elementor-divider-separator {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* 2) dim all titles to 50% when hovering anywhere in the list */
.product-list:hover h2,
.product-list:hover h3,
.product-list:hover .elementor-divider-separator {
  opacity: 0.5;
}

/* 3) but restore 100% opacity on the hovered block only */
.product-list .product-item:hover h2,
.product-list .product-item:hover h3,
.product-list .product-item:hover .elementor-divider-separator {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b4a9db *//* 1) smooth transition */
.product-list h2,
.product-list h3 {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* 2) dim all titles to 50% when hovering anywhere in the list */
.product-list:hover h2,
.product-list:hover h3 {
  opacity: 0.5;
}

/* 3) but restore 100% opacity on the hovered block only */
.product-list .product-item:hover h2,
.product-list .product-item:hover h3 {
  opacity: 1;
}/* End custom CSS */