.elementor-73 .elementor-element.elementor-element-775b1a28:not(.elementor-motion-effects-element-type-background), .elementor-73 .elementor-element.elementor-element-775b1a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-044b931 );background-image:url("https://valenera.com/wp-content/uploads/2025/07/pexels-photo-7679725.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-73 .elementor-element.elementor-element-775b1a28 > .elementor-background-overlay{background-color:#636363;opacity:0.69;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-73 .elementor-element.elementor-element-775b1a28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0em;margin-bottom:5em;padding:14em 0em 0em 0em;}.elementor-73 .elementor-element.elementor-element-162e4af2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated, .elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated > .elementor-background-overlay, .elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-background-slideshow{border-radius:3px 3px 3px 3px;}.elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.05);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 50% -5% 0%;--e-column-margin-right:50%;--e-column-margin-left:0%;padding:2em 2em 2em 2em;}.elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-73 .elementor-element.elementor-element-5e40b497{border-style:double;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-639e8dd );padding:2em 2em 2em 2em;}.elementor-73 .elementor-element.elementor-element-792baef{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-73 .elementor-element.elementor-element-81b3dfe{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-73 .elementor-element.elementor-element-24ac19e{--grid-columns:4;--e-loop-nothing-found-message-align:start;}.elementor-73 .elementor-element.elementor-element-24ac19e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-73 .elementor-element.elementor-element-24ac19e .e-loop-item > .elementor-section, .elementor-73 .elementor-element.elementor-element-24ac19e .e-loop-item > .elementor-section > .elementor-container, .elementor-73 .elementor-element.elementor-element-24ac19e .e-loop-item > .e-con, .elementor-73 .elementor-element.elementor-element-24ac19e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-73 .elementor-element.elementor-element-24ac19e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-73 .elementor-element.elementor-element-24ac19e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-73 .elementor-element.elementor-element-24ac19e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-73 .elementor-element.elementor-element-24ac19e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-73 .elementor-element.elementor-element-24ac19e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product .price{color:#000000;font-weight:600;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product .button{color:#000000;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product .button:hover{color:#FFFFFF;background-color:#C62828;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product{padding:0px 0px 05px 0px;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-73 .elementor-element.elementor-element-5f69344{--display:flex;}@media(min-width:768px){.elementor-73 .elementor-element.elementor-element-81b3dfe{--width:100%;}}@media(max-width:1024px){.elementor-73 .elementor-element.elementor-element-775b1a28{padding:14em 0em 0em 1em;}.elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated{margin:0% 40% -5% 0%;--e-column-margin-right:40%;--e-column-margin-left:0%;padding:1em 1em 1em 1em;}.elementor-73 .elementor-element.elementor-element-24ac19e{--grid-columns:2;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-73 .elementor-element.elementor-element-775b1a28{padding:10em 1em 0em 1em;}.elementor-73 .elementor-element.elementor-element-162e4af2 > .elementor-element-populated{margin:0em 0em -4em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-73 .elementor-element.elementor-element-5e40b497{padding:1em 1em 1em 1em;}.elementor-73 .elementor-element.elementor-element-347a7e38{text-align:center;}.elementor-73 .elementor-element.elementor-element-6afe443b{text-align:center;}.elementor-73 .elementor-element.elementor-element-792baef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-73 .elementor-element.elementor-element-81b3dfe{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-73 .elementor-element.elementor-element-24ac19e{--grid-columns:2;}.elementor-73 .elementor-element.elementor-element-5d9de0a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-5d9de0a *//* ---------- Base Styles (Desktop) ---------- */

/* Make the product grid stretch all cards to equal height */
ul.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Make each product card a flex column */
ul.products li.product {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

/* Let title & price take up space before button */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
  min-height: 0px;
}

/* Force the button to stay at the bottom */
ul.products li.product .button {
  margin-top: auto;
  margin-left: 10px;
  margin-right: 10px;
}

/* Optional: Consistent title height */
ul.products li.product .woocommerce-loop-product__title {
  min-height:88px;
}

/* ---------- Tablet (up to 1024px) ---------- */
@media (max-width: 1024px) {
  ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    padding: 0 4px;
  }
  ul.products li.product .price {
    font-size: 13px !important;
    padding: 0 4px;
  }
  ul.products li.product .button {
    font-size: 12px !important;
  }
  ul.products li.product .woocommerce-loop-product__title,

 .elementor-73 .elementor-element.elementor-element-8e6a34c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
  min-height: 60px; 
}
}

/* ---------- Mobile (up to 767px) ---------- */
@media (max-width: 767px) {
  ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    padding: 0 2px;
  }
  ul.products li.product .button {
    font-size: 13px !important;
  }
  ul.products li.product .woocommerce-loop-product__title,
  ul.products li.product .price {
    min-height: 15px;
  }
}


p.woocommerce-result-count {
    display: none;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-2007 */.oj-order-process { 
    padding: 36px 18px; 
    font-family: "Helvetica Neue", Arial, sans-serif; 
    color: #111; 
}

.oj-title { 
    font-size: 28px; 
    text-align: center; 
    margin-bottom: 26px; 
    font-weight: 700; 
}

/* Layout: grid that adapts by breakpoints */
.oj-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px 28px;
    align-items: start;
    justify-items: center;
    padding: 20px 8%;
}

/* Base step container with proper positioning */
.oj-step { 
    position: relative; 
    width: 100%; 
    max-width: 140px; 
    text-align: center; 
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Animated dashed ring (outer) - perfectly centered */
.oj-ring {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 4px dashed rgba(0,0,0,0.12);
    box-sizing: border-box;
    z-index: 1;
    animation: oj-ring-spin 5.8s linear infinite;
}

/* Inner circle - perfectly centered within the ring */
.oj-circle {
    position: relative;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0 10px 0; /* Top margin to account for ring border */
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Icon sizing */
.oj-icon { 
    width: 44px; 
    height: 44px; 
    display: block; 
}

/* Number styling */
.oj-number {
    font-size: 14px;
    font-weight: 700;
    color: #b12b2b; /* red tone for consistency */
    margin: 12px 0 2px 0;
    letter-spacing: 1px;
}

.oj-black .oj-number {
    color: #0a0a0a; /* black tone for black steps */
}

/* Labels */
.oj-label { 
    font-size: 13px; 
    line-height: 1.25; 
    margin-top: 6px; 
    font-weight: 600; 
    color: #111; 
}

/* Red / black variations and ring color tweaks */
.oj-red .oj-circle { 
    background: #b12b2b; 
}

.oj-black .oj-circle { 
    background: #0a0a0a; 
}

.oj-red .oj-ring { 
    border-color: rgba(177, 42, 43, 0.85); 
    animation-duration: 6.2s; 
}

.oj-black .oj-ring { 
    border-color: rgba(0,0,0,0.25); 
    animation-duration: 5s; 
    animation-direction: reverse; 
}



/* Ring spin keyframes */
@keyframes oj-ring-spin { 
    to { 
        transform: translateX(-50%) rotate(360deg); 
    } 
}

/* ---------------- Responsive breakpoints ---------------- */

/* Large laptop / smaller desktops: 4 across */
@media (max-width: 1399px) {
    .oj-steps { 
        grid-template-columns: repeat(4, 1fr); 
        padding: 20px 6%; 
        gap: 24px; 
    }
}

/* Tablet: 3 across */
@media (max-width: 992px) {
    .oj-steps { 
        grid-template-columns: repeat(3, 1fr); 
        padding: 18px 5%; 
        gap: 20px; 
    }
    
    .oj-ring { 
        width: 104px; 
        height: 104px; 
    }
    
    .oj-circle { 
        width: 84px; 
        height: 84px; 
        margin: 10px 0 10px 0;
    }
    
    .oj-icon { 
        width: 38px; 
        height: 38px; 
    }
    
    .oj-label { 
        font-size: 13px; 
    }
    

}

/* Medium mobile: 2 across */
@media (min-width: 601px) and (max-width: 768px) {
    .oj-steps { 
        grid-template-columns: repeat(4, 1fr); 
        padding: 16px 4%; 
        gap: 20px; 
    }
}

/* All mobile phones: single column for better appearance */
@media (max-width: 600px) {
    .oj-steps { 
        grid-template-columns: repeat(2, 1fr); 
        padding: 16px 6%; 
        gap: 22px; 
    }
    
    .oj-ring { 
        width: 100px; 
        height: 100px; 
    }
    
    .oj-circle { 
        width: 80px; 
        height: 80px; 
        margin: 10px 0 10px 0;
    }
    
    .oj-icon { 
        width: 36px; 
        height: 36px; 
    }
    
    .oj-label { 
        font-size: 13px; 
    }
    
    .oj-number {
        font-size: 14px;
    }
    

}

/* Small phones: slightly smaller elements */
@media (max-width: 420px) {
    .oj-steps { 
        grid-template-columns: repeat(2, 1fr); 
        padding: 14px 6%; 
        gap: 20px; 
    }
    
    .oj-ring { 
        width: 90px; 
        height: 90px; 
    }
    
    .oj-circle { 
        width: 72px; 
        height: 72px; 
        margin: 9px 0 10px 0;
    }
    
    .oj-icon { 
        width: 32px; 
        height: 32px; 
    }
    
    .oj-label { 
        font-size: 12px; 
    }
    

}

/* Hover effects for desktop */
@media (hover: hover) {
    .oj-step:hover .oj-circle { 
        transform: translateY(-6px); 
        transition: transform .24s ease; 
    }
    
    .oj-step:hover .oj-ring { 
        filter: brightness(1.04); 
    }
}

/* Additional WordPress compatibility styles */
.oj-order-process * {
    box-sizing: border-box;
}

.oj-order-process img {
    max-width: 100%;
    height: auto;
}/* End custom CSS */