.elementor-18384 .elementor-element.elementor-element-48fdee8{--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;--overlay-opacity:0.51;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-18384 .elementor-element.elementor-element-48fdee8:not(.elementor-motion-effects-element-type-background), .elementor-18384 .elementor-element.elementor-element-48fdee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontech-light.com/wp-content/uploads/2025/10/7-e1770150294996.webp");background-position:center center;background-size:cover;}.elementor-18384 .elementor-element.elementor-element-48fdee8::before, .elementor-18384 .elementor-element.elementor-element-48fdee8 > .elementor-background-video-container::before, .elementor-18384 .elementor-element.elementor-element-48fdee8 > .e-con-inner > .elementor-background-video-container::before, .elementor-18384 .elementor-element.elementor-element-48fdee8 > .elementor-background-slideshow::before, .elementor-18384 .elementor-element.elementor-element-48fdee8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18384 .elementor-element.elementor-element-48fdee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#131313;--background-overlay:'';}.elementor-18384 .elementor-element.elementor-element-91fd7cb{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Cairo;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-18384 .elementor-element.elementor-element-5f51981{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon-box-wrapper{gap:0px;}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-18384 .elementor-element.elementor-element-5f51981.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-18384 .elementor-element.elementor-element-5f51981.elementor-view-framed .elementor-icon, .elementor-18384 .elementor-element.elementor-element-5f51981.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon{font-size:27px;}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon i{transform:rotate(0deg);}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon-box-title, .elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon-box-title a{font-family:"Cairo", Cairo;font-size:40px;font-weight:700;line-height:30px;}.elementor-18384 .elementor-element.elementor-element-5f51981:has(:hover) .elementor-icon-box-title,
					 .elementor-18384 .elementor-element.elementor-element-5f51981:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-18384 .elementor-element.elementor-element-5f51981 .elementor-icon-box-description{font-family:"Cairo", Cairo;font-size:0px;font-weight:400;line-height:0px;}.elementor-18384 .elementor-element.elementor-element-d2e69ac{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-18384 .elementor-element.elementor-element-5ace1f2.elementor-wc-products  ul.products{grid-column-gap:17px;grid-row-gap:40px;}.elementor-18384 .elementor-element.elementor-element-5ace1f2 a > img{border-radius:25px 25px 25px 25px;}.elementor-18384 .elementor-element.elementor-element-5ace1f2 .woocommerce-loop-category__title .count{font-family:"Cairo", Cairo;font-size:0px;font-weight:600;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Cairo;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Cairo;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Cairo;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Cairo;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:15px 15px 15px 15px;}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-secondary );}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product .star-rating::before{color:var( --e-global-color-secondary );}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product .button{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product{border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px;}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products ul.products li.product span.onsale{display:block;color:var( --e-global-color-text );background-color:var( --e-global-color-primary );border-radius:25px;}@media(max-width:1024px){.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-18384 .elementor-element.elementor-element-91fd7cb{--width:100%;}}@media(max-width:767px){.elementor-18384 .elementor-element.elementor-element-91fd7cb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-18384 .elementor-element.elementor-element-d2e69ac{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-18384 .elementor-element.elementor-element-35dc2e4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-categories, class: .elementor-element-5ace1f2 *//* =========================================================
   PRO Category Cards (WooCommerce Product Categories)
   - Modern overlay + CTA + smooth hover
   - Works with: li.product-category > a > img + h2.title
========================================================= */

:root{
  --cat-radius: 22px;
  --cat-accent: #FA0000; /* لون البراند */
  --cat-text: #ffffff;
  --cat-shadow: 0 18px 45px rgba(0,0,0,.12);
  --cat-shadow-hover: 0 26px 70px rgba(0,0,0,.18);
}

/* make category tiles grid nicer */
.woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
  gap: 18px !important;
}
.woocommerce ul.products li.product-category{
  margin: 0 !important;
  width: 100% !important;
}

/* card link */
.woocommerce ul.products li.product-category > a{
  position: relative !important;
  display: block !important;
  border-radius: var(--cat-radius) !important;
  overflow: hidden !important;
  background: #111 !important;
  box-shadow: var(--cat-shadow) !important;
  transform: translateY(0) !important;
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease !important;
  text-decoration: none !important;
}

/* image */
.woocommerce ul.products li.product-category > a img{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;   /* لو عايز 4:3 غيّرها لـ 4/3 */
  object-fit: cover !important;
  display: block !important;
  transform: scale(1.01) !important;
  transition: transform .6s ease, filter .6s ease !important;
  filter: saturate(1.05) contrast(1.05) brightness(.92) !important;
}

/* dark overlay gradient */
.woocommerce ul.products li.product-category > a::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.78) 100%) !important;
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  pointer-events: none !important;
}

/* title overlay */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title{
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  margin: 0 !important;
  padding: 14px 14px !important;
  border-radius: 18px !important;
  color: var(--cat-text) !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Cairo", sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .2px !important;
  text-align: right !important; /* عربي */
}

/* hide count (9) */
.woocommerce ul.products li.product-category h2 .count{
  display: none !important;
}

/* CTA button (auto) */
.woocommerce ul.products li.product-category > a::after{
  content: "استعرض التصنيف" !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important; /* زر في اليسار - شكله أحلى */
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: rgba(250,0,0,.92) !important;
  color: #fff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-shadow: 0 14px 30px rgba(250,0,0,.22) !important;
  transform: translateY(-6px) !important;
  opacity: 0 !important;
  transition: opacity .25s ease, transform .25s ease !important;
  pointer-events: none !important;
}

/* hover effects */
.woocommerce ul.products li.product-category > a:hover{
  transform: translateY(-6px) !important;
  box-shadow: var(--cat-shadow-hover) !important;
}
.woocommerce ul.products li.product-category > a:hover img{
  transform: scale(1.08) !important;
  filter: saturate(1.1) contrast(1.08) brightness(.88) !important;
}
.woocommerce ul.products li.product-category > a:hover::after{
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.woocommerce ul.products li.product-category > a:hover::before{
  opacity: 1 !important;
}

/* focus for accessibility */
.woocommerce ul.products li.product-category > a:focus{
  outline: 3px solid rgba(250,0,0,.35) !important;
  outline-offset: 3px !important;
}

/* mobile tweaks */
@media (max-width: 767px){
  .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .woocommerce ul.products li.product-category h2.woocommerce-loop-category__title{
    font-size: 15px !important;
    padding: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-35dc2e4 *//* =========================================
   Widget CSS (use .elementor-18384 .elementor-element.elementor-element-35dc2e4) - FINAL
   No top border line + mobile title smaller
========================================= */

/* Grid gap */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products{
  gap: 20px !important;
}

/* Card */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  box-shadow:0 14px 40px rgba(0,0,0,.08) !important;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
  position:relative !important;

  /* مساحة الشريط الأبيض */
  padding-bottom:108px !important;
}

/* Image */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product a.woocommerce-loop-product__link{
  display:block !important;
  position:relative !important;
}

.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  display:block !important;
  transform:scale(1.01);
  transition:transform .6s ease, filter .6s ease !important;
  filter:saturate(1.05) contrast(1.05);
}

/* Hide original title (inside this widget only) */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product .woocommerce-loop-product__title{
  display:none !important;
}

/* Hover */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.15) !important;
  border-color:rgba(250,0,0,.20) !important;
}
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product:hover img{
  transform:scale(1.08) !important;
  filter:saturate(1.1) contrast(1.08) !important;
}

/* White bar (NO top border line) */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product::after{
  content:"" !important;
  position:absolute !important;
  left:0;
  right:0;
  bottom:0;
  height:108px !important;
  background:#fff !important;
  border:0 !important;              /* حذف الخط نهائي */
  border-radius:0 0 26px 26px !important;
  pointer-events:none !important;
}

/* Title from data-title */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product::before{
  content: attr(data-title) !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:82px !important;
  z-index:2 !important;

  font-family:"Cairo", sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#424242 !important;
  text-align:center !important;
  line-height:1.55 !important;

  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-height: calc(1.55em * 2);
}

/* Button */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product a.button{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:18px !important;
  z-index:3 !important;

  margin:0 !important;
  padding:14px !important;
  border-radius:999px !important;
  background:#FA0000 !important;
  color:#fff !important;

  font-family:"Cairo", sans-serif !important;
  font-weight:900 !important;
  font-size:14px !important;
  text-align:center !important;

  border:1px solid rgba(250,0,0,.15) !important;
  box-shadow:0 16px 40px rgba(250,0,0,.20) !important;
  transition:transform .25s ease, filter .25s ease !important;
}
.elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product:hover a.button{
  transform: translateY(-2px) !important;
  filter: brightness(.96) !important;
}

/* Mobile */
@media (max-width:767px){
  .elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products{
    gap:14px !important;
  }

  .elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product{
    padding-bottom:102px !important;
  }

  .elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product::after{
    height:102px !important;
  }

  .elementor-18384 .elementor-element.elementor-element-35dc2e4 ul.products li.product::before{
    bottom:68px !important;
    font-size:12.5px !important;   /* تصغير العنوان للموبايل */
    line-height:1.35 !important;
  }
}



/* =================================
   Hide Result Count & Orderby
   (Widget scope only)
================================= */

/* إخفاء "عرض X من كل النتائج" */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 .woocommerce-result-count{
  display: none !important;
}

/* إخفاء select الترتيب */
.elementor-18384 .elementor-element.elementor-element-35dc2e4 .woocommerce-ordering,
.elementor-18384 .elementor-element.elementor-element-35dc2e4 select.orderby{
  display: none !important;
}/* End custom CSS */