/**
 * Modern Product Cards — OPC070174-1
 * ------------------------------------------------
 * product_list.tpl + product_list_module.tpl
 * .pcard sınıflarıyla görünümü modernleştirir.
 *
 * Geri alma: header.tpl içindeki product-card-modern.css
 * satırını kaldırın.
 * ------------------------------------------------
 */

:root {
	--pc-blue: #1e5fbf;
	--pc-blue-deep: #1455a9;
	--pc-blue-soft: #408de4;
	--pc-yellow: #ffd200;
	--pc-ink: #1b1b1b;
	--pc-muted: #5c6570;
	--pc-line: #e8ecf1;
	--pc-surface: #ffffff;
	--pc-soft: #f4f6f8;
	--pc-radius: 12px;
	--pc-shadow: 0 4px 16px rgba(20, 40, 80, 0.07);
	--pc-shadow-hover: 0 10px 28px rgba(20, 40, 80, 0.12);
	--pc-transition: 0.22s ease;
}

/* ========== Layout shells ========== */
.module-lister.product-layout.product-grid,
.product-listgrid .product-layout.product-grid {
	border: none !important;
	background: transparent !important;
	padding: 6px !important;
	margin: 0 0 10px !important;
	border-radius: 0 !important;
}

.product-listgrid .product-layout.product-grid:hover {
	border: none !important;
}

.carouselss .module-lister {
	width: 100% !important;
	float: none;
	padding: 6px !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
}

.product-listgrid .product-layout.product-list {
	border: none !important;
	background: transparent !important;
	padding: 6px !important;
	margin: 0 0 12px !important;
	float: none !important;
	width: 100% !important;
}

/* ========== Card shell ========== */
.pcard.product-block,
.product-block.pcard {
	background: var(--pc-surface) !important;
	border: 1px solid var(--pc-line) !important;
	border-radius: var(--pc-radius) !important;
	box-shadow: var(--pc-shadow);
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	transition: box-shadow var(--pc-transition), border-color var(--pc-transition), transform var(--pc-transition);
}

.pcard:hover,
#content .product-carousel .pcard:hover,
#content .box-product .pcard:hover,
#content .product-listgrid .pcard:hover {
	border-color: rgba(30, 95, 191, 0.28) !important;
	box-shadow: var(--pc-shadow-hover);
	transform: translateY(-2px);
	overflow: hidden;
}

.pcard__inner,
.product-block-inner.pcard__inner,
#content .box-product .pcard__inner,
#content .product-carousel .pcard__inner,
#content .product-listgrid .pcard__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
}

/* List view: horizontal card */
.product-layout.product-list .pcard__inner {
	flex-direction: row;
	align-items: stretch;
}

.product-layout.product-list .pcard__media {
	flex: 0 0 200px;
	width: 200px;
	max-width: 36%;
}

.product-layout.product-list .pcard__body {
	flex: 1 1 auto;
	justify-content: center;
	min-width: 0;
}

/* ========== Media ========== */
.pcard__media,
.pcard .image,
.module-lister .pcard__media,
.module-lister .pcard .image {
	position: relative;
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
	min-height: 0 !important;
	padding: 16px 16px 8px;
	text-align: center;
	float: none !important;
}

.pcard__img-link,
.module-lister .pcard__img-link {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	height: 180px;
	background: #ffffff !important;
	background-color: #ffffff !important;
}

.product-layout.product-list .pcard__img-link {
	min-height: 160px;
	height: 160px;
}

.pcard__img-link .bayi-icon {
	opacity: 1;
	z-index: 1;
}

.pcard__img-link img,
.pcard .image img,
.product-grid .pcard .product-block-inner a img {
	height: 160px !important;
	width: auto !important;
	max-width: 100%;
	object-fit: contain;
	margin: 0 auto;
	transition: transform var(--pc-transition);
}

.product-layout.product-list .pcard__img-link img {
	height: 140px !important;
}

.pcard:hover .pcard__img-link img {
	transform: scale(1.04);
}

/* ========== Badges ========== */
.pcard__badge.pinfo,
.pcard .pinfo {
	top: 10px;
	right: 10px;
	left: auto;
	z-index: 2;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pcard__badge.pgreen { background: #0f9d8a; }
.pcard__badge.pblue { background: #4a6fa5; }
.pcard__badge.pred { background: #c44b4b; }
.pcard__badge.porange { background: #d9891a; }

.pcard__ship,
.pcard .free-ship.pcard__ship {
	position: absolute;
	left: 10px;
	right: auto;
	bottom: 10px;
	z-index: 2;
	padding: 4px 8px;
	border-radius: 6px;
	background: rgba(15, 157, 138, 0.95) !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border: none;
}

.pcard__sale {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	padding: 4px 8px;
	border-radius: 6px;
	background: var(--pc-yellow);
	color: var(--pc-ink);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.pcard .quality {
	position: absolute;
	right: 10px;
	bottom: 22px;
	z-index: 2;
	left: auto !important;
	top: auto !important;
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
}

/* Compact WhatsApp "Sorunuz" overlay on listing cards */
.stok_flag {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 4px;
	position: absolute !important;
	width: auto !important;
	max-width: calc(100% - 16px);
	left: 50%;
	right: auto;
	top: auto !important;
	bottom: 8px;
	transform: translateX(-50%);
	padding: 3px 8px !important;
	border-radius: 8px;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16) !important;
	text-shadow: none !important;
	white-space: nowrap;
	z-index: 4;
}

.stok_flag img {
	width: 14px !important;
	height: 14px !important;
	margin: 0 !important;
	position: static !important;
	top: 0 !important;
	flex-shrink: 0;
	object-fit: contain;
}

.stok_flag span {
	float: none !important;
	margin-left: 2px !important;
	font-size: 10px !important;
	font-weight: 600;
	max-width: 7.5em;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Bayi ribbon: biraz aşağı */
.pcard .bayi-icon,
.pcard__img-link .bayi-icon {
	top: 12px !important;
	opacity: 1;
}

/* Adet ribbon: resmin üstünde, sağdan biraz içeri */
.pcard .quantity-item {
	position: absolute !important;
	right: 12px !important;
	bottom: 0 !important;
	z-index: 12 !important;
}

/* Paylaş butonu: resmin üstünde */
.pcard .share-area {
	position: absolute !important;
	bottom: 50px !important;
	right: 12px !important;
	z-index: 12 !important;
}

.pcard .share-btn {
	position: relative;
	z-index: 12;
}

/* ========== Body ========== */
.pcard__body,
.pcard .product-details {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 10px 14px 14px;
	gap: 10px;
	background: var(--pc-surface);
	float: none !important;
	width: auto !important;
}

.pcard .caption {
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	width: auto !important;
	flex: 1 1 auto;
}

.pcard__title,
.pcard h4 {
	height: auto !important;
	min-height: 2.6em;
	margin: 0 0 8px !important;
	font-family: 'Titillium Web', 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
}

.product-layout.product-list .pcard__title {
	min-height: 0;
	font-size: 16px;
}

.pcard__title a,
.pcard h4 a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: auto !important;
	text-align: left !important;
	color: var(--pc-ink) !important;
	text-decoration: none;
	text-transform: none !important;
	transition: color var(--pc-transition);
}

.pcard:hover .pcard__title a,
#content .product-carousel .pcard:hover h4 a,
#content .box-product .pcard:hover h4 a,
#content .product-listgrid .pcard:hover h4 a {
	color: var(--pc-blue) !important;
}

.pcard__desc,
.pcard .desc {
	display: none;
}

.product-layout.product-list .pcard__desc,
.product-layout.product-list .pcard .desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 8px;
	color: var(--pc-muted);
	font-size: 12px;
	line-height: 1.4;
}

/* ========== Price ========== */
.pcard__price,
.pcard .price,
.product-layout.product-list .pcard .caption .price,
.product-layout.product-grid .pcard .caption .price {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: baseline;
	gap: 6px;
	margin: 0 !important;
	text-align: left !important;
	color: var(--pc-blue);
	font-family: 'Titillium Web', 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
}

.pcard__amount {
	color: var(--pc-blue);
	font-size: 20px;
	font-weight: 700;
	flex: 0 0 auto;
}

.pcard .price-old {
	order: 0;
	width: auto !important;
	margin: 0;
	color: #667085;
	font-size: 13px;
	font-weight: 500;
	text-decoration: line-through;
	flex: 0 0 auto;
}

.pcard .kdahil {
	margin: 0;
	color: var(--pc-muted);
	font-size: 11px;
	font-weight: 600;
	flex: 0 0 auto;
}

.pcard__price--pending,
.pcard .price.prepending {
	color: #a06718 !important;
	font-size: 14px !important;
	font-weight: 700;
}

/* ========== Actions (gizli) ========== */
.pcard .btn-list-grid,
.pcard .button-group,
.pcard__btnwrap,
.pcard__actions,
.module-lister .button-group,
.module-lister .btn-list-grid,
.product-layout.product-grid .pcard .button-group,
.product-layout.product-list .pcard .button-group,
.product-layout.product-grid .product-block.pcard .button-group {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Admin: Sepete Ekle | Hemen Al — yan yana, eşit, kart içinde */
.pcard .pcard__actions--admin,
.product-layout .pcard .pcard__actions--admin,
.product-listgrid .pcard .pcard__actions--admin,
#ddascrolpage .pcard .pcard__actions--admin,
#product-list .pcard .pcard__actions--admin {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	overflow: hidden !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	position: relative !important;
	left: 0 !important;
	right: auto !important;
}

.pcard:has(.pcard__actions--admin) .pcard__body,
.pcard:has(.pcard__actions--admin) .product-details {
	padding-bottom: 10px !important;
	overflow: hidden !important;
}

.pcard .pcard__actions--admin .button-group,
.product-layout .pcard .pcard__actions--admin .button-group,
.product-listgrid .pcard .pcard__actions--admin .button-group,
#ddascrolpage .pcard .pcard__actions--admin .button-group,
#product-list .pcard .pcard__actions--admin .button-group,
.product-thumb.pcard .pcard__actions--admin .button-group {
	display: flex !important;
	visibility: visible !important;
	height: auto !important;
	overflow: hidden !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
	left: 0 !important;
}

.pcard .pcard__actions--admin .addtocart,
.pcard .pcard__actions--admin .button-group .addtocart,
.pcard .pcard__actions--admin .button-group button,
.pcard .pcard__actions--admin .button-group button:first-child,
.pcard .pcard__actions--admin .button-group button + button,
.product-thumb .pcard__actions--admin .button-group .addtocart,
.product-thumb .pcard__actions--admin .button-group button,
.product-thumb .pcard__actions--admin .button-group button:first-child,
.product-thumb .pcard__actions--admin .button-group button + button,
.product-thumb.pcard .pcard__actions--admin .button-group .addtocart,
.product-thumb.pcard .pcard__actions--admin .button-group button,
.product-thumb.pcard .pcard__actions--admin .button-group button + button {
	float: none !important;
	clear: none !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	width: auto !important;
	height: 34px !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 4px !important;
	border: none !important;
	border-left: 0 !important;
	border-radius: 8px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 34px !important;
	text-align: center !important;
	text-transform: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	background-image: none !important;
	background-position: initial !important;
	text-indent: 0 !important;
	color: #fff !important;
	display: block !important;
	box-sizing: border-box !important;
	position: relative !important;
	left: 0 !important;
	right: auto !important;
	transform: none !important;
}

.pcard .pcard__actions--admin .addtocart.cart-blue {
	background: #1e5fbf !important;
}

.pcard .pcard__actions--admin .addtocart:not(.cart-blue) {
	background: #ffd200 !important;
	color: #1b1b1b !important;
}

.pcard .share-area,
.pcard.is-share-open .share-area {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.pcard .share-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	background: #25d366 !important;
	color: #fff !important;
	border: none !important;
	padding: 7px 10px !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.pcard .price-modal {
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.15);
	z-index: 2147483640 !important;
	min-width: 150px;
}

.pcard .price-modal.is-open,
body > .price-modal.is-open {
	position: fixed !important;
	display: block !important;
	z-index: 2147483640 !important;
}

.pcard .price-modal button,
body > .price-modal button {
	display: block;
	width: 100%;
	border: none;
	background: #f5f5f5;
	padding: 8px 12px;
	margin: 4px 0;
	cursor: pointer;
	border-radius: 4px;
	font-size: 13px;
}

.pcard--oos {
	opacity: 0.92;
}

.pcard--oos .pcard__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.25);
	pointer-events: none;
}

/* Hide old sale ribbon inside modern cards */
.pcard .saleback {
	display: none !important;
}

/* ========== Section spacing ========== */
.box.featured,
.box.latest {
	margin-bottom: 28px;
}

/* ========== Responsive ========== */
@media (max-width: 767px) {
	.product-layout.product-list .pcard__inner {
		flex-direction: column;
	}

	.product-layout.product-list .pcard__media {
		flex: none;
		width: 100%;
		max-width: none;
	}

	.pcard__img-link {
		min-height: 150px;
		height: 150px;
	}

	.pcard__img-link img,
	.pcard .image img {
		height: 130px !important;
	}

	.pcard__body {
		padding: 8px 10px 12px;
		box-sizing: border-box;
		overflow: hidden;
	}

	.pcard .pcard__actions--admin,
	.pcard .pcard__actions--admin .button-group {
		width: 100% !important;
		max-width: 100% !important;
		flex-direction: row !important;
	}

	.pcard .pcard__actions--admin .button-group .addtocart,
	.pcard .pcard__actions--admin .button-group button,
	.pcard .pcard__actions--admin .button-group button + button {
		flex: 1 1 0 !important;
		width: auto !important;
		margin: 0 !important;
		font-size: 11px !important;
	}

	.pcard__title,
	.pcard h4 {
		font-size: 13px;
		min-height: 2.5em;
	}

	.pcard__amount,
	.pcard__price {
		font-size: 18px;
	}

}

.yyp-expert-ribbon {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 7;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	max-width: calc(100% - 20px);
	padding: 4px 8px;
	border-radius: 6px;
	background: linear-gradient(135deg, #f6c343 0%, #e0a100 100%);
	color: #1b1b1b;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	pointer-events: none;
}

.yyp-expert-ribbon:before {
	content: "\2605";
	font-size: 11px;
	line-height: 1;
}

.pcard__media {
	--yyp-badge-base: 10px;
}

.pcard__media:has(.quantity-item) {
	--yyp-badge-base: 26px;
}

.pcard__media:has(.stok_flag) {
	--yyp-badge-base: 36px;
}

.pcard__media .yyp-expert-ribbon {
	bottom: var(--yyp-badge-base);
}

.pcard .pcard__media .pcard__ship,
.pcard .pcard__media .free-ship,
.pcard .pcard__media .quality {
	bottom: var(--yyp-badge-base) !important;
}

.pcard .pcard__media:has(.yyp-expert-ribbon) .pcard__ship,
.pcard .pcard__media:has(.yyp-expert-ribbon) .free-ship,
.pcard .pcard__media:has(.yyp-expert-ribbon) .quality {
	bottom: calc(var(--yyp-badge-base) + 26px) !important;
}

@media (max-width: 480px) {
	.pcard .pcard__media .pcard__ship,
	.pcard .pcard__media .free-ship,
	.pcard .pcard__media .quality,
	.pcard__media .yyp-expert-ribbon {
		padding: 3px 6px;
		font-size: 9px;
		letter-spacing: 0;
	}

	.pcard .pcard__media .pcard__ship,
	.pcard .pcard__media .free-ship {
		text-transform: none;
	}

	.pcard .pcard__media .pcard__ship,
	.pcard .pcard__media .free-ship,
	.pcard__media .yyp-expert-ribbon {
		left: 8px;
	}

	.pcard .pcard__media .quality {
		right: 8px;
	}
}

@media (max-width: 350px) {
	.pcard .pcard__media .quality {
		bottom: calc(var(--yyp-badge-base) + 22px) !important;
	}

	.pcard .pcard__media:has(.yyp-expert-ribbon) .quality {
		bottom: calc(var(--yyp-badge-base) + 48px) !important;
	}
}