.elementor-kit-22{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-605f88c:#7D7274;--e-global-color-a6399ac:#FF3E6C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-1588234-font-family:"Montserrat";--e-global-typography-1588234-font-size:16px;--e-global-typography-1588234-font-weight:600;--e-global-typography-02e12d0-font-family:"Cormorant Garamond";--e-global-typography-02e12d0-font-weight:600;--e-global-typography-08e301a-font-family:"Cormorant Garamond";--e-global-typography-08e301a-font-size:24px;--e-global-typography-08e301a-font-weight:600;--e-global-typography-bb364e7-font-family:"DM Sans";--e-global-typography-bb364e7-font-size:16px;--e-global-typography-bb364e7-font-weight:600;--e-global-typography-38fc98d-font-family:"Cormorant Garamond";--e-global-typography-38fc98d-font-size:16px;font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-kit-22 e-page-transition{background-color:#FFBC7D;}.elementor-kit-22 h1{font-family:"Cormorant Garamond", Sans-serif;font-weight:300;font-style:italic;}.elementor-kit-22 h2{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@keyframes cardBounce {
  0%   { transform: translateY(0px); }
  40%  { transform: translateY(-10px); }
  60%  { transform: translateY(-7px); }
  75%  { transform: translateY(-9px); }
  90%  { transform: translateY(-8px); }
  100% { transform: translateY(-8px); }
}

@keyframes cardSettle {
  from { transform: translateY(-8px); }
  to   { transform: translateY(0px); }
}

.woocommerce ul.products li.product {
  transition: box-shadow 0.5s ease;
  cursor: pointer;
  will-change: transform;
}

.woocommerce ul.products li.product:hover {
  animation: cardBounce 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.10);
}

.woocommerce ul.products li.product:not(:hover) {
  animation: cardSettle 0.5s ease forwards;
}

/* Image slow zoom */
.woocommerce ul.products li.product img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.04);
}

/* Button fade up */
.woocommerce ul.products li.product .button {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.woocommerce ul.products li.product:hover .button {
  opacity: 1;
  transform: translateY(0);
}

/* =============================================
   FEATURED PRODUCTS — PADDING & STYLE FIX
   FashionTrend LK
   ============================================= */

/* Fix the grid container padding */
.woocommerce ul.products {
  padding: 0 20px !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* Fix individual card spacing */
.woocommerce ul.products li.product {
  padding: 0 !important;
  margin-bottom: 30px !important;
  box-sizing: border-box;
  overflow: hidden;
}

/* Fix first & last card getting clipped */
.woocommerce ul.products li.product:first-child {
  margin-left: 0 !important;
}
.woocommerce ul.products li.product:last-child {
  margin-right: 0 !important;
}

/* ---- Price color fix (remove teal) ---- */
.woocommerce ul.products li.product .price {
  color: #0F0F0F !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.5px;
}

/* Sale price */
.woocommerce ul.products li.product .price ins {
  color: #B8956A !important;
  text-decoration: none !important;
  font-weight: 500;
}

/* Strikethrough old price */
.woocommerce ul.products li.product .price del {
  color: #aaa !important;
  font-size: 12px;
}

/* ---- Product title fix ---- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #0F0F0F !important;
  line-height: 1.4 !important;
  padding: 12px 0 4px !important;
}

/* ---- Sale badge — replace green circle ---- */
.woocommerce ul.products li.product .onsale {
  background: #0F0F0F !important;
  color: #FAFAF8 !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1.4 !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  border-radius: 0 !important;
}

/* ---- Hide the bottom action icons (wishlist/compare) ---- */
/* Optional: comment this out if you want to keep them */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .compare-button,
.woocommerce ul.products li.product .woosw-btn,
.woocommerce ul.products li.product .woosc-btn {
  display: none !important;
}

/* ---- Section heading fix ---- */
.woocommerce .woocommerce-products-header__title,
h2.woocommerce-loop-product__title,
.elementor-widget-woocommerce-products h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}/* End custom CSS */