.elementor-1332 .elementor-element.elementor-element-4e2b0d1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1332 .elementor-element.elementor-element-4416139 .gfc-root{--ink:#12100e;--paper:#fbf8f2;--coll-bg:#fbf8f2;--gold:#c9a45c;--gold2:#e3c98f;--golddk:#8f6d2c;--text:#1e1b17;--muted:#5f574d;--coral:#e2745b;--teal:#3c8c87;--gfc-cols-d:4;--gfc-cols-t:3;--gfc-cols-m:2;--gfc-gap:24px;}/* Start custom CSS for giufe_capsule_page, class: .elementor-element-4416139 *//* ============================================================
   GiuFé — Product Card Redesign (universal)
   Scope: any WooCommerce product loop — archive, Elementor
   widget, shortcode, related products.
   Namespace: gfnodo-
   Type: Jost 500 unified across title + button
   Paste into: Aspetto → Personalizza → CSS aggiuntivo
   ============================================================ */

:root{
  /* Palette */
  --gfnodo-ink:       #17120f;
  --gfnodo-ink-soft:  #4a4038;
  --gfnodo-cream:     #f6f2ea;
  --gfnodo-card:      #fffdf9;
  --gfnodo-gold:      #c6a15b;
  --gfnodo-gold-deep: #a9843f;
  --gfnodo-line:      rgba(23,18,15,.10);
  --gfnodo-shadow:    0 30px 60px -28px rgba(23,18,15,.35);

  /* Unified type spec — title and button both read from this */
  --gfnodo-type-family: 'Jost', sans-serif;
  --gfnodo-type-weight: 500;
  --gfnodo-type-size:   14px;
  --gfnodo-type-lh:     21px;
  --gfnodo-type-ls:     .06em;
}

/* ---------- Grid rhythm ---------- */
.woocommerce ul.products li.product{
  margin-bottom: 44px !important;
  list-style: none;
}
.woocommerce ul.products{ list-style: none; }

/* ---------- Kill duplicate image (OceanWP renders it twice) ---------- */
.woocommerce ul.products li.product .product-inner:has(> ul.woo-entry-inner li.image-wrap) > .woo-entry-image-swap{
  display: none !important;
}

/* ---------- Card shell ---------- */
.woocommerce ul.products li.product .product-inner{
  position: relative;
  background: var(--gfnodo-card);
  border: 1px solid var(--gfnodo-line);
  border-radius: 6px;
  padding: 0 !important;
  overflow: hidden;
  height: 100%;
  transition: transform .55s cubic-bezier(.22,1,.36,1),
              box-shadow .55s cubic-bezier(.22,1,.36,1),
              border-color .55s ease;
  will-change: transform;
}
.woocommerce ul.products li.product .product-inner::before{
  content:"";
  position:absolute; top:0; left:50%;
  width:0; height:2px; z-index:4;
  background: linear-gradient(90deg, transparent, var(--gfnodo-gold), transparent);
  transform: translateX(-50%);
  transition: width .6s cubic-bezier(.22,1,.36,1);
}
.woocommerce ul.products li.product .product-inner:hover{
  transform: translateY(-8px);
  box-shadow: var(--gfnodo-shadow);
  border-color: rgba(198,161,91,.45);
}
.woocommerce ul.products li.product .product-inner:hover::before{ width:100%; }

/* ---------- Image frame ---------- */
.woocommerce ul.products li.product .woo-entry-inner .woo-entry-image-swap{
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 100%;
  margin: 0;
  background: var(--gfnodo-cream);
  isolation: isolate;
}
.woocommerce ul.products li.product .woo-entry-image-swap > a.woocommerce-LoopProduct-link{
  display: block;
  width: 100%; height: 100%;
}
.woocommerce ul.products li.product .woo-entry-image-main,
.woocommerce ul.products li.product .woo-entry-image-secondary{
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 1.1s cubic-bezier(.22,1,.36,1), opacity .6s ease;
}
.woocommerce ul.products li.product .woo-entry-image-secondary{
  position: absolute; inset: 0;
  opacity: 0;
  z-index: 1;
}
.woocommerce ul.products li.product .product-inner:hover .woo-entry-image-secondary{
  opacity: 1;
}
.woocommerce ul.products li.product .product-inner:hover .woo-entry-image-main,
.woocommerce ul.products li.product .product-inner:hover .woo-entry-image-secondary{
  transform: scale(1.06);
}

/* ---------- Ambient gold sheen ---------- */
.woocommerce ul.products li.product .woo-entry-inner .woo-entry-image-swap::after{
  content:"";
  position:absolute; inset:-40%;
  z-index:2;
  pointer-events:none;
  background: linear-gradient(115deg,
              transparent 42%,
              rgba(255,246,225,.22) 50%,
              rgba(198,161,91,.14) 54%,
              transparent 62%);
  transform: translateX(-110%) rotate(0.001deg);
  animation: gfnodo-sheen 8.5s ease-in-out infinite;
}
.woocommerce ul.products > li.product:nth-child(4n+1) .woo-entry-image-swap::after{ animation-delay: 0s; }
.woocommerce ul.products > li.product:nth-child(4n+2) .woo-entry-image-swap::after{ animation-delay: 1.1s; }
.woocommerce ul.products > li.product:nth-child(4n+3) .woo-entry-image-swap::after{ animation-delay: 2.2s; }
.woocommerce ul.products > li.product:nth-child(4n+4) .woo-entry-image-swap::after{ animation-delay: 3.3s; }

@keyframes gfnodo-sheen{
  0%, 55%   { transform: translateX(-110%); }
  75%, 100% { transform: translateX(110%); }
}

/* ---------- Quick view pill ---------- */
.woocommerce ul.products li.product .owp-quick-view{
  position:absolute; z-index:3;
  left:50%; bottom:14px;
  transform: translate(-50%, 14px);
  opacity:0;
  padding: 9px 22px;
  font-family: var(--gfnodo-type-family);
  font-weight: var(--gfnodo-type-weight);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color: var(--gfnodo-cream) !important;
  background: rgba(23,18,15,.82);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(198,161,91,.5);
  border-radius: 999px;
  transition: opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1),
              background .3s ease, color .3s ease;
  white-space: nowrap;
}
.woocommerce ul.products li.product .product-inner:hover .owp-quick-view{
  opacity:1;
  transform: translate(-50%, 0);
}
.woocommerce ul.products li.product .owp-quick-view:hover{
  background: var(--gfnodo-gold);
  color: var(--gfnodo-ink) !important;
  border-color: var(--gfnodo-gold);
}

/* ---------- Meta: category · title · price ---------- */
.woocommerce ul.products li.product ul.woo-entry-inner{
  padding: 20px 18px 24px !important;
  margin: 0 !important;
  list-style: none;
}
.woocommerce ul.products li.product ul.woo-entry-inner > li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce ul.products li.product ul.woo-entry-inner > li.image-wrap{
  margin: -20px -18px 16px !important;
}
.woocommerce ul.products li.product ul.woo-entry-inner > li.rating:empty{ display:none; }

.woocommerce ul.products li.product li.category a{
  font-family: var(--gfnodo-type-family);
  font-weight: var(--gfnodo-type-weight);
  font-size:10.5px; letter-spacing:.26em; text-transform:uppercase;
  color: var(--gfnodo-gold-deep) !important;
  text-decoration:none;
}

/* ---------- TITLE — Jost 500 / 14px / 21px ---------- */
.woocommerce ul.products li.product li.title{ margin: 6px 0 10px !important; }
.woocommerce ul.products li.product li.title h2{ margin:0; font-size: inherit; }
.woocommerce ul.products li.product li.title h2,
.woocommerce ul.products li.product li.title h2 a{
  font-family: var(--gfnodo-type-family) !important;
  font-weight: var(--gfnodo-type-weight) !important;
  font-size:   var(--gfnodo-type-size) !important;
  line-height: var(--gfnodo-type-lh) !important;
  letter-spacing: var(--gfnodo-type-ls) !important;
  font-style: normal !important;
  text-transform: none;
  color: rgb(23, 18, 15) !important;
  text-decoration: none;
}
.woocommerce ul.products li.product li.title h2 a{
  background-image: linear-gradient(var(--gfnodo-gold), var(--gfnodo-gold));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 1px;
  transition: background-size .5s cubic-bezier(.22,1,.36,1), color .3s ease;
}
.woocommerce ul.products li.product .product-inner:hover li.title h2 a{
  background-size:100% 1px;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price bdi{
  font-family: var(--gfnodo-type-family) !important;
  font-weight: var(--gfnodo-type-weight);
  font-size:15px; letter-spacing:.06em;
  color: var(--gfnodo-ink-soft) !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol{
  color: var(--gfnodo-gold-deep) !important;
}

/* ---------- BUTTON — same Jost 500 / 14px / 21px ---------- */
.woocommerce ul.products li.product li.btn-wrap{ margin-top: 14px !important; }
.woocommerce ul.products li.product li.btn-wrap .add_to_cart_button{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  padding: 15px 26px !important;
  margin: 0 !important;
  font-family: var(--gfnodo-type-family) !important;
  font-weight: var(--gfnodo-type-weight) !important;
  font-size:   var(--gfnodo-type-size) !important;
  line-height: var(--gfnodo-type-lh) !important;
  letter-spacing: var(--gfnodo-type-ls) !important;
  font-style: normal !important;
  text-transform: none !important;
  text-align:center;
  box-sizing:border-box;
  color: rgb(198, 161, 91) !important;
  background: transparent !important;
  border: 1px solid rgba(198,161,91,.55) !important;
  border-radius: 0 !important;
  transition: color .35s ease .05s, border-color .35s ease;
  z-index:1;
}
.woocommerce ul.products li.product li.btn-wrap .add_to_cart_button::before{
  content:"";
  position:absolute; inset:0;
  z-index:-1;
  background: var(--gfnodo-ink);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .45s cubic-bezier(.22,1,.36,1);
}
.woocommerce ul.products li.product li.btn-wrap .add_to_cart_button:hover{
  color: var(--gfnodo-cream) !important;
  border-color: var(--gfnodo-ink) !important;
}
.woocommerce ul.products li.product li.btn-wrap .add_to_cart_button:hover::before{
  transform: scaleX(1);
}
.woocommerce ul.products li.product li.btn-wrap .added_to_cart{
  display:block;
  margin: 10px 0 0 !important;
  text-align:center;
  font-family: var(--gfnodo-type-family);
  font-weight: var(--gfnodo-type-weight);
  font-size:12px; letter-spacing:.06em;
  color: var(--gfnodo-gold-deep) !important;
}
.woocommerce ul.products li.product .add_to_cart_button.loading::after{
  color: var(--gfnodo-gold);
}

/* ---------- Grid gaps (Elementor grids only) ---------- */
.elementor-wc-products ul.products.elementor-grid{
  grid-column-gap: 20px;
  grid-row-gap: 2px !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px){
  :root{
    --gfnodo-type-size: 13px;
    --gfnodo-type-lh:   19px;
  }
  .woocommerce ul.products li.product ul.woo-entry-inner{ padding: 16px 14px 20px !important; }
  .woocommerce ul.products li.product ul.woo-entry-inner > li.image-wrap{ margin: -16px -14px 14px !important; }
  .woocommerce ul.products li.product li.btn-wrap .add_to_cart_button{ padding: 13px 18px !important; }
  .woocommerce ul.products li.product .owp-quick-view{
    opacity:1; transform: translate(-50%, 0);
    padding: 7px 16px; font-size:10px;
    background: rgba(23,18,15,.7);
  }
}

/* ---------- Accessibility ---------- */
.woocommerce ul.products li.product a:focus-visible{
  outline: 2px solid var(--gfnodo-gold);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product .woo-entry-image-swap::after{ animation:none; display:none; }
  .woocommerce ul.products li.product .product-inner,
  .woocommerce ul.products li.product .woo-entry-image-main,
  .woocommerce ul.products li.product .woo-entry-image-secondary,
  .woocommerce ul.products li.product li.btn-wrap .add_to_cart_button::before{
    transition:none;
  }
}/* End custom CSS */