.elementor-18373 .elementor-element.elementor-element-3ffbddf{--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.67;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-18373 .elementor-element.elementor-element-3ffbddf:not(.elementor-motion-effects-element-type-background), .elementor-18373 .elementor-element.elementor-element-3ffbddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://altravan.com/wp-content/uploads/2026/02/Untitled-design-1.webp");background-position:center center;background-size:cover;}.elementor-18373 .elementor-element.elementor-element-3ffbddf::before, .elementor-18373 .elementor-element.elementor-element-3ffbddf > .elementor-background-video-container::before, .elementor-18373 .elementor-element.elementor-element-3ffbddf > .e-con-inner > .elementor-background-video-container::before, .elementor-18373 .elementor-element.elementor-element-3ffbddf > .elementor-background-slideshow::before, .elementor-18373 .elementor-element.elementor-element-3ffbddf > .e-con-inner > .elementor-background-slideshow::before, .elementor-18373 .elementor-element.elementor-element-3ffbddf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#131313;--background-overlay:'';}.elementor-18373 .elementor-element.elementor-element-713898a{--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-18373 .elementor-element.elementor-element-48b7484{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon-box-wrapper{gap:0px;}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-b7a4302 );}.elementor-18373 .elementor-element.elementor-element-48b7484.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b7a4302 );}.elementor-18373 .elementor-element.elementor-element-48b7484.elementor-view-framed .elementor-icon, .elementor-18373 .elementor-element.elementor-element-48b7484.elementor-view-default .elementor-icon{fill:var( --e-global-color-b7a4302 );color:var( --e-global-color-b7a4302 );border-color:var( --e-global-color-b7a4302 );}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon{font-size:27px;}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon i{transform:rotate(0deg);}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon-box-title, .elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon-box-title a{font-family:"Cairo", Cairo;font-size:40px;font-weight:700;line-height:30px;}.elementor-18373 .elementor-element.elementor-element-48b7484:has(:hover) .elementor-icon-box-title,
					 .elementor-18373 .elementor-element.elementor-element-48b7484:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b7a4302 );}.elementor-18373 .elementor-element.elementor-element-48b7484 .elementor-icon-box-description{font-family:"Cairo", Cairo;font-size:0px;font-weight:400;line-height:0px;}.elementor-18373 .elementor-element.elementor-element-c32c97e{--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-18373 .elementor-element.elementor-element-8cd8899.elementor-wc-products  ul.products{grid-column-gap:17px;grid-row-gap:40px;}.elementor-18373 .elementor-element.elementor-element-8cd8899 a > img{border-radius:25px 25px 25px 25px;}.elementor-18373 .elementor-element.elementor-element-8cd8899 .woocommerce-loop-category__title .count{color:var( --e-global-color-primary );font-family:"Cairo", Cairo;font-size:0px;font-weight:600;}@media(max-width:767px){.elementor-18373 .elementor-element.elementor-element-713898a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-18373 .elementor-element.elementor-element-713898a{--width:100%;}}/* Start custom CSS for wc-categories, class: .elementor-element-8cd8899 *//* =========================================================
   PRO Category Cards (WooCommerce Product Categories)
   Modern Overlay + Blue Accent + Smooth Hover
========================================================= */

:root{
  --cat-radius: 22px;
  --cat-accent: #3A2CED;
  --cat-text: #ffffff;
  --cat-shadow: 0 18px 45px rgba(0,0,0,.12);
  --cat-shadow-hover: 0 26px 70px rgba(0,0,0,.18);
}

/* Grid */
.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 */
.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 !important;
  text-decoration: none !important;
}

/* Image */
.woocommerce ul.products li.product-category > a img{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  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;
}

/* 🔵 Blue Gradient Overlay بدل الأسود */
.woocommerce ul.products li.product-category > a::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0) 0%,
      rgba(4,110,240,.35) 65%,
      rgba(4,110,240,.65) 100%) !important;
  opacity: 1 !important;
  transition: opacity .35s ease !important;
  pointer-events: none !important;
}

/* Title */
.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 !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;
  text-align: right !important;
}

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

/* CTA Button */
.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: #3A2CED !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(58,44,237,.30) !important;
  transform: translateY(-6px) !important;
  opacity: 0 !important;
  transition: opacity .25s ease, transform .25s ease !important;
  pointer-events: none !important;
}

/* Hover */
.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;
}

/* Focus */
.woocommerce ul.products li.product-category > a:focus{
  outline: 3px solid rgba(58,44,237,.35) !important;
  outline-offset: 3px !important;
}

/* Mobile */
@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 */