.elementor-593 .elementor-element.elementor-element-2c42a63{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-f9e42b4 */<style>
:root{
  --jm-gold:#C6A664;
  --jm-blue:#0D2A4A;
  --jm-text:#0D2A4A;
  --jm-muted:#6b7280;
  --card-bg:#fafafa;
  --border:#eaeaea;
}

.jm-shop-hero{
  height: 360px;
  background-image:url('https://juwelier-melissa.de/wp-content/uploads/2025/08/jm-hero.webp');
  background-size:cover; background-position:center;
  display:flex; align-items:center; justify-content:center; color:#fff;
}
.jm-shop-hero__overlay{
  width:100%; height:100%;
  background:linear-gradient(to left, rgba(0,0,0,.35), rgba(0,0,0,.15));
  display:flex; align-items:center; justify-content:center; padding:0 24px;
}
.jm-shop-hero__content{ max-width:860px; text-align:center; }
.jm-shop-hero__content h1{ font-size:42px; margin:0 0 8px; }
.jm-shop-hero__content p{ font-size:18px; opacity:.95; }

.jm-shop-container{ max-width:1200px; margin: 40px auto; padding:0 16px; }

.jm-shop-toolbar{
  display:flex; gap:16px; align-items:center; justify-content:space-between;
  margin-bottom:22px; flex-wrap:wrap;
}
.jm-chip-group{ display:flex; gap:8px; flex-wrap:wrap; }
.jm-chip{
  border:1px solid var(--border); background:#fff; color:var(--jm-text);
  padding:8px 12px; border-radius:999px; font-size:14px; cursor:pointer;
}
.jm-chip--active{ border-color:var(--jm-gold); color:#000; background: #fff7e0; }
.jm-toolbar-right{ display:flex; gap:10px; }
.jm-search, .jm-sort{
  border:1px solid var(--border); padding:10px 12px; border-radius:6px; font-size:14px;
}
.jm-search{ min-width:220px; }

.jm-product-grid{
  display:grid; gap:18px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 992px){
  .jm-product-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .jm-product-grid{ grid-template-columns: 1fr; }
}

.product{
  background:#fff; border:1px solid var(--border); border-radius:14px;
  padding:14px; transition:box-shadow .25s ease, transform .15s ease;
}
.product:hover{ box-shadow:0 8px 26px rgba(13,42,74,.08); transform:translateY(-2px); }

.jm-product-media{
  position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:10px; background:var(--card-bg);
}
.jm-product-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .35s ease;
}
.jm-product-media img.hover{ opacity:0; }
.product:hover .jm-product-media img.hover{ opacity:1; }

.jm-badge{
  position:absolute; z-index:2; top:12px; left:12px;
  background:var(--jm-gold); color:#fff; font-size:12px; padding:6px 10px; border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.jm-badge--bestseller{ background:#0D2A4A; }

.woocommerce-loop-product__title{
  font-size:16px; margin:12px 4px 6px; color:var(--jm-blue);
}

.jm-price{
  display:flex; align-items:center; gap:8px; margin:0 4px 6px;
}
.price .amount{ font-weight:700; color:#111; }
.price-old{ color:var(--jm-muted); text-decoration:line-through; font-size:14px; }

.jm-rating{
  position:relative; width:96px; height:16px; background:linear-gradient(90deg, #e5e7eb 0 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="16" viewBox="0 0 96 16"><defs><path id="s" d="M8 0l2.472 5.02 5.528.804-4 3.9.944 5.276L8 12.8 3.056 15l.944-5.276-4-3.9 5.528-.804z"/></defs><use href="%23s"/><use href="%23s" x="19"/><use href="%23s" x="38"/><use href="%23s" x="57"/><use href="%23s" x="76"/></svg>') center / contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="16" viewBox="0 0 96 16"><defs><path id="s" d="M8 0l2.472 5.02 5.528.804-4 3.9.944 5.276L8 12.8 3.056 15l.944-5.276-4-3.9 5.528-.804z"/></defs><use href="%23s"/><use href="%23s" x="19"/><use href="%23s" x="38"/><use href="%23s" x="57"/><use href="%23s" x="76"/></svg>');
}
.jm-rating span{
  position:absolute; inset:0; background:var(--jm-gold);
}

.button.jm-add{
  display:inline-block; width:100%; text-align:center; margin-top:10px;
  padding:10px 14px; border-radius:8px; text-decoration:none; font-weight:600;
  background:var(--jm-gold); color:#fff; transition:filter .2s ease;
}
.button.jm-add:hover{ filter:brightness(.95); }

.jm-pagination{
  display:flex; gap:8px; justify-content:center; margin:28px 0 10px;
}
.jm-page{
  display:inline-block; padding:8px 12px; border:1px solid var(--border); border-radius:8px; color:#111; text-decoration:none;
}
.jm-page.current{ background: var(--jm-gold); color:#fff; border-color:var(--jm-gold); }
.jm-page:hover{ border-color: var(--jm-gold); }
</style>/* End custom CSS */