/* ───────────────────────────────────────────────
   0) Bezugspunkt
   ─────────────────────────────────────────────── */
.woocommerce ul.products li.product {
	position: relative;
}

/* ───────────────────────────────────────────────
	  1) Bild-Wrapper
	  ─────────────────────────────────────────────── */
.pc-img-wrap {
	position: relative;
	overflow: hidden;
}

img.pc-img {
	filter: brightness(0.97);
	border-radius: 8px;
	height: 155px !important;
	object-fit: contain;
	background-color: #ffffff;
}

/* ───────────────────────────────────────────────
	  2) Badge  „Stk./Karton“
	  ─────────────────────────────────────────────── */
.karton-badge {
	position: absolute;
	top: .5rem;
	right: .5rem;
	background: #f7efe3;
	color: #fff;
	font-size: .75rem;
	font-weight: 600;
	padding: .15rem .45rem;
	border-radius: 3px;
	white-space: nowrap;
	z-index: 5;
	pointer-events: none;
	font-size: 14px;
	color: #AF9166;
	font-weight: 500;
}

/* ───────────────────────────────────────────────
	  3) Button-Leiste  (Herz + Plus/Korb)
	  ─────────────────────────────────────────────── */
.pc-btnbar {
	position: absolute;
	bottom: 1.5rem;
	padding: 0px 10px;
	display: flex;
	gap: .35rem;
	z-index: 4;
	width: 100%;
	justify-content: space-between;
	align-items: end;
}

h2.woocommerce-loop-product__title a {
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	margin-bottom:5px;
	/* text-transform: lowercase; */
}

h2.woocommerce-loop-product__title {
	padding: 0px !important;
	margin-bottom: 5px !important;
}

p.product-weight {
	font-size: 12px !important;
}

.pc-additional-info {
    display: flex
;
    justify-content: flex-start;
    font-size: 12px !important;
    align-items: end;
    gap: 10px;
}

.pc-wishlist,
.qt-trigger {
	width: 2.2rem;
	height: 2.2rem;
	border: 0;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .15s;
}

button.qt-trigger {
	color: white;
	background-color: #2f7d3b;
}

button.qt-trigger:hover {
	color: white;
	background-color: #256933;
}

button.pc-wishlist {
	font-size: 14px;
	color: #9CA4A9;
	background-color: transparent;
	width: 1.2rem;
	height: 1.2rem;
	padding: 15px;
}

.pc-wishlist:hover, .pc-wishlist:active, .pc-wishlist:focus {
	background-color: #9CA4A9;
	color: white;
}

.pc-wishlist.in-wishlist i {
	color: #BB1818;
  }

  
.qt-trigger {
	position: static;
}

/* kein bottom/right mehr */

/* Cart-Count auf Korb-Icon */
.qt-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.qt-cart-count {
	position: absolute;
	top: -4px;
	right: 2px;
	min-width: 1rem;
	padding: 3px 2px;
	font-size: 10px;
	line-height: 1;
	background: white;
	color: black;
	border-radius: 8px;
	text-align: center;
	font-weight: 700;
}

/* ───────────────────────────────────────────────
	  4) Quick-Add-Overlay  (deckt die ganze Karte)
	  ─────────────────────────────────────────────── */
.qt-quickadd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	/* Blockt nichts */
}

.qt-quickadd * {
	pointer-events: auto;
}

/* panel & co klickbar */

/* ───────────────────────────────────────────────
	  5) Slide-Panel bleibt unten
	  ─────────────────────────────────────────────── */
.qt-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(105%);
	background: #ffffffee;
	backdrop-filter: blur(10px);
	padding: 1rem;
	padding-bottom: 2rem;
	transition: transform .25s ease;
	z-index: 5;
	margin: 0px;
	border-radius: 0px;
}

.qt-panel.open {
	transform: translateY(0);
}

.qt-stock-info {
	margin: -.25rem -.25rem .5rem;
	padding: .2rem .4rem;
	font-size: 10px;
	text-align: center;
	border-radius: 3px;
	color: #AF9166;
	font-weight: 600;
}

/* Menge & Aktion */
.qt-row {
	display: flex;
	align-items: center;
	width: 100%;
}

.qt-qty-row {
	justify-content: space-between;
	margin-bottom: .5rem;
}

.qt-minus,
.qt-plus-btn {
	background: #2f7d3b;
	color: white;
	font-size: 15px;
	border-radius: 100% !important;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	width: 2.2rem;
	height: 2.2rem;
}

button.qt-plus-btn:hover,
button.qt-plus-btn:active,
button.qt-plus-btn:focus {
	color: white;
	background-color: #256933;
}

button.qt-minus {
	background: white;
	color: #2f7d3b;
}

button.qt-minus:hover,
button.qt-minus:active,
button.qt-minus:focus {
	background: #efefef;
	color: #256933;
}

.qt-qty-input {
	flex: 1;
	margin: 0 .4rem;
	height: 2.25rem;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.qt-row.qt-qty-row input {
	border: 0px;
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
	appearance: none;
	background-color: transparent;

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield;
	/* Firefox */
}

.qt-action-row {
	position: relative;
	flex-direction: column;
	gap: 4px;
}

.qt-add,
.qt-update {
	flex: 1;
}

button.qt-add.button.alt,
button.qt-update.button.alt {
	background-color: #2f7d3b;
	font-size: 12px;
	font-weight: 500;
	padding: 10px;
	margin: 0px !important;
	width: 100%;
}

button.qt-add.button.alt:hover,
button.qt-update.button.alt:hover {
	background-color: #256933;
}

.qt-remove {

	border: none;
	background: transparent;
	font-size: 1rem;
	cursor: pointer;
	color: #c33;
	font-size: 12px;
	padding: 0px;
	font-weight: 500;
}

.qt-remove:hover {
	background-color: transparent;
	color: #c33;
	text-decoration: underline;

}

button.qt-remove i {
	font-size: 10px;
}

span.pc-price {
	font-size: 16px;
	font-weight: 600;
}

a.lmp_button {
	color: #9CA4A9 !important;
}