/*
 * Omar Abul-Azayem – Engineer Product Card
 * Engineer Watches Product Card V3 / Plugin v2.0.0
 */

:root{
  --oaz-pc-primary:var(--ew-primary,#0B1F33);
  --oaz-pc-primary-hover:var(--ew-primary-hover,#102B46);
  --oaz-pc-accent:var(--ew-accent,#B89A5A);
  --oaz-pc-bg:#FFFFFF;
  --oaz-pc-soft:#F4F1EA;
  --oaz-pc-text:var(--ew-text,#121417);
  --oaz-pc-muted:var(--ew-muted,#66707A);
  --oaz-pc-border:var(--ew-border,#DEDAD2);
  --oaz-pc-success:var(--ew-success,#1F5A4A);
  --oaz-pc-danger:#B42318;
}

/* Kill inherited WoodMart card skin. */
.oaz-ew-product-card,
.oaz-ew-product-card .wd-product-wrapper,
.oaz-ew-product-card .product-wrapper{
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Main card */
.oaz-ew-product-card .oaz-ew-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:100%;
  padding:8px;
  overflow:hidden;
  border:1px solid rgba(222,218,210,.92);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,#FCFBF8 100%);
  box-shadow:
    0 1px 1px rgba(11,31,51,.02),
    0 8px 24px rgba(11,31,51,.045);
  isolation:isolate;
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .32s ease;
}

.oaz-ew-product-card .oaz-ew-card:before{
  content:none!important;
  display:none!important;
}

@media(hover:hover){
  .oaz-ew-product-card:hover .oaz-ew-card{
    transform:none;
    border-color:rgba(184,154,90,.42);
    box-shadow:
      0 2px 3px rgba(11,31,51,.025),
      0 18px 42px rgba(11,31,51,.11);
  }
}

/* Media stage */
.oaz-ew-card__media{
  position:relative;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:14px;
  background:#F7F5F0;
  isolation:isolate;
}

.oaz-ew-card__image-link{
  position:absolute;
  inset:0;
  display:block!important;
  overflow:hidden;
  border-radius:inherit;
  background:#F7F5F0;
  z-index:1;
}

/* Low-quality image placeholder: the same product image, intentionally pixelated. */
.oaz-ew-card__lqip{
  position:absolute;
  inset:0;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:pixelated;
  filter:saturate(.82) contrast(.94);
  opacity:.88;
  transform:scale(1.055);
  pointer-events:none;
}

.oaz-ew-card__image{
  position:absolute;
  inset:0;
  z-index:2;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform-origin:center;
  will-change:opacity,transform;
  transition:opacity .48s ease-in-out;
}

.oaz-ew-card__image--primary{
  opacity:1;
  transform:scale(1.055);
  z-index:2;
}
.oaz-ew-card__image--hover{
  opacity:0;
  transform:scale(1.055);
  z-index:3;
}

@media(hover:hover){
  .oaz-ew-card.has-hover-image:hover .oaz-ew-card__image--primary{
    opacity:0;
    transform:scale(1.055);
  }
  .oaz-ew-card.has-hover-image:hover .oaz-ew-card__image--hover{
    opacity:1;
    transform:scale(1.055);
  }
  .oaz-ew-card:not(.has-hover-image):hover .oaz-ew-card__image--primary{
    transform:scale(1.075);
  }
}

/* Badges */
.oaz-ew-card__badges{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  z-index:8;
}
.oaz-ew-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:5px 10px;
  border-radius:999px;
  box-shadow:0 5px 15px rgba(11,31,51,.08);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
  backdrop-filter:blur(7px);
}
.oaz-ew-card__badge--sale{
  background:rgba(11,31,51,.92);
  color:#fff;
}
.oaz-ew-card__badge--out{
  border:1px solid rgba(180,35,24,.18);
  background:rgba(255,255,255,.92);
  color:var(--oaz-pc-danger);
}

/* Floating action dock */
.oaz-ew-card__dock{
  position:absolute;
  left:50%;
  bottom:13px;
  z-index:12;
  display:flex;
  align-items:center;
  overflow:visible;
  padding:5px;
  border:1px solid rgba(184,154,90,.36);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(11,31,51,.98),rgba(16,43,70,.97));
  box-shadow:
    0 12px 30px rgba(11,31,51,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translate(-50%,18px) scale(.92);
  pointer-events:none;
  transition:
    opacity .22s ease,
    transform .34s cubic-bezier(.2,.8,.2,1);
}

@media(hover:hover){
  .oaz-ew-card:hover .oaz-ew-card__dock{
    opacity:1;
    transform:translate(-50%,0) scale(1);
    pointer-events:auto;
  }
}

.oaz-ew-card__action{
  position:relative;
  width:42px;
  height:40px;
  flex:0 0 42px;
  color:#FFFFFF;
  border-radius:10px;
  transition:
    background-color .16s ease,
    color .16s ease,
    transform .16s ease;
}
.oaz-ew-card__action + .oaz-ew-card__action:before{
  content:"";
  position:absolute;
  inset-inline-start:-1px;
  top:9px;
  bottom:9px;
  width:1px;
  background:rgba(184,154,90,.34);
}
.oaz-ew-card__action-icon{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
  pointer-events:none;
}
.oaz-ew-card__action-icon svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));
}
/* Action hover: premium tint; native WoodMart tooltip remains the single tooltip */
.oaz-ew-card__action:after{
  content:none!important;
  display:none!important;
}
@media(hover:hover){
  .oaz-ew-card__action:hover{
    background:rgba(184,154,90,.14);
    color:#E3C678;
    box-shadow:inset 0 0 0 1px rgba(184,154,90,.22);
    transform:translateY(-1px);
  }
  .oaz-ew-card__action:hover .oaz-ew-card__action-icon svg{
    stroke:#E3C678;
  }
}


.oaz-ew-card__native{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
}
.oaz-ew-card__native .wd-action-btn,
.oaz-ew-card__native .wlfmc-add-button,
.oaz-ew-card__native>div{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.oaz-ew-card__native a,
.oaz-ew-card__native button{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  cursor:pointer!important;
}
.oaz-ew-card__native a *,
.oaz-ew-card__native button *,
.oaz-ew-card__native .wd-tooltip-label,
.oaz-ew-card__native .wd-action-text,
.oaz-ew-card__native i,
.oaz-ew-card__native svg{
  display:none!important;
}
.oaz-ew-card__native a:before,
.oaz-ew-card__native a:after,
.oaz-ew-card__native button:before,
.oaz-ew-card__native button:after{
  content:none!important;
  display:none!important;
}

.oaz-ew-card__action--wishlist:has(.added),
.oaz-ew-card__action--wishlist:has(.wd-added),
.oaz-ew-card__action--compare:has(.added){
  color:#F1D28C;
}


/* Content */
.oaz-ew-card__content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
  padding:14px 7px 6px;
}
.oaz-ew-card__brand{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:18px;
  margin:0 0 5px;
  overflow:hidden;
  color:var(--oaz-pc-muted);
  font-size:10.5px;
  line-height:1.4;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.oaz-ew-card__brand-dot{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--oaz-pc-accent);
  box-shadow:0 0 0 3px rgba(184,154,90,.12);
}
.oaz-ew-card__brand a,
.oaz-ew-card__brand span{
  overflow:hidden;
  color:inherit!important;
  text-decoration:none!important;
  text-overflow:ellipsis;
}

.oaz-ew-card__title{
  display:-webkit-box;
  min-height:45px;
  margin:0;
  overflow:hidden;
  color:var(--oaz-pc-primary);
  font-size:14px;
  line-height:1.62;
  font-weight:850;
  text-align:right;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.oaz-ew-card__title a{
  color:inherit!important;
  text-decoration:none!important;
}

.oaz-ew-card__rating{
  min-height:17px;
  margin:6px 0 0;
}
.oaz-ew-card__rating .star-rating{
  margin:0!important;
  font-size:11px!important;
}

/* Footer layout */
.oaz-ew-card__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:14px;
}
.oaz-ew-card__price{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:42px;
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid rgba(222,218,210,.82);
  border-radius:11px;
  background:#F8F6F1;
}
.oaz-ew-card__price .price{
  display:flex!important;
  flex-wrap:nowrap;
  align-items:baseline;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  margin:0!important;
  color:var(--oaz-pc-primary)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:right!important;
}
.oaz-ew-card__price .woocommerce-Price-currencySymbol{
  color:var(--oaz-pc-accent)!important;
  font-size:.82em!important;
  font-weight:900!important;
}
.oaz-ew-card__price .price del{
  display:inline-flex!important;
  align-items:baseline;
  width:auto!important;
  flex:0 0 auto;
  color:#8A9098!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:600!important;
  opacity:1!important;
}
.oaz-ew-card__price .price del .woocommerce-Price-currencySymbol{
  color:#8A9098!important;
}
.oaz-ew-card__price .price ins{
  display:inline-flex!important;
  align-items:baseline;
  flex:0 0 auto;
  color:var(--oaz-pc-primary)!important;
  text-decoration:none!important;
  font-weight:900!important;
}


/* Add-to-cart CTA — uses the same WoodMart cart glyph as the header */
.oaz-ew-card__cta{
  flex:0 0 auto;
}
.oaz-ew-card__cta>a,
.oaz-ew-card__cta .button,
.oaz-ew-card__cta .oaz-ew-add-to-cart{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:142px;
  min-height:44px!important;
  margin:0!important;
  padding:8px 15px!important;
  overflow:hidden;
  border:1px solid var(--oaz-pc-primary)!important;
  border-radius:999px!important;
  background:var(--oaz-pc-primary)!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-transform:none!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
.oaz-ew-card__cta>a:before,
.oaz-ew-card__cta>a:after{
  content:none!important;
  display:none!important;
}
.oaz-ew-add-text{
  color:inherit!important;
}
.oaz-ew-add-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font-size:1.12em!important;
  line-height:1!important;
}
.oaz-ew-add-icon:before{
  content:"\f105";
  display:block;
  font-family:"woodmart-font"!important;
  font-size:1em;
  font-style:normal;
  font-weight:400;
  line-height:1;
  color:currentColor;
}
.oaz-ew-add-icon svg{
  display:none!important;
}

/* Clean inverse hover: no movement, no gold fill, no extra shadow */
@media(hover:hover){
  .oaz-ew-card__cta>a:hover,
  .oaz-ew-card__cta .button:hover,
  .oaz-ew-card__cta .oaz-ew-add-to-cart:hover{
    transform:none!important;
    border-color:var(--oaz-pc-primary)!important;
    background:#FFFFFF!important;
    color:var(--oaz-pc-primary)!important;
    box-shadow:none!important;
  }
}
.oaz-ew-card__cta>a:focus-visible,
.oaz-ew-card__cta .button:focus-visible,
.oaz-ew-card__cta .oaz-ew-add-to-cart:focus-visible{
  outline:2px solid var(--oaz-pc-accent);
  outline-offset:2px;
}

/* Reset any WoodMart controls that may still wrap the CTA. */
.oaz-ew-product-card .wd-add-btn{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* Home carousel navigation */
.ew-product-cards-home .wd-btn-arrow{
  border:1px solid var(--oaz-pc-border)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--oaz-pc-primary)!important;
  box-shadow:0 5px 14px rgba(11,31,51,.07)!important;
}
@media(hover:hover){
  .ew-product-cards-home .wd-btn-arrow:hover{
    background:var(--oaz-pc-primary)!important;
    color:#fff!important;
  }
}

/* Touch/tablet: actions must remain available without hover. */
@media(max-width:1024px),(hover:none){
  .oaz-ew-card__dock{
    opacity:1;
    transform:translate(-50%,0) scale(1);
    pointer-events:auto;
  }
}

@media(max-width:768px){
  .oaz-ew-product-card .oaz-ew-card{
    padding:7px;
    border-radius:15px;
  }
  .oaz-ew-card__media{
    border-radius:12px;
  }
  .oaz-ew-card__image{
    padding:9px;
  }
  .oaz-ew-card__content{
    padding:11px 4px 4px;
  }
  .oaz-ew-card__bottom{
    align-items:center;
    gap:8px;
    padding-top:11px;
  }
  .oaz-ew-card__price{
    width:max-content;
    min-width:0;
    min-height:39px;
    padding:6px 8px;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button{
    min-width:118px;
    min-height:39px!important;
    padding:7px 8px 7px 11px!important;
    font-size:10.5px!important;
  }
  .oaz-ew-add-icon{
    width:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    margin-inline-start:0!important;
  }
}

@media(max-width:575px){
  .oaz-ew-card__brand{
    font-size:9.5px;
    gap:5px;
  }
  .oaz-ew-card__title{
    min-height:39px;
    font-size:11.8px;
    line-height:1.52;
  }
  .oaz-ew-card__bottom{
    align-items:stretch;
    flex-direction:column;
  }
  .oaz-ew-card__price{
    width:max-content;
    max-width:100%;
    min-height:38px;
  }
  .oaz-ew-card__price .price{
    font-size:12.5px!important;
  }
  .oaz-ew-card__cta,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button{
    width:100%!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button{
    min-width:0;
  }
  .oaz-ew-card__dock{
    bottom:8px;
  }
  .oaz-ew-card__action{
    width:36px;
    height:34px;
    flex-basis:36px;
  }
  .oaz-ew-card__action-icon svg{
    width:16px;
    height:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .oaz-ew-product-card .oaz-ew-card,
  .oaz-ew-card__image,
  .oaz-ew-card__dock,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button{
    transition:none!important;
  }
}



/* Mobile-first card layout: compact, two-column friendly, no image obstruction */
@media(max-width:575px){
  .oaz-ew-product-card .oaz-ew-card{
    padding:5px!important;
    border-radius:13px!important;
  }

  .oaz-ew-card__media{
    overflow:visible!important;
    margin-bottom:17px!important;
    border-radius:10px!important;
  }
  .oaz-ew-card__image-link{
    overflow:hidden!important;
    border-radius:10px!important;
  }

  .oaz-ew-card__image{
    padding:6px!important;
  }

  /* Dock sits below the image instead of covering the watch */
  .oaz-ew-card__dock{
    top:auto!important;
    left:50%!important;
    bottom:-16px!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:3px!important;
    border-radius:10px!important;
    box-shadow:0 5px 14px rgba(11,31,51,.16)!important;
  }

  .oaz-ew-card__action{
    width:29px!important;
    height:29px!important;
    flex:0 0 29px!important;
    border-radius:8px!important;
  }

  .oaz-ew-card__action + .oaz-ew-card__action:before{
    top:7px!important;
    bottom:7px!important;
  }

  .oaz-ew-card__action-icon svg{
    width:14px!important;
    height:14px!important;
    stroke-width:1.8!important;
  }

  .oaz-ew-card__action:after{
    display:none!important;
    content:none!important;
  }

  .oaz-ew-card__badges{
    top:7px!important;
    right:7px!important;
    gap:4px!important;
  }

  .oaz-ew-card__badge{
    min-height:21px!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
  }

  .oaz-ew-card__content{
    padding:3px 3px 3px!important;
  }

  .oaz-ew-card__brand{
    min-height:0!important;
    margin:0 0 3px!important;
    font-size:8.8px!important;
    line-height:1.3!important;
  }

  .oaz-ew-card__brand-dot{
    width:4px!important;
    height:4px!important;
    flex-basis:4px!important;
    box-shadow:0 0 0 2px rgba(184,154,90,.12)!important;
  }

  .oaz-ew-card__title{
    min-height:34px!important;
    font-size:10.8px!important;
    line-height:1.42!important;
    -webkit-line-clamp:2!important;
  }

  .oaz-ew-card__rating{
    min-height:0!important;
    margin:4px 0 0!important;
  }

  .oaz-ew-card__rating .star-rating{
    font-size:9px!important;
  }

  .oaz-ew-card__bottom{
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:7px!important;
    padding-top:8px!important;
  }

  .oaz-ew-card__price{
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
  }

  .oaz-ew-card__price .price{
    font-size:11.2px!important;
    line-height:1.15!important;
  }

  .oaz-ew-card__price .price del{
    font-size:9px!important;
  }

  .oaz-ew-card__cta{
    width:100%!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    width:100%!important;
    min-width:0!important;
    min-height:35px!important;
    padding:6px 7px 6px 9px!important;
    gap:6px!important;
    font-size:9.6px!important;
    border-radius:999px!important;
  }

  .oaz-ew-add-icon{
    width:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    margin-inline-start:0!important;
  }

  .oaz-ew-add-icon svg{
    width:1.2em!important;
    height:1.2em!important;
  }
}

/* Very small phones: preserve legibility without making controls overlap */
@media(max-width:390px){
  .oaz-ew-card__title{
    font-size:10.2px!important;
  }

  .oaz-ew-card__action{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
  }

  .oaz-ew-card__action-icon svg{
    width:13px!important;
    height:13px!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:34px!important;
    font-size:9.2px!important;
  }
}

/* Price alignment ownership: plugin-only */
@media(min-width:576px){
  .oaz-ew-card__price{
    margin-left:auto!important;
    margin-right:0!important;
  }
}
@media(max-width:575px){
  .oaz-ew-card__price{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* CTA icon consistency — header cart glyph */
.oaz-ew-card__cta .oaz-ew-add-icon{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  background:transparent!important;
  color:inherit!important;
}
.oaz-ew-card__cta .oaz-ew-add-icon svg{
  display:none!important;
}
.oaz-ew-card__cta .oaz-ew-add-icon:before{
  content:"\f105"!important;
  font-family:"woodmart-font"!important;
  font-size:1em!important;
  font-weight:400!important;
  line-height:1!important;
  color:currentColor!important;
}

/* OAZ responsive card system 2.0.7 */

/* Type scale and spacing */
.oaz-ew-card__content{
  padding:13px 8px 6px!important;
}

.oaz-ew-card__brand{
  min-height:17px!important;
  margin:0 0 5px!important;
  gap:6px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

.oaz-ew-card__title{
  min-height:2.9em!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:800!important;
  -webkit-line-clamp:2!important;
}

.oaz-ew-card__rating{
  min-height:17px!important;
  margin:6px 0 0!important;
}
.oaz-ew-card__rating .star-rating{
  font-size:11.5px!important;
}

.oaz-ew-card__badge{
  min-height:26px!important;
  padding:5px 9px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
}

.oaz-ew-card__bottom{
  gap:10px!important;
  padding-top:12px!important;
}

.oaz-ew-card__price{
  min-height:42px!important;
  padding:7px 10px!important;
}
.oaz-ew-card__price .price{
  gap:8px!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.oaz-ew-card__price .price del{
  font-size:11px!important;
  line-height:1.15!important;
}
.oaz-ew-card__price .woocommerce-Price-currencySymbol{
  font-size:.8em!important;
}

.oaz-ew-card__cta>a,
.oaz-ew-card__cta .button,
.oaz-ew-card__cta .oaz-ew-add-to-cart{
  min-width:140px!important;
  min-height:44px!important;
  padding:8px 14px!important;
  gap:7px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

.oaz-ew-card__cta .oaz-ew-add-icon{
  font-size:1.08em!important;
}

/* Secondary card actions stay comfortably above WCAG 2.2 AA minimum target size. */
.oaz-ew-card__action{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.oaz-ew-card__action-icon svg{
  width:18px!important;
  height:18px!important;
}

/* Desktop/tablet price alignment. */
@media(min-width:576px){
  .oaz-ew-card__price{
    margin-left:auto!important;
    margin-right:0!important;
  }
}

/* Tablet */
@media(max-width:1024px){
  .oaz-ew-product-card .oaz-ew-card{
    padding:7px!important;
    border-radius:16px!important;
  }
  .oaz-ew-card__content{
    padding:11px 6px 5px!important;
  }
  .oaz-ew-card__title{
    font-size:14px!important;
    line-height:1.45!important;
  }
  .oaz-ew-card__brand{
    font-size:11px!important;
  }
  .oaz-ew-card__price .price{
    font-size:14px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-width:130px!important;
    min-height:44px!important;
    font-size:12px!important;
  }
}

/* Phones */
@media(max-width:575px){
  .oaz-ew-product-card .oaz-ew-card{
    padding:5px!important;
    border-radius:13px!important;
  }

  .oaz-ew-card__media{
    overflow:visible!important;
    margin-bottom:18px!important;
    border-radius:10px!important;
  }
  .oaz-ew-card__image-link{
    overflow:hidden!important;
    border-radius:10px!important;
  }
  .oaz-ew-card__lqip,
  .oaz-ew-card__image--primary{
    transform:scale(1.045);
  }
  .oaz-ew-card__image--hover{
    transform:scale(1.06);
  }

  .oaz-ew-card__dock{
    top:auto!important;
    left:50%!important;
    bottom:-17px!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:3px!important;
    border-radius:11px!important;
  }
  .oaz-ew-card__action{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .oaz-ew-card__action-icon svg{
    width:17px!important;
    height:17px!important;
  }

  .oaz-ew-card__badges{
    top:7px!important;
    right:7px!important;
    gap:4px!important;
  }
  .oaz-ew-card__badge{
    min-height:24px!important;
    padding:4px 7px!important;
    font-size:10px!important;
  }

  .oaz-ew-card__content{
    padding:7px 4px 4px!important;
  }
  .oaz-ew-card__brand{
    min-height:0!important;
    margin-bottom:4px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  .oaz-ew-card__title{
    min-height:2.8em!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:800!important;
  }
  .oaz-ew-card__rating{
    min-height:0!important;
    margin-top:4px!important;
  }
  .oaz-ew-card__rating .star-rating{
    font-size:10px!important;
  }

  .oaz-ew-card__bottom{
    display:flex!important;
    align-items:stretch!important;
    flex-direction:column!important;
    gap:8px!important;
    padding-top:9px!important;
  }
  .oaz-ew-card__price{
    width:max-content!important;
    max-width:100%!important;
    min-height:36px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:6px 9px!important;
    border-radius:9px!important;
  }
  .oaz-ew-card__price .price{
    gap:6px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .oaz-ew-card__price .price del{
    font-size:10px!important;
  }

  .oaz-ew-card__cta,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    width:100%!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-width:0!important;
    min-height:44px!important;
    padding:8px 10px!important;
    gap:7px!important;
    font-size:12px!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  .oaz-ew-card__title{
    font-size:12.5px!important;
  }
  .oaz-ew-card__action{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
  .oaz-ew-card__action-icon svg{
    width:16px!important;
    height:16px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    font-size:11.5px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oaz-ew-product-card .oaz-ew-card,
  .oaz-ew-card__image,
  .oaz-ew-card__dock,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button{
    transition:none!important;
  }
}

/* Price markup fix from rendered WooCommerce HTML */
/*
 * WooCommerce renders del/ins DIRECTLY inside .oaz-ew-card__price.
 * There is no .price wrapper here, so these selectors intentionally
 * target the real rendered markup.
 */
.oaz-ew-card__price{
  display:inline-flex!important;
  align-items:center!important;
  column-gap:8px!important;
  direction:rtl;
  white-space:nowrap!important;
}

/* Current price (sale price, or the only price when not on sale). */
.oaz-ew-card__price > ins,
.oaz-ew-card__price > .woocommerce-Price-amount{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  color:var(--oaz-pc-primary)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  direction:ltr;
}

/* Old price: one visual object with one continuous strike through EGP + number. */
.oaz-ew-card__price > del{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#8A9098!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:600!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  direction:ltr;
}

.oaz-ew-card__price > del *,
.oaz-ew-card__price > del .woocommerce-Price-amount,
.oaz-ew-card__price > del .woocommerce-Price-currencySymbol{
  color:inherit!important;
  text-decoration:none!important;
}

.oaz-ew-card__price > del:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1.5px;
  background:currentColor;
  transform:translateY(-50%);
  pointer-events:none;
  z-index:2;
}

/* Currency stays visually tied to its number. */
.oaz-ew-card__price > ins .woocommerce-Price-amount,
.oaz-ew-card__price > del .woocommerce-Price-amount,
.oaz-ew-card__price > .woocommerce-Price-amount{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}

/* Add-to-cart radius matches the price container. */
.oaz-ew-card__cta>a,
.oaz-ew-card__cta .button,
.oaz-ew-card__cta .oaz-ew-add-to-cart{
  border-radius:11px!important;
}

@media(max-width:1024px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount{
    font-size:14px!important;
  }
}

@media(max-width:575px){
  .oaz-ew-card__price{
    column-gap:6px!important;
  }
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount{
    font-size:13px!important;
  }
  .oaz-ew-card__price > del{
    font-size:10px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    border-radius:9px!important;
  }
}

/* Vertical centering inside price groups */
.oaz-ew-card__price > ins .woocommerce-Price-amount,
.oaz-ew-card__price > del .woocommerce-Price-amount,
.oaz-ew-card__price > .woocommerce-Price-amount{
  display:inline-flex!important;
  align-items:center!important;
  vertical-align:middle!important;
}
.oaz-ew-card__price .woocommerce-Price-currencySymbol{
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  line-height:1!important;
}

/* Pure image fade in/out */
.oaz-ew-card.has-hover-image .oaz-ew-card__image--primary,
.oaz-ew-card.has-hover-image .oaz-ew-card__image--hover{
  transition:opacity .48s ease-in-out!important;
}


/* OAZ fluid anti-overflow system 2.0.25 */
/*
 * Keep every product-card control inside its own card at any carousel/grid width.
 * The layout now responds to the card width itself (container queries), not only
 * to the browser viewport.
 */
.oaz-ew-product-card,
.oaz-ew-product-card .oaz-ew-card,
.oaz-ew-product-card .oaz-ew-card *{
  box-sizing:border-box;
}

.oaz-ew-product-card .oaz-ew-card{
  container-type:inline-size;
  container-name:oaz-product-card;
  max-width:100%;
}

.oaz-ew-card__media,
.oaz-ew-card__content,
.oaz-ew-card__bottom,
.oaz-ew-card__price,
.oaz-ew-card__cta{
  min-width:0!important;
  max-width:100%!important;
}

.oaz-ew-card__brand a,
.oaz-ew-card__brand span,
.oaz-ew-card__title,
.oaz-ew-card__title a{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Desktop/tablet cards: two genuinely fluid columns instead of fixed CTA widths. */
@media(min-width:576px){
  .oaz-ew-card__bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:clamp(6px,2cqi,10px)!important;
    width:100%!important;
  }

  .oaz-ew-card__price{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px clamp(6px,2.6cqi,10px)!important;
    justify-content:center!important;
    overflow:hidden;
    column-gap:clamp(4px,1.8cqi,8px)!important;
  }

  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(12px,4cqi,15px)!important;
  }

  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(9px,3.2cqi,11px)!important;
  }

  .oaz-ew-card__cta{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 0!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    padding:8px clamp(8px,3cqi,14px)!important;
    gap:clamp(5px,1.8cqi,7px)!important;
    font-size:clamp(10.5px,3.8cqi,12.5px)!important;
  }

  .oaz-ew-add-text{
    min-width:0!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important;
  }
}

/* If an individual card becomes narrow (e.g. 4 columns on a tablet),
   stack the footer based on CARD width, regardless of viewport width. */
@container oaz-product-card (max-width:260px){
  .oaz-ew-card__bottom{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  .oaz-ew-card__price{
    width:100%!important;
    justify-content:center!important;
  }

  .oaz-ew-card__cta,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    width:100%!important;
    min-width:0!important;
  }
}

/* Phones keep the existing stacked UX, but all children are explicitly bounded. */
@media(max-width:575px){
  .oaz-ew-card__bottom{
    width:100%!important;
    min-width:0!important;
  }

  .oaz-ew-card__price{
    max-width:100%!important;
  }

  .oaz-ew-card__cta,
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}


/* OAZ Arabic CTA glyph clipping fix 2.0.28 */
/*
 * Arabic/Cairo glyphs were clipped because the CTA text inherited a tight
 * 1.1–1.2 line box while both the text span and button were overflow-clipped.
 */
.oaz-ew-card__cta>a,
.oaz-ew-card__cta .button,
.oaz-ew-card__cta .oaz-ew-add-to-cart{
  overflow:visible!important;
  line-height:1.5!important;
}

.oaz-ew-card__cta .oaz-ew-add-text{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:auto!important;
  min-height:1.5em!important;
  max-width:100%!important;
  padding-block:.08em!important;
  overflow:visible!important;
  line-height:1.5!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

.oaz-ew-card__cta .oaz-ew-add-icon{
  align-self:center!important;
  line-height:1!important;
}

@media(min-width:576px){
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:44px!important;
  }
}


/* OAZ price and CTA visual scale 2.0.32 */
/*
 * Give the current price stronger visual hierarchy and keep the CTA legible
 * at real card widths without reintroducing overflow.
 */
@media(min-width:576px){
  .oaz-ew-card__price{
    column-gap:clamp(5px,1.9cqi,8px)!important;
    padding-inline:clamp(7px,2.8cqi,11px)!important;
  }

  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:clamp(13.5px,5cqi,15.5px)!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:clamp(9.5px,3.6cqi,11px)!important;
    font-weight:600!important;
  }

  .oaz-ew-card__price .woocommerce-Price-currencySymbol{
    font-size:.78em!important;
    font-weight:800!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:44px!important;
    padding-inline:clamp(9px,3.2cqi,14px)!important;
    gap:clamp(6px,2.1cqi,8px)!important;
    font-size:clamp(11.5px,4.1cqi,12.5px)!important;
    font-weight:800!important;
  }

  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.18em!important;
  }
}

/* The stacked narrow-card state can afford a touch more emphasis. */
@container oaz-product-card (max-width:260px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:14px!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    font-size:12px!important;
  }
}

/* Keep phone sizing balanced with the larger desktop/tablet hierarchy. */
@media(max-width:575px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:13.5px!important;
    font-weight:800!important;
  }

  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:10px!important;
  }

  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    font-size:12px!important;
    font-weight:800!important;
  }

  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.15em!important;
  }
}


/* OAZ card-width responsive typography 2.0.34 */
/*
 * Final responsive scale is based on the ACTUAL card width, not only viewport.
 * This covers desktop grids, tablet carousels, two-column phones and narrow cards.
 */
.oaz-ew-product-card .oaz-ew-card{
  container-type:inline-size;
  container-name:oaz-product-card;
}

/* Wide cards: desktop / roomy tablet */
@container oaz-product-card (min-width:341px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:15.5px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:11px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:44px!important;
    font-size:12.5px!important;
    gap:8px!important;
    padding-inline:14px!important;
  }
  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.18em!important;
  }
}

/* Normal cards: common 4-column desktop/tablet cards */
@container oaz-product-card (min-width:301px) and (max-width:340px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:10.5px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:44px!important;
    font-size:12.25px!important;
    gap:7px!important;
    padding-inline:11px!important;
  }
  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.17em!important;
  }
}

/* Compact cards: narrow tablet / dense carousel */
@container oaz-product-card (min-width:261px) and (max-width:300px){
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:14.25px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:10px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:43px!important;
    font-size:11.75px!important;
    gap:6px!important;
    padding-inline:9px!important;
  }
  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.14em!important;
  }
}

/* Narrow cards: two-column phones. Footer is stacked so text can stay readable. */
@container oaz-product-card (min-width:221px) and (max-width:260px){
  .oaz-ew-card__bottom{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .oaz-ew-card__price{
    width:100%!important;
    justify-content:center!important;
  }
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:14px!important;
    font-weight:800!important;
  }
  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:10px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:43px!important;
    font-size:12px!important;
    gap:7px!important;
    padding-inline:10px!important;
  }
  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.14em!important;
  }
}

/* Very narrow cards / small phones */
@container oaz-product-card (max-width:220px){
  .oaz-ew-card__bottom{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .oaz-ew-card__price{
    width:100%!important;
    justify-content:center!important;
    padding-inline:6px!important;
  }
  .oaz-ew-card__price > ins,
  .oaz-ew-card__price > .woocommerce-Price-amount,
  .oaz-ew-card__price .price{
    font-size:13.25px!important;
    font-weight:800!important;
  }
  .oaz-ew-card__price > del,
  .oaz-ew-card__price .price del{
    font-size:9.5px!important;
  }
  .oaz-ew-card__cta>a,
  .oaz-ew-card__cta .button,
  .oaz-ew-card__cta .oaz-ew-add-to-cart{
    min-height:42px!important;
    font-size:11.25px!important;
    gap:6px!important;
    padding-inline:8px!important;
  }
  .oaz-ew-card__cta .oaz-ew-add-icon{
    font-size:1.1em!important;
  }
}

/* Keep Arabic CTA line box safe at every width. */
.oaz-ew-card__cta .oaz-ew-add-text{
  line-height:1.5!important;
  min-height:1.5em!important;
  overflow:visible!important;
  text-overflow:clip!important;
}