/**
 * AYESH Phase 4 reusable catalogue card, shared by WC template override.
 * Rules are strictly scoped to .ayesh-card and classic WooCommerce lists.
 * Cascade layer important declarations prevent inherited legacy theme skins
 * from overriding newer Phase 4 card content (especially on mobile).
 */
@layer ayesh-phase4-card {
 html body :is(ul.products,.hb-products) > li.product.ayesh-card.product.product.product.product {
   display: flex !important;
   flex-direction: column !important;
   position: relative !important;
   text-align: left !important;
   background: #fff !important;
   border: 1px solid #ECECEE !important;
   border-radius: 15px !important;
   overflow: hidden !important;
   padding: 10px !important;
   box-shadow: none !important;
   margin-block: 0 !important;
   min-width: 0 !important;
   height: 100% !important;
 }
 html body li.product.ayesh-card .ayesh-card__inner {
   display:flex !important;
   flex-direction:column !important;
   flex:1 !important;
   min-height:0 !important;
   width:100% !important;
 }
 html body li.product.ayesh-card .ayesh-card__media {
   position:relative !important;
   width:100% !important;
   aspect-ratio:1/1 !important;
   overflow:hidden !important;
   border-radius: 10px !important;
   background:#fff !important;
   isolation:isolate !important;
 }
 html body li.product.ayesh-card .ayesh-card__image-link {
   display:block !important;
   position:relative !important;
   width:100% !important;
   height:100% !important;
   border-radius:10px !important;
 }
 html body :is(ul.products,.hb-products) > li.product.ayesh-card.product.product.product.product .ayesh-card__image-link img {
   display:block !important;
   position:absolute !important;
   inset:0 !important;
   width:100% !important;
   height:100% !important;
   max-height:none !important;
   max-width:none !important;
   min-width:0 !important;
   margin:0 !important;
   padding: 8px !important;
   object-fit:contain !important;
   object-position:center !important;
   background:transparent !important;
   border:0 !important;
   box-sizing:border-box !important;
   border-radius:10px !important;
   aspect-ratio:auto !important;
   box-shadow:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__secondary-image {
   opacity:0 !important;
   visibility:hidden !important;
   pointer-events:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__discount {
   position:absolute !important;
   top:9px !important;
   left:9px !important;
   z-index:2 !important;
   display:inline-block !important;
   max-width: 80% !important;
   border-radius:999px !important;
   background:#C91524 !important;
   color:white !important;
   padding:5px 8px !important;
   font-size:11px !important;
   font-weight:700 !important;
   line-height:1 !important;
   white-space:nowrap !important;
   letter-spacing:0 !important;
 }
 html body li.product.ayesh-card .ayesh-card__wishlist {
   position:absolute !important;
   top:7px !important;
   right:7px !important;
   z-index:3 !important;
   max-width:42px !important;
 }
 html body li.product.ayesh-card .ayesh-card__body {
   flex: 0 0 auto !important;
   display:flex !important;
   flex-direction:column !important;
   align-items:flex-start !important;
   min-width:0 !important;
   padding: 8px 2px 0 !important;
 }
 html body li.product.ayesh-card .ayesh-card__category {
   display:block !important;
   max-width:100% !important;
   margin-bottom:4px !important;
   overflow:hidden !important;
   white-space:nowrap !important;
   text-overflow:ellipsis !important;
   font-family:var(--ayesh-font-body,Arial,sans-serif) !important;
   font-size:11px !important;
   line-height:16px !important;
   color:#767676 !important;
   text-decoration:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__title {
   display:-webkit-box !important;
   -webkit-box-orient:vertical !important;
   -webkit-line-clamp:2 !important;
   white-space:normal !important;
   overflow:hidden !important;
   overflow-wrap:anywhere !important;
   width:100% !important;
   min-height:39px !important;
   max-height:40px !important;
   height:40px !important;
   padding:0 !important;
   margin:0 0 5px !important;
   font-family:var(--ayesh-font-body,'Libre Franklin',Arial,sans-serif) !important;
   font-size:13px !important;
   font-weight:600 !important;
   line-height:20px !important;
   letter-spacing:0 !important;
   text-align:left !important;
   color:#141414 !important;
 }
 html body li.product.ayesh-card .ayesh-card__title a {
   color:inherit !important;
   text-decoration:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__title a:hover,
 html body li.product.ayesh-card .ayesh-card__category:hover {
   color:#C91524 !important;
 }
 html body li.product.ayesh-card .ayesh-card__meta {
   display:flex !important;
   align-items:center !important;
   flex-wrap:wrap !important;
   gap:4px 8px !important;
   min-height:18px !important;
   width:100% !important;
 }
 html body li.product.ayesh-card .ayesh-card__rating {
   font-size:11px !important;
   color:#514C44 !important;
   line-height:16px !important;
   white-space:nowrap !important;
 }
 html body li.product.ayesh-card .ayesh-card__rating > span:first-child {
   color:#B78A29 !important;
 }
 html body li.product.ayesh-card .ayesh-card__review-count {
   color:#858585 !important;
 }
 html body li.product.ayesh-card .ayesh-card__stock {
   font-size:11px !important;
   line-height:16px !important;
   color:#696969 !important;
 }
 html body li.product.ayesh-card .ayesh-card__stock--out { color:#A4101E !important; }
 html body li.product.ayesh-card .ayesh-card__bottom {
   display:flex !important;
   flex-direction:column !important;
   align-items:stretch !important;
   gap:3px !important;
   margin-top:auto !important;
   padding:10px 2px 2px !important;
   width:100% !important;
   min-width:0 !important;
 }
 html body li.product.ayesh-card .ayesh-card__price {
   display:flex !important;
   flex-wrap:wrap !important;
   align-items:baseline !important;
   gap: 4px 7px !important;
   color:#141414 !important;
   font-size:16px !important;
   line-height:1.35 !important;
   font-weight:700 !important;
   margin:0 !important;
   min-height:23px !important;
 }
 html body li.product.ayesh-card :is(.ayesh-card__current,.ayesh-card__current .amount,.ayesh-card__current bdi) {
   color:#141414 !important;
   font-size:inherit !important;
   font-weight:700 !important;
   text-decoration:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__regular,
 html body li.product.ayesh-card .ayesh-card__regular :is(.amount,bdi),
 html body li.product.ayesh-card .ayesh-card__current del {
   color:#9A9A9A !important;
   font-size:11px !important;
   font-weight:400 !important;
   text-decoration:line-through !important;
 }
 html body li.product.ayesh-card .ayesh-card__current ins { text-decoration:none !important; }
 html body li.product.ayesh-card .ayesh-card__saving {
   color:#24724A !important;
   font-size:10px !important;
   min-height:15px !important;
   line-height:15px !important;
 }
 html body li.product.ayesh-card .ayesh-card__action {
   box-sizing:border-box !important;
   display:flex !important;
   align-items:center !important;
   justify-content:center !important;
   text-align:center !important;
   min-height:39px !important;
   width:100% !important;
   border:1px solid #C91524 !important;
   border-radius:9px !important;
   padding:8px 10px !important;
   margin:8px 0 0 !important;
   background:#fff !important;
   background-image:none !important;
   color:#C91524 !important;
   -webkit-text-fill-color:#C91524 !important;
   font-family:var(--ayesh-font-body,Arial,sans-serif) !important;
   font-size:12px !important;
   font-weight:700 !important;
   line-height:1.25 !important;
   letter-spacing:0 !important;
   text-transform:none !important;
   white-space:normal !important;
   box-shadow:none !important;
   text-decoration:none !important;
 }
 html body li.product.ayesh-card .ayesh-card__action--disabled {
   border-color:#E3E3E3 !important;
   background:#F6F6F6 !important;
   color:#858585 !important;
   -webkit-text-fill-color:#858585 !important;
   cursor:not-allowed !important;
 }
 html body li.product.ayesh-card .ayesh-card__action:not(.ayesh-card__action--disabled):is(:hover,:focus-visible) {
   background:#C91524 !important;
   border-color:#C91524 !important;
   color:white !important;
   -webkit-text-fill-color:white !important;
 }
 html body li.product.ayesh-card .ayesh-card__action:focus-visible {
   outline:2px solid #141414 !important;
   outline-offset:2px !important;
 }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 @layer ayesh-phase4-card {
  html body li.product.ayesh-card .ayesh-card__secondary-image {
    transition:opacity .22s ease,visibility .22s ease !important;
  }
  html body li.product.ayesh-card .ayesh-card__image-link:hover .ayesh-card__secondary-image {
    opacity:1 !important; visibility:visible !important;
  }
 }
}
@media (max-width:760px) {
  @layer ayesh-phase4-card {
    html body :is(ul.products,.hb-products) > li.product.ayesh-card.product.product.product.product { padding:7px !important; border-radius:11px !important; }
    html body li.product.ayesh-card .ayesh-card__title { font-size:12px !important; line-height:18px !important; height:36px !important; min-height:36px !important; max-height:36px !important; }
    html body li.product.ayesh-card .ayesh-card__price { font-size:14px !important; }
    html body li.product.ayesh-card .ayesh-card__action { font-size:11px !important; min-height:40px !important; padding:7px 5px !important; }
    html body li.product.ayesh-card .ayesh-card__wishlist { max-width:36px !important; }
  }
  /* Standard handheld shopping grid; homepage carousels use their own rail. */
  html body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-shop_need,.search) .woocommerce ul.products {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  html body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-shop_need,.search) .woocommerce ul.products > li.ayesh-card {
    float:none !important;
    clear:none !important;
    width:auto !important;
    margin:0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.ayesh-card .ayesh-card__secondary-image,
  ul.products li.ayesh-card .ayesh-card__secondary-image { transition:none !important; }
}