.elementor-193 .elementor-element.elementor-element-8856b7f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-193 .elementor-element.elementor-element-cf9b598{--display:flex;}.elementor-193 .elementor-element.elementor-element-cf9b598:not(.elementor-motion-effects-element-type-background), .elementor-193 .elementor-element.elementor-element-cf9b598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-193 .elementor-element.elementor-element-7ea4226{--spacer-size:100px;}.elementor-193 .elementor-element.elementor-element-3b16e14.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-193 .elementor-element.elementor-element-3b16e14.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-193 .elementor-element.elementor-element-7b05c17{--spacer-size:100px;}.elementor-193 .elementor-element.elementor-element-42c04be{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-193 .elementor-element.elementor-element-3b16e14.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-193 .elementor-element.elementor-element-3b16e14.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-3b16e14 *//* =====================================================
   EVERWUD: SHOP PRODUCT CARDS STYLE v3  (prefix: ew-shg)
   Written for the REAL markup of your Blocksy product cards:
   li.product > figure > a.ct-media-container > img
              + h2.woocommerce-loop-product__title > a
              + span.price (when a price exists)
              + div.star-rating
              + ul.entry-meta (category)
              + div.ct-woo-card-actions > a.button

   HOW TO USE
   1) Delete ALL older card CSS first.
   2) Paste this WHOLE file once in: Archive Products widget > Advanced > Custom CSS
   3) Columns are set in the Archive Products widget. Gap is set here.
   ===================================================== */

@font-face{
  font-family:'EW MADE Mirage';
  src:url('https://everwud.com/wp-content/uploads/2026/10/MADE-Mirage-Medium-PERSONAL-USE.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
}

.elementor-widget-wc-archive-products{
  padding-top:60px;padding-bottom:110px;
}

/* ---------- grid ---------- */
.elementor-widget-wc-archive-products ul.products{
  gap:28px !important;column-gap:28px !important;row-gap:28px !important;
  margin:0 !important;padding:0 !important;list-style:none;
}
.elementor-widget-wc-archive-products ul.products::before,
.elementor-widget-wc-archive-products ul.products::after{display:none !important}

/* ---------- card ---------- */
.elementor-widget-wc-archive-products ul.products li.product{
  position:relative;
  display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;
  width:auto !important;max-width:none !important;min-width:0;
  margin:0 !important;padding:0 0 24px !important;
  text-align:left !important;
  background:#fff !important;
  border:1px solid rgba(81,30,35,.14) !important;border-radius:28px !important;
  box-shadow:0 10px 30px rgba(81,30,35,.08) !important;
  overflow:hidden;
  transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
  animation:ew-shg-in .8s cubic-bezier(.2,.7,.2,1) backwards; /* backwards so hover lift still works */
}
.elementor-widget-wc-archive-products ul.products li.product > *{flex:0 0 auto;min-width:0;max-width:100%}
.elementor-widget-wc-archive-products ul.products li.product:nth-child(1){animation-delay:.05s}
.elementor-widget-wc-archive-products ul.products li.product:nth-child(2){animation-delay:.15s}
.elementor-widget-wc-archive-products ul.products li.product:nth-child(3){animation-delay:.25s}
.elementor-widget-wc-archive-products ul.products li.product:nth-child(n+4){animation-delay:.35s}
.elementor-widget-wc-archive-products ul.products li.product:hover{
  transform:translateY(-10px);
  border-color:rgba(81,30,35,.32) !important;
  box-shadow:0 28px 54px rgba(81,30,35,.2) !important;
}

/* ---------- image: 4:5, fills the top of the card, zoom on hover ---------- */
.elementor-widget-wc-archive-products ul.products li.product figure{
  display:block !important;width:100% !important;margin:0 !important;padding:0 !important;
}
.elementor-widget-wc-archive-products ul.products li.product a.ct-media-container{
  position:relative;display:block !important;width:100% !important;
  aspect-ratio:4/5 !important;height:auto;
  overflow:hidden;border-radius:0 !important;background:#F5EBEC;
}
.elementor-widget-wc-archive-products ul.products li.product a.ct-media-container img{
  position:absolute !important;inset:0;
  width:100% !important;height:100% !important;max-width:none !important;
  aspect-ratio:auto !important;object-fit:cover;
  margin:0 !important;border-radius:0 !important;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.elementor-widget-wc-archive-products ul.products li.product:hover a.ct-media-container img{transform:scale(1.07)}
/* shine sweep */
.elementor-widget-wc-archive-products ul.products li.product a.ct-media-container::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);
  transform:translateX(-120%);
}
.elementor-widget-wc-archive-products ul.products li.product:hover a.ct-media-container::after{
  transform:translateX(120%);transition:transform .9s ease;
}

/* ---------- title ---------- */
.elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title{
  display:block;margin:20px 0 0 !important;padding:0 24px !important;
  font-family:'EW MADE Mirage','Poppins',sans-serif !important;
  font-weight:500 !important;font-synthesis:none;
  font-size:24px !important;line-height:1.12 !important;letter-spacing:-.02em !important;text-transform:none !important;
  color:#511E23 !important;
}
.elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title a{
  display:inline;color:#511E23 !important;font:inherit;letter-spacing:inherit;text-decoration:none !important;
}

/* ---------- price ---------- */
.elementor-widget-wc-archive-products ul.products li.product .price{
  display:block !important;margin:8px 0 0 !important;padding:0 24px !important;
  font-family:'Poppins',sans-serif;font-size:15px !important;font-weight:500;color:#333 !important;
}
.elementor-widget-wc-archive-products ul.products li.product .price *{font-size:inherit;color:inherit;background:none;text-decoration:none}
.elementor-widget-wc-archive-products ul.products li.product .price del{opacity:.5;margin-right:6px;text-decoration:line-through}
.elementor-widget-wc-archive-products ul.products li.product .price ins{font-weight:600}

/* ---------- rating stars (aligned with title / price) ---------- */
.elementor-widget-wc-archive-products ul.products li.product .star-rating{
  display:block !important;
  float:none !important;
  margin:10px 24px 0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-align:left !important;
}
/* star colours (brand burgundy) - yeh 2 rules na chahiye to delete kar dein */
.elementor-widget-wc-archive-products ul.products li.product .star-rating span::before{color:#511E23 !important}
.elementor-widget-wc-archive-products ul.products li.product .star-rating::before{color:rgba(81,30,35,.25) !important}

/* ---------- category label ---------- */
.elementor-widget-wc-archive-products ul.products li.product ul.entry-meta{
  display:block !important;margin:8px 0 0 !important;padding:0 24px !important;list-style:none;
}
.elementor-widget-wc-archive-products ul.products li.product ul.entry-meta li{
  display:inline;margin:0;padding:0;
  font-family:'Poppins',sans-serif;font-size:11px !important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
}
.elementor-widget-wc-archive-products ul.products li.product ul.entry-meta a{
  color:#8C4A52 !important;text-decoration:none !important;font-size:inherit;
}

/* ---------- button area (always visible, pinned to the bottom) ---------- */
.elementor-widget-wc-archive-products ul.products li.product .ct-woo-card-actions{
  display:block !important;position:static !important;
  opacity:1 !important;visibility:visible !important;transform:none !important;
  height:auto !important;max-height:none !important;
  margin:auto 0 0 !important;padding:18px 24px 0 !important;
  background:none !important;
}
.elementor-widget-wc-archive-products ul.products li.product .ct-woo-card-actions a.button,
.elementor-widget-wc-archive-products ul.products li.product .ct-woo-card-actions a.button:visited{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:auto !important;min-height:0 !important;margin:0 !important;padding:13px 26px !important;
  border-radius:999px !important;border:2px solid #511E23 !important;
  background:#511E23 !important;color:#fff !important;
  font-family:'Poppins',sans-serif;font-size:13px !important;font-weight:600 !important;letter-spacing:.04em;line-height:1 !important;text-decoration:none !important;text-transform:none !important;
  box-shadow:none;
  transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.elementor-widget-wc-archive-products ul.products li.product .ct-woo-card-actions a.button:hover,
.elementor-widget-wc-archive-products ul.products li.product .ct-woo-card-actions a.button:focus-visible{
  background:#fff !important;color:#511E23 !important;border-color:#511E23 !important;
  transform:translateY(-3px);box-shadow:0 12px 24px rgba(81,30,35,.2);outline:none;
}

/* ---------- sale badge (if used later) ---------- */
.elementor-widget-wc-archive-products ul.products li.product .onsale{
  position:absolute;top:16px;left:16px;right:auto;z-index:4;
  min-width:0;min-height:0;margin:0;padding:8px 14px;border-radius:999px;
  background:#511E23 !important;color:#fff !important;
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase;
  box-shadow:0 8px 18px rgba(81,30,35,.3);
}

/* ---------- result count + sorting ---------- */
.elementor-widget-wc-archive-products .woocommerce-result-count{font-family:'Poppins',sans-serif;font-size:14px;color:#555}
.elementor-widget-wc-archive-products .woocommerce-ordering select{
  height:auto !important;min-height:50px;line-height:1.4 !important;
  padding:12px 44px 12px 22px !important;box-sizing:border-box;
  border-radius:999px !important;border:1px solid rgba(81,30,35,.25) !important;
  background-color:#fff;color:#511E23;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;
}
.elementor-widget-wc-archive-products .woocommerce-ordering select:focus{outline:2px solid #8C4A52;outline-offset:2px}

/* ---------- pagination ---------- */
.elementor-widget-wc-archive-products nav.woocommerce-pagination{margin-top:56px;text-align:center}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul{display:inline-flex;gap:10px;border:0 !important;margin:0;padding:0;list-style:none}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li{border:0 !important;margin:0;float:none}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li a,
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li span{
  display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;
  background:#F5EBEC;color:#511E23;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;
  transition:background .3s ease,color .3s ease,transform .3s ease;
}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li a:hover{background:#511E23;color:#fff;transform:translateY(-3px)}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li span.current{background:#511E23;color:#fff}

/* ---------- keyframes ---------- */
@keyframes ew-shg-in{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}

@media (max-width:620px){
  .elementor-widget-wc-archive-products{padding-top:40px;padding-bottom:80px}
  .elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title{font-size:26px !important}
}
@media (prefers-reduced-motion:reduce){
  .elementor-widget-wc-archive-products ul.products li.product,
  .elementor-widget-wc-archive-products ul.products li.product *{animation:none !important;transition:none !important}
}/* End custom CSS */