.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b69955c:#0D2A4A;--e-global-color-e94a78c:#C6A664;--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;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */:root{
  --jm-gold:#C6A664; --jm-blue:#0D2A4A; --jm-text:#0D2A4A;
  --jm-muted:#6b7280; --card-bg:#fafafa; --border:#eaeaea;
}

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

/* Bildbereich */
.jm-product-media{ position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:10px; background:var(--card-bg); }
.jm-product-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Badge */
/* Produkt-Container als Positionierungs-Referenz */
.jm-product-grid article {
  position: relative;
}

/* Badge Styling & Positionierung */
.jm-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #C6A664; /* Gold */
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 5;
}

.jm-badge--bestseller {
  background-color: #0D2A4A; /* Dunkelblau */
}


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

/* Preis – robust für Woo-Markup */
.jm-price{ display:flex; align-items:center; gap:8px; margin:0 4px 6px; }
.jm-price .amount, .jm-price .woocommerce-Price-amount{ font-weight:700; color:#111; }
.jm-price del{ color:var(--jm-muted); text-decoration:line-through; font-size:14px; }

/* Bewertung – simple goldene Sterne */
.jm-rating .star-rating, .jm-rating .star-rating span::before{ color: var(--jm-gold); }

/* Button */
.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); }

/* Grid (Loop Grid Wrapper) */
.jm-product-grid .elementor-loop-container{
  display:grid; gap:18px; grid-template-columns: repeat(3, minmax(0,1fr));
}
/* Produkt-Metadaten Wrapper */
.product_meta {
  font-size: 14px;
  color: #555;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

/* Einzelne Meta-Elemente */
.product_meta > span {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Meta-Labels (SKU:, Kategorie:) */
.product_meta .posted_in,
.product_meta .sku_wrapper,
.product_meta .tagged_as {
  font-weight: 600;
  color: #0D2A4A;
}

/* Links in den Metadaten */
.product_meta a {
  color: #C6A664;
  text-decoration: none;
  transition: color 0.3s ease;
}
.product_meta a:hover {
  color: #b19856;
}

/* SKU dezenter */
.product_meta .sku {
  color: #777;
  font-weight: 400;
}

/* Mobile Optimierung */
@media (max-width: 600px) {
  .product_meta {
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 992px){
  .jm-product-grid .elementor-loop-container{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .jm-product-grid .elementor-loop-container{ grid-template-columns: 1fr; }
}/* End custom CSS */