.elementor-942 .elementor-element.elementor-element-dc2eab9:not(.elementor-motion-effects-element-type-background), .elementor-942 .elementor-element.elementor-element-dc2eab9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nei.com.jo/wp-content/uploads/2025/08/WhatsApp-Image-2025-07-30-at-14.08.40-2-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-942 .elementor-element.elementor-element-dc2eab9 > .elementor-container{max-width:1170px;}.elementor-942 .elementor-element.elementor-element-dc2eab9 > .elementor-background-overlay{opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-942 .elementor-element.elementor-element-dc2eab9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;overflow:visible;}.elementor-942 .elementor-element.elementor-element-dc2eab9 > .elementor-shape-bottom svg{width:calc(160% + 1.3px);height:74px;}.elementor-942 .elementor-element.elementor-element-dc2eab9.elementor-section::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;background-color:inherit;}.elementor-bc-flex-widget .elementor-942 .elementor-element.elementor-element-28b2cbcb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-942 .elementor-element.elementor-element-28b2cbcb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-942 .elementor-element.elementor-element-28b2cbcb.elementor-column > .elementor-element-populated::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:inherit;background-color:inherit;}.elementor-942 .elementor-element.elementor-element-74cc3d06 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-942 .elementor-element.elementor-element-74cc3d06{text-align:center;}.elementor-942 .elementor-element.elementor-element-74cc3d06 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-4c39dcb );}.elementor-942 .elementor-element.elementor-element-8062209 .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );text-align:center;}.elementor-942 .elementor-element.elementor-element-8062209 .woocommerce-breadcrumb > a{color:var( --e-global-color-4c39dcb );}.elementor-942 .elementor-element.elementor-element-3e74e605 > .elementor-container{max-width:1170px;}.elementor-942 .elementor-element.elementor-element-3e74e605{padding:50px 0px 50px 0px;overflow:visible;}.elementor-942 .elementor-element.elementor-element-415d4302 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-942 .elementor-element.elementor-element-415d4302 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-2ffc778b > .elementor-container{max-width:1170px;}.elementor-942 .elementor-element.elementor-element-2ffc778b{padding:20px 0px 100px 0px;overflow:visible;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 > .elementor-widget-container{margin:0% 30% 0% 30%;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading .heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading .heading-section-subtitle{color:var( --e-global-color-primary );}.elementor-942 .elementor-element.elementor-element-1903b8b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-942 .elementor-element.elementor-element-1903b8b.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-942 .elementor-element.elementor-element-28b2cbcb{width:100%;}}@media(max-width:1024px){.elementor-942 .elementor-element.elementor-element-dc2eab9{padding:80px 0px 80px 0px;}.elementor-942 .elementor-element.elementor-element-74cc3d06 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-8062209 .woocommerce-breadcrumb{font-size:var( --e-global-typography-accent-font-size );}.elementor-942 .elementor-element.elementor-element-415d4302 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-2ffc778b{padding:80px 20px 80px 20px;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-1903b8b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-942 .elementor-element.elementor-element-dc2eab9{padding:50px 0px 50px 0px;}.elementor-942 .elementor-element.elementor-element-74cc3d06 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-8062209 .woocommerce-breadcrumb{font-size:var( --e-global-typography-accent-font-size );}.elementor-942 .elementor-element.elementor-element-3e74e605{padding:50px 20px 50px 20px;}.elementor-942 .elementor-element.elementor-element-415d4302 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-2ffc778b{padding:50px 20px 50px 20px;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-942 .elementor-element.elementor-element-5dd1dc80 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-942 .elementor-element.elementor-element-1903b8b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:1025px){.elementor-942 .elementor-element.elementor-element-dc2eab9:not(.elementor-motion-effects-element-type-background), .elementor-942 .elementor-element.elementor-element-dc2eab9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-1903b8b *//* ================================
   Elementor Archive Products (ID: 1903b8b)
   Modern category cards – NEI style
   ================================ */
:root{
  --nei-brand:#004080;
  --nei-brand-600:#0a5db0;
}

/* Scope to the widget */
.elementor-element.elementor-element-1903b8b ul.products{
  /* Modern responsive grid */
  display:grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap:24px;
  margin:0 !important;
}

/* Card base */
.elementor-element.elementor-element-1903b8b ul.products li.product-category.product{
  list-style:none;
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(0,64,128,.08);
  box-shadow:0 2px 6px rgba(0,64,128,.08);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position:relative;
}

/* Full-click area + layout */
.elementor-element.elementor-element-1903b8b ul.products li.product-category.product > a{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none !important;
}

/* Image: keep it clean and scalable */
.elementor-element.elementor-element-1903b8b ul.products li.product-category img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;             /* squares */
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

/* Content area */
.elementor-element.elementor-element-1903b8b ul.products li.product-category h2.woocommerce-loop-category__title{
  margin:0;
  padding:14px 16px 16px;
  font-size:1rem;
  font-weight:700;
  color:var(--nei-brand);
  line-height:1.35;
  display:flex;
  align-items:center;
  gap:8px;
}

/* Count badge */
.elementor-element.elementor-element-1903b8b ul.products li.product-category h2 .count{
  background:linear-gradient(135deg, var(--nei-brand), var(--nei-brand-600));
  color:#fff;
  border-radius:999px;
  padding:2px 10px;
  font-size:.78rem;
  font-weight:700;
  margin-left:auto;   /* push to end */
}

/* Hover effects */
.elementor-element.elementor-element-1903b8b ul.products li.product-category.product:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(0,64,128,.16);
  border-color:rgba(0,64,128,.20);
}
.elementor-element.elementor-element-1903b8b ul.products li.product-category.product:hover img{
  transform:scale(1.05);
}

/* Remove theme bullets/paddings if any */
.elementor-element.elementor-element-1903b8b .woocommerce ul.products{
  padding-left:0 !important;
}
.elementor-element.elementor-element-1903b8b .woocommerce ul.products li::marker{
  content:none;
}

/* Responsive columns */
@media (max-width: 1200px){
  .elementor-element.elementor-element-1903b8b ul.products{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px){
  .elementor-element.elementor-element-1903b8b ul.products{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px){
  .elementor-element.elementor-element-1903b8b ul.products{
    grid-template-columns: 1fr;
    gap:18px;
  }
}

/* Optional: tidy the default first/last classes from Woo grid */
.elementor-element.elementor-element-1903b8b ul.products li.first,
.elementor-element.elementor-element-1903b8b ul.products li.last{
  clear: none !important;
  margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS *//* ===== Archive Products – Full Width, No Crop, Fixed Box ===== */

/* Card styling */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid rgba(0,64,128,.08);
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0,64,128,.08);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  border-color: rgba(0,64,128,.18);
  box-shadow: 0 8px 18px rgba(0,64,128,.15);
}

/* Make link a flex column: artbox + title */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  text-decoration: none !important;
}

/* Fixed artbox container */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
  display: block;
  width: 100%;           /* always full width of box */
  height: 260px;         /* fixed height for uniformity */
  object-fit: contain;   /* NO crop — keeps full image inside */
  object-position: center;
  background: #f8f9fb;   /* clean background for transparent PNGs */
  border: 1px solid rgba(0,64,128,.12);
  border-radius: 12px;
  padding: 8px;          /* space around image */
  box-sizing: border-box;
  transition: transform .3s ease;
}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img {
  transform: scale(1.02);
}

/* Product Title */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #004080;
  line-height: 1.35;
}

/* Buttons */
.woocommerce ul.products li.product a.button {
  margin: 0 14px 16px;
  border-radius: 12px;
  font-weight: 600;
}

/* Responsive heights */
@media (max-width: 1024px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { height: 220px; }
}
@media (max-width: 768px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { height: 190px; }
}
@media (max-width: 480px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { height: 170px; }
}

.woocommerce ul.products li.product-category a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px; /* Set consistent card height */
}/* End custom CSS */