.elementor-4387 .elementor-element.elementor-element-e78380f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.49;--padding-top:15%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-4387 .elementor-element.elementor-element-e78380f::before, .elementor-4387 .elementor-element.elementor-element-e78380f > .elementor-background-video-container::before, .elementor-4387 .elementor-element.elementor-element-e78380f > .e-con-inner > .elementor-background-video-container::before, .elementor-4387 .elementor-element.elementor-element-e78380f > .elementor-background-slideshow::before, .elementor-4387 .elementor-element.elementor-element-e78380f > .e-con-inner > .elementor-background-slideshow::before, .elementor-4387 .elementor-element.elementor-element-e78380f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(174deg, #0084D600 0%, var( --e-global-color-astglobalcolor7 ) 100%);}.elementor-4387 .elementor-element.elementor-element-259bc0a{--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;--align-items:flex-start;--flex-wrap:nowrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:50%;}.elementor-4387 .elementor-element.elementor-element-ed74c11{text-align:start;}.elementor-4387 .elementor-element.elementor-element-ed74c11 .elementor-heading-title{color:#ffffff;}.elementor-4387 .elementor-element.elementor-element-31e41ee > .elementor-widget-container{margin:10px 0px 20px 0px;}.elementor-4387 .elementor-element.elementor-element-31e41ee{text-align:start;}.elementor-4387 .elementor-element.elementor-element-31e41ee .elementor-heading-title{color:#FFFFFF;}.elementor-4387 .elementor-element.elementor-element-ca8d050{--display:flex;--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;--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-4387 .elementor-element.elementor-element-58c7578 .elementor-button{background-color:rgba(255,255,255,0);fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor5 );padding:15px 20px 15px 20px;}.elementor-4387 .elementor-element.elementor-element-58c7578 .elementor-button:hover, .elementor-4387 .elementor-element.elementor-element-58c7578 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor5 );}.elementor-4387 .elementor-element.elementor-element-58c7578 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-4387 .elementor-element.elementor-element-58c7578.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-4387 .elementor-element.elementor-element-58c7578 .elementor-button:hover svg, .elementor-4387 .elementor-element.elementor-element-58c7578 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-4387 .elementor-element.elementor-element-f771cb4 .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );}.elementor-4387 .elementor-element.elementor-element-f771cb4 .elementor-button:hover, .elementor-4387 .elementor-element.elementor-element-f771cb4 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor5 );}.elementor-4387 .elementor-element.elementor-element-f771cb4{width:auto;max-width:auto;align-self:flex-start;}.elementor-4387 .elementor-element.elementor-element-f771cb4.elementor-element{--align-self:flex-start;}.elementor-4387 .elementor-element.elementor-element-f771cb4 .elementor-button:hover svg, .elementor-4387 .elementor-element.elementor-element-f771cb4 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-4387 .elementor-element.elementor-element-1d08b25{--display:flex;}.elementor-4387 .elementor-element.elementor-element-ae34c12{--display:flex;}.elementor-4387 .elementor-element.elementor-element-11c0d83{--display:flex;}.elementor-4387 .elementor-element.elementor-element-004dad0{--display:flex;}.elementor-4387 .elementor-element.elementor-element-7488cd9{--display:flex;}.elementor-4387 .elementor-element.elementor-element-64410ae .elementor-heading-title{color:#2C67FF;}.elementor-4387 .elementor-element.elementor-element-7959a45{--display:flex;}.elementor-4387 .elementor-element.elementor-element-fa7f80a.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4387 .elementor-element.elementor-element-fa7f80a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4387 .elementor-element.elementor-element-fa7f80a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4387 .elementor-element.elementor-element-c2ff7fe{--display:flex;}.elementor-4387 .elementor-element.elementor-element-6096889{--display:flex;}body.elementor-page-4387:not(.elementor-motion-effects-element-type-background), body.elementor-page-4387 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}@media(min-width:768px){.elementor-4387 .elementor-element.elementor-element-259bc0a{--width:100%;}.elementor-4387 .elementor-element.elementor-element-ca8d050{--content-width:100%;}}@media(max-width:1024px){.elementor-4387 .elementor-element.elementor-element-e78380f{--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-4387 .elementor-element.elementor-element-259bc0a{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:40%;}.elementor-4387 .elementor-element.elementor-element-ed74c11{text-align:start;}.elementor-4387 .elementor-element.elementor-element-31e41ee > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-4387 .elementor-element.elementor-element-31e41ee{text-align:start;}.elementor-4387 .elementor-element.elementor-element-fa7f80a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4387 .elementor-element.elementor-element-e78380f{--min-height:570px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:115px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-4387 .elementor-element.elementor-element-259bc0a{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4387 .elementor-element.elementor-element-ed74c11{text-align:center;}.elementor-4387 .elementor-element.elementor-element-31e41ee{text-align:center;}.elementor-4387 .elementor-element.elementor-element-ca8d050{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4387 .elementor-element.elementor-element-58c7578{width:100%;max-width:100%;}.elementor-4387 .elementor-element.elementor-element-58c7578 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4387 .elementor-element.elementor-element-f771cb4{width:100%;max-width:100%;}.elementor-4387 .elementor-element.elementor-element-fa7f80a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-7959a45 *//* --- SANTO INACIO BRANDED WOOCOMMERCE FLOATING STYLE (NO CARD GRID) --- */

/* 1. Reset Container Structure to Default Grid Layout to Stop Clipping */
.woocommerce ul.products li.product {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 30px !important;
  overflow: visible !important; /* Ensures mobile buttons don't get clipped out of view */
  display: block !important;
}

/* 2. Style Only the Images Separately */
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 220px !important; /* Uniform row alignment */
  object-fit: cover !important; /* Crops cleanly to prevent compression or stretching */
  border-radius: 12px !important; /* Soft framing around the photo */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 14px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Give just the image a lift effect on hover */
.woocommerce ul.products li.product:hover a img {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 32px rgba(13, 65, 148, 0.12) !important;
}

/* 3. Text and Title Typography Styles */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #0d4194 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  min-height: 44px !important; /* Helps align the prices across columns */
}

/* 4. Price & Active Deal Styles */
.woocommerce ul.products li.product .price {
  color: #0a1223 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  display: block !important;
}

.woocommerce ul.products li.product .price del {
  color: rgba(10, 18, 35, 0.4) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-right: 4px !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: #0d4194 !important;
  font-weight: 800 !important;
}

/* 5. Custom Buttons (Mobile and Responsive Safe) */
.woocommerce ul.products li.product .button {
  background-color: #0d4194 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  margin: 8px 0 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important; /* Stops truncation errors on small screens */
  min-width: 130px !important;
  box-shadow: 0 4px 12px rgba(13, 65, 148, 0.18) !important;
  transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #09306e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(13, 65, 148, 0.28) !important;
}

/* 6. Clean Pill Sale Badge Styling */
.woocommerce ul.products li.product .onsale {
  background-color: #ffffff !important;
  color: #0d4194 !important;
  border: 1px solid rgba(13, 65, 148, 0.2) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 30px !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
}

/* Mobile Alignment Polish */
@media (max-width: 540px) {
  .woocommerce ul.products li.product a img {
    height: 180px !important; /* Gives better image balance on small viewing areas */
  }
  .woocommerce ul.products li.product .button {
    width: 100% !important; /* Makes button clear and easy to click on touchscreen devices */
    display: flex !important;
  }
}/* End custom CSS */