.woocommerce .elementor-903 .elementor-element.elementor-element-34209b5 .flex-viewport:not(:last-child){margin-bottom:10px;}.woocommerce .elementor-903 .elementor-element.elementor-element-34209b5 .flex-control-thumbs li{padding-right:calc(10px / 2);padding-left:calc(10px / 2);padding-bottom:10px;}.woocommerce .elementor-903 .elementor-element.elementor-element-34209b5 .flex-control-thumbs{margin-right:calc(-10px / 2);margin-left:calc(-10px / 2);}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-903 .elementor-element.elementor-element-16ad44a7 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:2.5rem;font-weight:600;line-height:1.5em;color:#0E172D;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-903 .elementor-element.elementor-element-2b2d4c06 .price{color:#0E172D;font-family:"Source Sans Pro", Sans-serif;font-size:1.2rem;font-weight:600;line-height:1.5em;}.woocommerce .elementor-903 .elementor-element.elementor-element-2b2d4c06 .price ins{font-family:"Source Sans Pro", Sans-serif;font-size:1.5rem;line-height:1.5em;}body:not(.rtl) .elementor-903 .elementor-element.elementor-element-2b2d4c06:not(.elementor-product-price-block-yes) del{margin-right:5px;}body.rtl .elementor-903 .elementor-element.elementor-element-2b2d4c06:not(.elementor-product-price-block-yes) del{margin-left:5px;}.elementor-903 .elementor-element.elementor-element-2b2d4c06.elementor-product-price-block-yes del{margin-bottom:5px;}.elementor-903 .elementor-element.elementor-element-24043e47{padding:10px 0px 10px 0px;}.elementor-903 .elementor-element.elementor-element-772dccb{text-align:justify;}.woocommerce .elementor-903 .elementor-element.elementor-element-772dccb .woocommerce-product-details__short-description{color:#000000;font-size:23px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button{background-color:#19233E;border-radius:25px 25px 25px 25px;padding:12px 030px 12px 30px;}.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button{background-color:#19233E;border-radius:25px 25px 25px 25px;padding:12px 030px 12px 30px;}.elementor-903 .elementor-element.elementor-element-7aeab6b2{padding:0px 0px 70px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-903 .elementor-element.elementor-element-2fd70cf6{padding:20px 0px 20px 0px;text-align:center;}.elementor-903 .elementor-element.elementor-element-2fd70cf6 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:2.5rem;font-weight:600;text-transform:uppercase;line-height:1.5em;color:#0E172D;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#30426A;margin-bottom:0px;}.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#30426A;margin-bottom:0px;}.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-903 .elementor-element.elementor-element-2a27b535{width:50%;}.elementor-903 .elementor-element.elementor-element-1e8558a9{width:50%;}}@media(max-width:1024px){.elementor-903 .elementor-element.elementor-element-7aeab6b2{padding:0px 0px 0px 0px;}.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-903 .elementor-element.elementor-element-283cc2b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for button, class: .elementor-element-3798ae1 *//* FUTURISTIC ELEGANT BUTTON - BASE #19233E */

.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button {
    background: linear-gradient(135deg, #19233E, #0F1629);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;

    position: relative;
    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(10px);

    transition: all 0.35s ease;
}

/* subtle glow layer */
.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(120, 170, 255, 0.25),
        transparent 60%
    );
    transform: rotate(0deg);
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* hover state */
.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 40px rgba(25, 35, 62, 0.6),
                0 0 20px rgba(120, 170, 255, 0.25);
    border-color: rgba(120, 170, 255, 0.35);
}

/* glow activation */
.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button:hover::before {
    opacity: 1;
    animation: glowMove 2.5s linear infinite;
}

/* animated shine line */
.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    transform: skewX(-20deg);
}

.elementor-903 .elementor-element.elementor-element-3798ae1 .elementor-button:hover::after {
    animation: shine 1.2s ease forwards;
}

/* animations */
@keyframes shine {
    0% { left: -100%; }
    100% { left: 200%; }
}

@keyframes glowMove {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d8c4368 *//* FUTURISTIC ELEGANT BUTTON - BASE #19233E */

.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button {
    background: linear-gradient(135deg, #19233E, #0F1629);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;

    position: relative;
    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(10px);

    transition: all 0.35s ease;
}

/* subtle glow layer */
.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(120, 170, 255, 0.25),
        transparent 60%
    );
    transform: rotate(0deg);
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* hover state */
.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 40px rgba(25, 35, 62, 0.6),
                0 0 20px rgba(120, 170, 255, 0.25);
    border-color: rgba(120, 170, 255, 0.35);
}

/* glow activation */
.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button:hover::before {
    opacity: 1;
    animation: glowMove 2.5s linear infinite;
}

/* animated shine line */
.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    transform: skewX(-20deg);
}

.elementor-903 .elementor-element.elementor-element-d8c4368 .elementor-button:hover::after {
    animation: shine 1.2s ease forwards;
}

/* animations */
@keyframes shine {
    0% { left: -100%; }
    100% { left: 200%; }
}

@keyframes glowMove {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-283cc2b *//* ==========================================================================
   NEOFABPRO — INDUSTRIAL CONSOLE, LIGHT VARIANT
   Dominant color: #18223E (deep navy), white background.
   Same console-panel concept as before, with the volume turned down:
   no glow, no animation, no neon accent — just navy, hairlines, and
   precise type doing the work.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* --- Color tokens --- */
  --bg:          #FFFFFF;   /* page background */
  --navy:        #18223E;   /* dominant — text, borders, accents */
  --navy-soft:   #4A5478;   /* secondary text */
  --line:        #DCE0EC;   /* hairline borders / grid */
  --line-hover:  #18223E;   /* border color on interaction */
  --steel:       #7A8299;   /* muted captions */
  --panel-tint:  #F7F8FB;   /* faint recessed surface, used sparingly */

  /* --- Type tokens --- */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --radius: 2px;
}

/* ==========================================================================
   GRID
   ========================================================================== */

ul.products.elementor-grid{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 48px 40px;
  background: var(--bg);
  counter-reset: unit;
}

@media (max-width: 1100px){
  ul.products.elementor-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  ul.products.elementor-grid{ grid-template-columns: 1fr; padding: 32px 20px; gap: 24px; }
}

/* ==========================================================================
   PRODUCT PANEL
   ========================================================================== */

li.product{
  counter-increment: unit;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px 22px 20px;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

li.product:hover{
  transform: translateY(-3px);
  border-color: var(--line-hover);
  box-shadow: 0 10px 24px -16px rgba(24, 34, 62, 0.25);
}

/* Small corner notches — quiet console reference, visible at rest, not just on hover */
li.product::before,
li.product::after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1.5px solid var(--navy);
  opacity: 0.55;
  pointer-events: none;
}
li.product::before{ top: -1px; left: -1px; border-right: none; border-bottom: none; }
li.product::after{ bottom: -1px; right: -1px; border-left: none; border-top: none; }

/* Unit tag — eyebrow, framed as console inventory ID */
li.product .woocommerce-loop-product__title::before{
  content: "UNIT–0" counter(unit);
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--steel);
  margin-bottom: 8px;
}

/* ==========================================================================
   IMAGE
   ========================================================================== */

li.product a.woocommerce-loop-product__link{
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

li.product img{
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: var(--panel-tint);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  transition: border-color 0.25s ease;
}

li.product:hover img{
  border-color: var(--line-hover);
}

/* ==========================================================================
   TITLE
   ========================================================================== */

h2.woocommerce-loop-product__title{
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--navy);
  margin: 14px 0 16px;
  line-height: 1.35;
}

/* ==========================================================================
   CTA BUTTON
   ========================================================================== */

li.product .button.product_type_simple{
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--navy);
  background: var(--bg);
  border: 1px solid var(--navy);
  border-radius: var(--radius);
  padding: 9px 16px;
  transition: background 0.25s ease, color 0.25s ease;
}

li.product .button.product_type_simple:hover{
  background: var(--navy);
  color: var(--bg);
}

li.product .button.product_type_simple:focus-visible{
  outline: 2px solid var(--navy);
  outline-offset: 3px;
}

/* ==========================================================================
   ACCESSIBILITY / SCREEN-READER TEXT
   ========================================================================== */

.screen-reader-text{
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce){
  li.product,
  li.product img,
  li.product .button.product_type_simple{
    transition: none !important;
  }
  li.product:hover{ transform: none; }
}/* End custom CSS */