.elementor-1473 .elementor-element.elementor-element-077e18d{--display:flex;}.elementor-1473 .elementor-element.elementor-element-02bfc53{--spacer-size:10px;}.elementor-1473 .elementor-element.elementor-element-ceb2437{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-ceb2437 *//* ================================
   J&J — Woo Product Grid (Jet Woo)
   ================================ */

:root{
  --ink:#0f172a;
  --muted:#6b7280;
  --brand:#CA8B54;
  --line:rgba(0,0,0,.10);
  --card:#fff;
  --radius:16px;
  --img-slot: 170px; /* image area height—tweak if needed */
}

/* Grid spacing (works with jet equal cols) */
.elementor-jet-woo-widgets-products .jet-woo-products{
  --gap: 22px;
  gap: var(--gap);
}

/* Item wrapper */
.jet-woo-products__item{
  height: 100%;
}
.jet-woo-products__inner-box{
  display:flex; flex-direction:column; height:100%;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}
.jet-woo-products__inner-box:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}

/* ===== Thumbnail area (fixed, centered, contain) ===== */
.jet-woo-products__thumb-wrap{
  background:#f7f8fb;
}
.jet-woo-product-thumbnail{
  height:var(--img-slot);
  padding:18px;
  display:flex; align-items:center; justify-content:center;
}
.jet-woo-product-thumbnail img{
  display:block !important;
  max-width:100% !important;
  max-height:calc(var(--img-slot) - 28px) !important;
  width:auto !important; height:auto !important;
  object-fit:contain !important;
}
.jet-woo-product-img-overlay{ display:none !important; } /* keep clean */

/* ===== Content ===== */
.jet-woo-products__item-content{
  display:flex; flex-direction:column;
  gap:8px;
  padding:14px 18px 16px;
}

/* Category */
.jet-woo-product-categories{
  text-align:center; font-size:12px; color:var(--muted);
}
.jet-woo-product-categories a{ color:var(--muted); text-decoration:none; }
.jet-woo-product-categories a:hover{ color:var(--ink); }

/* Title with divider like your style */
.jet-woo-product-title{
  position:relative; text-align:center;
  margin-top:2px; padding-top:14px;
}
.jet-woo-product-title::before{
  content:""; display:block; height:1px;
  background:var(--line);
  width:calc(100% - 40px); margin:0 auto 12px;
  border-radius:999px;
}
.jet-woo-product-title a{
  color:var(--ink); text-decoration:none; font-weight:700;
  font-size:14px; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Price */
.jet-woo-product-price{
  text-align:center; color:var(--brand);
  font-weight:800; margin-top:2px;
}
.jet-woo-product-price .amount{ color:var(--brand); }

/* Excerpt (optional) */
.jet-woo-product-excerpt{
  color:var(--muted); font-size:13px; text-align:center;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Button area pinned to bottom so all cards equal height */
.hovered-content, .jet-woo-product-button{
  margin-top:auto; /* pushes button to bottom */
}
.jet-woo-product-button .button{
  width:100%;
  height:40px; border-radius:12px;
  font-weight:700; letter-spacing:.1px;
  border:1px solid var(--brand);
  background:#f7efe8; color:#9a6b3d;
}
.jet-woo-product-button .button:hover{
  background:var(--brand); color:#fff; border-color:var(--brand);
}

/* Hide “hovered-content” reveal behavior, keep always visible */
.jet-woo-products__inner-box .hovered-content{ opacity:1; visibility:visible; transform:none; }

/* Badges (if used) */
.jet-woo-product-badges{ left:10px; top:10px; }
.jet-woo-product-badges .jet-woo-product-badge{
  background:var(--brand); color:#fff; border-radius:999px;
  padding:4px 8px; font-size:11px; line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}

/* Ratings clean & centered */
.jet-woo-product-rating{ text-align:center; margin-top:2px; }

/* Responsive tweaks */
@media (max-width:1024px){
  :root{ --img-slot: 160px; }
}
@media (max-width:767px){
  :root{ --img-slot: 150px; }
  .jet-woo-product-title a{ font-size:13.5px; }
}

/* General Woo fixes inside Jet cards */
.woocommerce .price del{ opacity:.6; }
.woocommerce .price ins{ text-decoration:none; }

/* Optional: remove ugly focus outlines on images (keep buttons accessible) */
.jet-woo-product-thumbnail a:focus{ outline:none; box-shadow:none; }/* End custom CSS */