.elementor-447 .elementor-element.elementor-element-df42eec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:25px;padding:10px 10px 10px 10px;border-color:#DFDFDF;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:30px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DFDFDF;border-radius:25px 25px 25px 25px;margin-bottom:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;margin-bottom:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;margin-bottom:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .price{color:#000000;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#374151;border-color:#FBFBFB;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;text-decoration:none;border-style:none;border-radius:25px 25px 25px 25px;margin-top:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product .button:hover{background-color:#2C3442;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products .added_to_cart{color:#01020200;margin-inline-start:0px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#E72828;border-radius:10px;margin:1px;}.elementor-447 .elementor-element.elementor-element-cbfc7e9 .elementor-products-nothing-found{color:#000000;}@media(max-width:1024px){.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-447 .elementor-element.elementor-element-cbfc7e9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-df42eec *//* ===========================================
   WooCommerce Grid – Icon-Only Add-to-Cart (SEXY EDITION)
   - Left side, icon-only, shows on hover
   - Fancy transitions, focus ring, optional halo & tooltip
   =========================================== */

/* ---------- Quick knobs you can tweak ---------- */
:root {
  --wc-icon-size: 26px;               /* 24–32px feels right */
  --wc-icon-color: #000;              /* default icon color */
  --wc-icon-hover-color: #000;        /* hover icon color */
  --wc-icon-offset-x: 1rem;           /* distance from left edge */
  --wc-icon-offset-y: 1rem;           /* distance from top edge */
  --wc-icon-scale: 1.06;              /* slight scale on hover */
  --wc-ease-spring: cubic-bezier(.2,.9,.2,1); /* tasteful spring */
  --wc-tooltip-bg: rgba(0,0,0,.72);   /* tooltip background */
  --wc-tooltip-color: #fff;           /* tooltip text color */
  --wc-tooltip-radius: 6px;           /* tooltip rounding */
  --wc-tooltip-offset: 8px;           /* space between icon & tooltip */
  --wc-focus-ring: 0 0 0 4px rgba(0,0,0,.15); /* keyboard focus */
  --wc-halo-enabled: 0;               /* 0 = off, 1 = on */
  --wc-halo-color: rgba(0,0,0,.06);   /* halo tint (only when enabled) */
  --wc-halo-blur: 12px;               /* halo blur size */
}

/* Position context */
.woocommerce ul.products li.product { position: relative; }

/* Base button (strip theme chrome, set size/position) */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_simple.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_variable,
.woocommerce ul.products li.product a.product_type_grouped,
.woocommerce ul.products li.product a.product_type_external {
  position: absolute;
  top: var(--wc-icon-offset-y);
  left: var(--wc-icon-offset-x);
  right: auto;
  z-index: 6;

  /* kill theme button look */
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  /* icon box dimensions */
  width: var(--wc-icon-size);
  height: var(--wc-icon-size);
  display: inline-block;

  /* hide text, keep for screen readers */
  font-size: 0; line-height: 0; color: transparent;
  text-indent: 100%; white-space: nowrap; overflow: hidden;

  /* start hidden; animate in */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  pointer-events: none;
  transition:
    opacity .24s var(--wc-ease-spring),
    transform .24s var(--wc-ease-spring),
    visibility 0s linear .24s,
    box-shadow .24s var(--wc-ease-spring);
}

/* Icon glyph via URL-encoded SVG mask (no raw markup) */
.woocommerce ul.products li.product a.add_to_cart_button::before,
.woocommerce ul.products li.product a.product_type_simple.add_to_cart_button::before,
.woocommerce ul.products li.product a.product_type_variable::before,
.woocommerce ul.products li.product a.product_type_grouped::before,
.woocommerce ul.products li.product a.product_type_external::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--wc-icon-color);

  /* Encoded SVG (Material-ish cart) */
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.16 14h9.53c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 21.14 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.44A2.003 2.003 0 0 0 8 17h12v-2H8.42c-.14 0-.25-.11-.25-.25l.04-.09L7.16 14Z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.16 14h9.53c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 21.14 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.44A2.003 2.003 0 0 0 8 17h12v-2H8.42c-.14 0-.25-.11-.25-.25l.04-.09L7.16 14Z'/%3E%3C/svg%3E") no-repeat center / contain;

  transition: background-color .2s var(--wc-ease-spring), transform .24s var(--wc-ease-spring);
}

/* Reveal & animate in on card hover/focus */
.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce ul.products li.product:focus-within a.add_to_cart_button {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s;
}

/* Subtle scale & color on direct hover of the icon area */
.woocommerce ul.products li.product a.add_to_cart_button:hover::before {
  transform: scale(var(--wc-icon-scale));
  background-color: var(--wc-icon-hover-color);
}

/* Optional glass halo (only on hover) */
.woocommerce ul.products li.product a.add_to_cart_button::after {
  content: "";
  position: absolute;
  inset: -6px;                 /* slightly larger than icon */
  border-radius: 999px;
  background: var(--wc-halo-color);
  filter: blur(var(--wc-halo-blur));
  opacity: calc(var(--wc-halo-enabled) * 0); /* start transparent */
  transition: opacity .24s var(--wc-ease-spring);
  pointer-events: none;
}
.woocommerce ul.products li.product a.add_to_cart_button:hover::after {
  opacity: calc(var(--wc-halo-enabled) * 1); /* show if enabled */
}

/* Tooltip (uses aria-label content; no extra HTML needed) */
.woocommerce ul.products li.product a.add_to_cart_button::marker { content: none; } /* safety reset */
.woocommerce ul.products li.product a.add_to_cart_button::before,
.woocommerce ul.products li.product a.add_to_cart_button::after { will-change: transform, opacity; }

.woocommerce ul.products li.product a.add_to_cart_button::part(tooltip) { /* no-op, just future-proof */ }

.woocommerce ul.products li.product a.add_to_cart_button:is(:hover, :focus-visible)::selection { background: transparent; }

.woocommerce ul.products li.product a.add_to_cart_button::cue { /* noop */ }

/* Implement the tooltip via an extra pseudo on the *wrapper* */
.woocommerce ul.products li.product a.add_to_cart_button + .wc-tooltip { display:none; } /* in case theme injects */

.woocommerce ul.products li.product a.add_to_cart_button::after {
  /* we already used ::after for halo; make tooltip on a separate pseudo using ::before? */
}

/* Use a separate pseudo: we’ll repurpose a wrapper pseudo on the link itself with CSS "content" trick */
.woocommerce ul.products li.product a.add_to_cart_button:hover:before,
.woocommerce ul.products li.product a.add_to_cart_button:focus-visible:before { /* we already used ::before for icon, so use a new .elementor-447 .elementor-element.elementor-element-df42eec below for tooltip */
  /* noop – icon handled above */
}

/* Real tooltip via a sibling pseudo on the product itself targeting the link (CSS-only hack) */
.woocommerce ul.products li.product:hover a.add_to_cart_button::after,
.woocommerce ul.products li.product:focus-within a.add_to_cart_button::after {
  /* already halo – keep it */
}

/* Simpler tooltip approach: create it on the anchor using a second layer inside :after when halo disabled.
   If you want a tooltip, switch halo to 0 and uncomment the block below. */

/*
.woocommerce ul.products li.product a.add_to_cart_button::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translate(-50%, calc(-100% - var(--wc-tooltip-offset))) translateY(6px);
  top: 0;
  padding: 6px 9px;
  border-radius: var(--wc-tooltip-radius);
  background: var(--wc-tooltip-bg);
  color: var(--wc-tooltip-color);
  font: 500 11px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s var(--wc-ease-spring), transform .22s var(--wc-ease-spring);
}
.woocommerce ul.products li.product a.add_to_cart_button:hover::after,
.woocommerce ul.products li.product a.add_to_cart_button:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, calc(-100% - var(--wc-tooltip-offset))) translateY(0);
}
*/

/* Keep visible after click (Woo adds .added) */
.woocommerce ul.products li.product a.add_to_cart_button.added {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* Sale badge layering (you said the badge is on the right) */
.woocommerce ul.products li.product .onsale { z-index: 7; }

/* Accessibility: clear, visible focus on keyboard */
.woocommerce ul.products li.product a.add_to_cart_button:focus-visible {
  outline: none;
  box-shadow: var(--wc-focus-ring);
  border-radius: 999px; /* ring looks nicer as a circle around the icon box */
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product a.add_to_cart_button,
  .woocommerce ul.products li.product a.add_to_cart_button::before,
  .woocommerce ul.products li.product a.add_to_cart_button::after {
    transition: none !important;
  }
}

/* Mobile: always show and keep in flow */
@media (max-width: 768px) {
  .woocommerce ul.products li.product a.add_to_cart_button {
    position: static;
    margin-top: .5rem;
    opacity: 1; visibility: visible; transform: none; pointer-events: auto;
    box-shadow: none;
  }
}/* End custom CSS */