.elementor-3156 .elementor-element.elementor-element-95c6388{--display:flex;}.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 ), Sans-serif;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 ), Sans-serif;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 ), Sans-serif;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 ), Sans-serif;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 ), Sans-serif;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 ), Sans-serif;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 ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:40px;}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-secondary );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product{border-radius:0px;}.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-3156 .elementor-element.elementor-element-0799cdf{--display:flex;}@media(max-width:1024px){.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3156 .elementor-element.elementor-element-83bc1cb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-83bc1cb *//******** MAITEEZ — Prada-style vertical product cards (3:4, fills tile) ********/
/* Scope */
#mai-archive { position: relative; }

/* ====== GRID SPACING ====== */
#mai-archive ul.products{
  --mai-gap-x: 10px;
  --mai-gap-y: 20px;
}
#mai-archive ul.products li.product{
  margin: 0 var(--mai-gap-x) var(--mai-gap-y) var(--mai-gap-x) !important;
}

/* ====== CARD ====== */
#mai-archive ul.products li.product{
  background:#fff;
  border:none; border-radius:0;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .28s ease;
}
#mai-archive ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
}

/* ====== IMAGE TILE (3:4 and fills container) ====== */
#mai-archive ul.products li.product a.woocommerce-LoopProduct-link{
  display:block; position:relative;
  aspect-ratio: 3 / 4;           /* vertical tile */
  overflow:hidden;
}
#mai-archive ul.products li.product a.woocommerce-LoopProduct-link img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;              /* fill the tile edge-to-edge */
  display:block;
  transition: opacity .28s ease;
}

/* Hover swap (needs the PHP snippet that injects .secondary-image) */
#mai-archive ul.products li.product:hover a.woocommerce-LoopProduct-link img.wp-post-image{ opacity:0; }
#mai-archive ul.products li.product a.woocommerce-LoopProduct-link img.secondary-image,
#mai-archive ul.products li.product a.woocommerce-LoopProduct-link img.wp-post-image + img{ opacity:0; }
#mai-archive ul.products li.product:hover a.woocommerce-LoopProduct-link img.secondary-image,
#mai-archive ul.products li.product:hover a.woocommerce-LoopProduct-link img.wp-post-image + img{ opacity:1; }

/* ====== HIDE EXTRAS ====== */
#mai-archive ul.products li.product .star-rating,
#mai-archive ul.products li.product .button,
#mai-archive ul.products li.product .added_to_cart,
#mai-archive ul.products li.product .woocommerce-product-details__short-description,
#mai-archive ul.products li.product .posted_in,
#mai-archive ul.products li.product .product_meta,
#mai-archive ul.products li.product .woocommerce-loop-category__title,
#mai-archive ul.products li.product .ast-woo-product-category{
  display:none !important;
}

/* ====== TITLE ====== */
#mai-archive ul.products li.product .woocommerce-loop-product__title{
  margin:10px 4px 2px !important;
  font-size:15px; font-weight:500; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ====== PRICE ====== */
#mai-archive ul.products li.product .price{
  margin:0 4px 8px !important;
  font-weight:600; color:#111;
  display:flex; gap:6px; align-items:center;
}
#mai-archive ul.products li.product .price del{ color:#999; opacity:.85; font-weight:400; }
#mai-archive ul.products li.product .price ins{ text-decoration:none; }

/* ====== PAGINATION ====== */
#mai-archive nav.woocommerce-pagination{ display:flex; justify-content:center; margin-top:22px; }
#mai-archive .woocommerce-pagination ul.page-numbers{ display:flex; gap:8px; border:none; }
#mai-archive .woocommerce-pagination a, 
#mai-archive .woocommerce-pagination span{
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid #111; border-radius:999px; background:#fff; color:#111;
}
#mai-archive .woocommerce-pagination .current{ background:#111; color:#fff; }

/* ====== RESPONSIVE ====== */
@media (max-width:1024px){
  #mai-archive ul.products li.product .woocommerce-loop-product__title{ font-size:14px; }
}
@media (max-width:767px){
  #mai-archive ul.products li.product .woocommerce-loop-product__title{ font-size:13.5px; }
}










/* Layout  for tab and phone */


/* ===== MAI — MOBILE/TABLET (≤1024px) — original-img SLIDER (slide only, infinite) ===== */
@media (max-width:1024px){
  /* Compact grid */
  #mai-archive ul.products{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px 8px; /* row, column */
  }
  @media (max-width:767px){
    #mai-archive{ padding:0 8px; }
    #mai-archive ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px 8px; }
  }

  /* Kill desktop hover lift/swap on small screens */
  #mai-archive ul.products li.product,
  #mai-archive ul.products li.product:hover{
    transform:none !important;
    box-shadow:none !important;
  }

  /* Image tile shell */
  #mai-archive a.woocommerce-LoopProduct-link{
    position:relative; display:block;
    aspect-ratio:3/4; overflow:hidden; background:#f7f7f7;
  }

  /* ===== Force SLIDE-only behavior (no fades) and ensure visibility ===== */
  #mai-archive a.woocommerce-LoopProduct-link img,
  #mai-archive a.woocommerce-LoopProduct-link img.wp-post-image,
  #mai-archive a.woocommerce-LoopProduct-link img.secondary-image,
  #mai-archive a.woocommerce-LoopProduct-link img.wp-post-image + img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover; display:block;
    opacity:1 !important; visibility:visible !important;
    transition:transform .35s ease !important;  /* slide only */
    will-change:transform;
  }

  /* Start positions: primary in view, secondary pushed right */
  #mai-archive a.woocommerce-LoopProduct-link img.wp-post-image{ transform:translateX(0%); }
  #mai-archive a.woocommerce-LoopProduct-link img.secondary-image,
  #mai-archive a.woocommerce-LoopProduct-link img.wp-post-image + img{ transform:translateX(100%); }

  /* Toggled state: show secondary, move primary left */
  #mai-archive a.woocommerce-LoopProduct-link.mai-show-2 img.wp-post-image{ transform:translateX(-100%); }
  #mai-archive a.woocommerce-LoopProduct-link.mai-show-2 img.secondary-image,
  #mai-archive a.woocommerce-LoopProduct-link.mai-show-2 img.wp-post-image + img{ transform:translateX(0%); }

  /* Dots (subtle gray) */
  #mai-archive a.woocommerce-LoopProduct-link .mai-dots-simple{
    position:absolute; left:50%; bottom:10px; transform:translateX(-50%);
    display:flex; gap:6px; z-index:2;
  }
  #mai-archive a.woocommerce-LoopProduct-link .mai-dots-simple .mai-dot{
    width:6px; height:6px; border-radius:50%;
    border:1.5px solid #9aa0a6; background:transparent;
  }
  #mai-archive a.woocommerce-LoopProduct-link .mai-dots-simple .mai-dot.active{
    background:#6b7280; border-color:#6b7280;
  }

  /* Nuke any leftover overlay slider from earlier attempts */
  #mai-archive .mai-slide-wrap,
  #mai-archive .mai-dots{ display:none !important; }
  #mai-archive a.woocommerce-LoopProduct-link.mai-slider-ready > img{ opacity:1 !important; } /* neutralize old rule */
}/* End custom CSS */