/* PT Cihaz Arama — XD "Flow 2 / Mac Kategori" birebir (1920 artboard, 1170 konteyner; px değerleri XD Specs'ten). */

/* Poppins: canlı yalnız 300/400 yüklüyor; XD 600/700 istiyor. latin + latin-ext (Türkçe). */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(fonts/poppins-300-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(fonts/poppins-300-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/poppins-400-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/poppins-400-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/poppins-600-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/poppins-600-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/poppins-700-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/poppins-700-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--pt-ca-mavi: #155ec9;
	--pt-ca-kenar: #d5d5d9;
	--pt-ca-gri: #808080;
}

.pt-ca,
.pt-ca-popup,
.pt-kd,
.pt-oc {
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0;
}

/* ── Arama bloğu ───────────────────────────────────────────── */

.pt-ca {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	padding: 100px 0 130px;
}

.pt-ca__orta {
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
}

.pt-ca .pt-ca__baslik {
	margin: 0 0 7px;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 46px;
	color: #000;
	text-align: center;
	text-transform: none;
}

.pt-ca__form {
	margin: 0;
}

.pt-ca__kutu {
	position: relative;
	display: block;
	margin: 0;
	font-weight: 400;
}

.pt-ca__buyutec {
	position: absolute;
	top: 50%;
	left: 19px;
	width: 27px;
	height: 27px;
	transform: translateY(-50%);
	color: #c7c7cc;
	pointer-events: none;
}

.pt-ca input.pt-ca__girdi,
.pt-ca-popup input.pt-ca-popup__girdi {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0 20px 0 70px;
	border: 1px solid var(--pt-ca-kenar);
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	color: #000;
}

.pt-ca input.pt-ca__girdi::placeholder,
.pt-ca-popup input.pt-ca-popup__girdi::placeholder {
	color: var(--pt-ca-gri);
	opacity: 1;
}

.pt-ca input.pt-ca__girdi:focus,
.pt-ca-popup input.pt-ca-popup__girdi:focus {
	border-color: #000;
	box-shadow: none;
	outline: none;
}

/* "Tüm Ürünler": XD'de ortası konteyner solundan 147px, logo başlığın 34px altında. */
.pt-ca__tum {
	position: absolute;
	top: 134px;
	left: 147px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateX(-50%);
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

.pt-ca__tum:hover {
	color: #000;
	opacity: .7;
}

.pt-ca__tum-ikon img {
	display: block;
	width: 68px;
	height: 84px;
}

.pt-ca__tum-metin {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
}

/* ── Kategori daireleri: Flatsome [row class="pt-kd-izgara"] + [col] ─── */

.row.pt-kd-izgara {
	justify-content: center;
	max-width: 1210px;
	margin-right: auto;
	margin-left: auto;
}

.row.pt-kd-izgara > .col {
	flex: 0 0 242px;
	max-width: 242px;
	padding: 0 19px 41px;
}

.row.pt-kd-izgara > .col > .col-inner {
	padding: 0;
}

.pt-kd {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #000;
	text-align: center;
	text-decoration: none;
}

.pt-kd:hover {
	color: #000;
}

.pt-kd__daire {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 204px;
	max-width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	transition: box-shadow .2s;
}

.pt-kd:hover .pt-kd__daire {
	box-shadow: 0 0 0 1px #000;
}

.pt-kd--hazir .pt-kd__daire img {
	display: block;
	width: 100%;
	height: auto;
}

/* XD ikonu yoksa: çemberi CSS çizer, görsel içine oturur. */
.pt-kd:not(.pt-kd--hazir) .pt-kd__daire {
	border: 1px solid var(--pt-ca-kenar);
	background: #fff;
}

.pt-kd:not(.pt-kd--hazir) .pt-kd__daire img {
	width: 55%;
	height: 55%;
	object-fit: contain;
}

.pt-kd__baslik {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	white-space: nowrap;
}

/* ── Öne Çıkan (XD kart karuseli) ──────────────────────────── */

.pt-oc {
	max-width: 1170px;
	margin: 0 auto;
	padding: 90px 0 100px;
}

.pt-oc .pt-oc__baslik {
	margin: 0 0 61px;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 46px;
	color: #000;
	text-align: center;
	text-transform: none;
}

.pt-oc__sahne {
	position: relative;
}

.pt-oc__ray {
	display: flex;
	gap: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.pt-oc__ray::-webkit-scrollbar {
	display: none;
}

.pt-oc__kart {
	position: relative;
	display: flex;
	flex: 0 0 368px;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 26px 20px 20px;
	border: 0;
	border-radius: 18px;
	background: #f5f5f7; /* kategori kartıyla aynı */
	text-align: center;
	scroll-snap-align: start;
}

/* Sabit görsel alanı. Görsel <picture> içinde geliyor: yüzde yükseklik picture'a göre
   hesaplandığı için uzun görseller (ör. dik duran mouse) kartın üstüne taşıyordu. */
.pt-oc__gorsel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 192px;
	overflow: hidden;
}

.pt-oc__gorsel picture {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.pt-oc__gorsel img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	object-fit: contain;
	mix-blend-mode: multiply;
}

/* Rozet: kategori kartıyla aynı renkli hap (_product_custom_color_badge) */
.pt-oc__rozet {
	--rz1: #0bbf5e;
	--rz2: #03a84e;
	--rz-isik: rgba(3, 168, 78, .35);
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 4px 11px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--rz1), var(--rz2));
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	color: #fff;
	box-shadow: 0 4px 12px -3px var(--rz-isik), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.pt-oc__rozet.ribbon-color-black { --rz1: #3a3a3c; --rz2: #000; --rz-isik: rgba(0, 0, 0, .3); }
.pt-oc__rozet.ribbon-color-red { --rz1: #ff5a5f; --rz2: #d92d32; --rz-isik: rgba(217, 45, 50, .38); }
.pt-oc__rozet.ribbon-color-orange { --rz1: #ffa040; --rz2: #ea6a0c; --rz-isik: rgba(234, 106, 12, .38); }
.pt-oc__rozet.ribbon-color-blue { --rz1: #3d8bff; --rz2: #165ec9; --rz-isik: rgba(22, 94, 201, .38); }
.pt-oc__rozet.ribbon-color-green { --rz1: #3ddc84; --rz2: #1fa855; --rz-isik: rgba(31, 168, 85, .38); }
.pt-oc__rozet.ribbon-color-purple { --rz1: #b07cff; --rz2: #7c3aed; --rz-isik: rgba(124, 58, 237, .38); }
.pt-oc__rozet.ribbon-color-yellow { --rz1: #ffe066; --rz2: #f5b800; --rz-isik: rgba(245, 184, 0, .4); color: #3b2f00; }

.pt-oc__rozet.pt-oc__rozet--tukendi {
	background: #e9e9ee;
	color: #6e6e73;
	box-shadow: none;
}

.pt-oc__hap {
	display: inline-flex;
	align-items: center;
	height: 25px;
	margin-top: 16px;
	padding: 0 11px;
	border-radius: 999px;
	background: #e8f0fb;
	font-size: 12px;
	font-weight: 600;
	color: var(--pt-ca-mavi);
}

.pt-oc__hap--bos {
	visibility: hidden;
}

.pt-oc__ad {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-width: 280px;
	height: 40px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #1d1d1f;
	text-decoration: none;
}

.pt-oc__ad:hover {
	color: #000;
}

.pt-oc__fiyatlar {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}

.pt-oc__eski {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	color: #b1b1b1;
}

.pt-oc__fiyat {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #000;
}

.pt-oc__eski .amount,
.pt-oc__fiyat .amount {
	font-weight: inherit;
	color: inherit;
}

.pt-oc .pt-oc__buton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	min-height: 0;
	margin: 14px 0 0;
	padding: 0 14px;
	border: 0;
	border-radius: 10px;
	background: var(--pt-ca-mavi);
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 44px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0;
}

.pt-oc .pt-oc__buton:hover {
	color: #fff;
	filter: brightness(1.1);
}

.pt-oc .pt-oc__buton.added::after {
	display: none;
}

.pt-oc .added_to_cart {
	display: none;
}

.pt-oc__ok {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f2f2f5;
	color: var(--pt-ca-mavi);
	cursor: pointer;
	transform: translateY(-50%);
}

.pt-oc__ok--geri {
	left: -54px;
}

.pt-oc__ok--ileri {
	right: -54px;
}

.pt-oc__ok[disabled] {
	opacity: .35;
	cursor: default;
}

.pt-oc__ok[hidden] {
	display: none;
}

/* ── Popup ─────────────────────────────────────────────────── */

.pt-ca-popup[hidden] {
	display: none;
}

.pt-ca-popup {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 6vh 16px 16px;
}

.pt-ca-popup__perde {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .45);
}

.pt-ca-popup__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1000px;
	max-height: 88vh;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.pt-ca-popup__ust {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 20px 16px;
	border-bottom: 1px solid #eee;
}

.pt-ca-popup__kutu {
	flex: 1;
}

.pt-ca-popup__kapat {
	flex: none;
	width: 44px;
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 32px;
	line-height: 44px;
	color: #000;
	cursor: pointer;
}

.pt-ca-popup__durum {
	margin: 0;
	padding: 14px 20px 0;
	font-size: 15px;
	color: #6b6b6b;
}

.pt-ca-popup__durum:empty {
	display: none;
}

.pt-ca-popup__durum a {
	color: var(--pt-ca-mavi);
	text-decoration: underline;
}

.pt-ca-popup__liste {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 20px;
	list-style: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.pt-ca-popup__liste li {
	margin: 0;
}

.pt-ca-urun {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 18px 12px;
	border: 1px solid var(--pt-ca-kenar);
	border-radius: 10px;
	color: #000;
	text-align: center;
	text-decoration: none;
}

.pt-ca-urun:hover {
	border-color: #000;
	color: #000;
}

.pt-ca-urun img {
	width: 140px;
	height: 120px;
	margin-bottom: 12px;
	object-fit: contain;
}

.pt-ca-urun__ad {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
}

.pt-ca-urun__fiyat {
	margin-top: auto;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.pt-ca-urun__fiyat del {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #b1b1b1;
}

.pt-ca-urun__fiyat ins {
	text-decoration: none;
}

.pt-ca-urun__stok {
	margin-top: 4px;
	font-size: 12px;
	color: #b42318;
}

body.pt-ca-acik {
	overflow: hidden;
}

/* ── Ara genişlikler ───────────────────────────────────────── */

@media (max-width: 1289px) {
	.pt-oc__sahne {
		padding: 0 44px;
	}

	.pt-oc__ok--geri {
		left: 0;
	}

	.pt-oc__ok--ileri {
		right: 0;
	}

	.pt-oc__kart {
		flex-basis: calc((100% - 66px) / 3);
	}
}

@media (max-width: 1229px) {
	.row.pt-kd-izgara > .col {
		flex-basis: 20%;
		max-width: 20%;
		padding: 0 10px 32px;
	}

	.pt-kd__baslik {
		font-size: 17px;
	}

	.pt-ca__tum {
		left: 60px;
	}
}

@media (max-width: 849px) {
	.pt-ca {
		padding: 50px 16px 60px;
	}

	.pt-ca__tum {
		position: static;
		margin-top: 28px;
		transform: none;
	}

	.pt-ca {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.pt-ca,
	.pt-oc {
		padding-right: 16px;
		padding-left: 16px;
	}

	.pt-ca__orta {
		order: -1;
	}

	.row.pt-kd-izgara > .col {
		flex-basis: 33.333%;
		max-width: 33.333%;
	}

	.pt-oc {
		padding: 30px 16px 60px;
	}

	.pt-oc__kart {
		flex-basis: calc((100% - 33px) / 2);
	}

	.pt-ca-popup__liste {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ── Mobil (XD "Mobile" ekranları, 375 artboard; px'ler XD Specs'ten) ─── */

@media (max-width: 549px) {
	.pt-ca {
		padding: 60px 15px 53px;
	}

	.pt-ca .pt-ca__baslik {
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 30px;
	}

	.pt-ca input.pt-ca__girdi,
	.pt-ca-popup input.pt-ca-popup__girdi {
		height: 60px;
		padding-left: 57px;
		font-size: 18px;
	}

	.pt-ca__buyutec {
		left: 14px;
		width: 26px;
		height: 26px;
	}

	.pt-ca__tum {
		margin-top: 43px;
	}

	.pt-ca__tum-ikon img {
		width: 46px;
		height: 57px;
	}

	.pt-ca__tum-metin {
		margin-top: 19px;
		font-size: 16px;
		font-weight: 400;
		line-height: 25px;
	}

	/* İki Flatsome row'u tek akış gibi davransın: XD'de 2'li ızgara satır kırmadan sürer
	   (5+4 → 2,2,2,2,1), tek kalan sola yaslanır. */
	.section-content:has(> .row.pt-kd-izgara) {
		display: flex;
		flex-wrap: wrap;
	}

	.row.pt-kd-izgara {
		display: contents;
	}

	.row.pt-kd-izgara > .col {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 0 32px;
	}

	.pt-kd__daire {
		width: 140px;
	}

	.pt-kd__baslik {
		max-width: 170px;
		margin-top: 5px;
		font-size: 16px;
		line-height: 25px;
		white-space: normal;
	}

	.pt-oc {
		padding: 60px 0 40px;
	}

	.pt-oc .pt-oc__baslik {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 30px;
	}

	/* XD: tek kart (280×360) ortada, oklar kenardan 12px. */
	.pt-oc__sahne {
		padding: 0 47px;
	}

	.pt-oc__ok {
		width: 30px;
		height: 30px;
	}

	.pt-oc__ok--geri {
		left: 12px;
	}

	.pt-oc__ok--ileri {
		right: 12px;
	}

	.pt-oc__ray {
		gap: 20px;
	}

	.pt-oc__kart {
		flex-basis: 100%;
		padding: 18px 16px 16px;
		border-radius: 16px;
	}

	.pt-oc__gorsel {
		height: 160px;
	}

	.pt-oc__hap {
		margin-top: 12px;
	}

	.pt-oc__ad {
		height: 36px;
		margin-top: 8px;
		font-size: 14px;
		line-height: 18px;
	}

	.pt-oc__eski {
		font-size: 10px;
		line-height: 13px;
	}

	.pt-oc__fiyat {
		font-size: 21px;
		line-height: 28px;
	}

	.pt-oc .pt-oc__buton {
		margin-top: 10px;
	}

	.pt-ca-popup {
		padding: 0;
	}

	.pt-ca-popup__panel {
		max-width: none;
		height: 100%;
		max-height: none;
		border-radius: 0;
	}

	.pt-ca-popup__ust {
		padding: 12px;
	}

	.pt-ca-popup__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding: 12px;
	}

	.pt-ca-urun img {
		width: 100px;
		height: 96px;
	}
}

/* ==========================================================================
   1.2.0 (27 Eki 2026) — vitrin sitenin kart diline (ürün sayfası / kategori listesi)
   Yuvarlak çizgi ikonlar → gri zeminli, 20px köşeli kartta gerçek ürün fotoğrafı + ad +
   başlangıç fiyatı. Arama bloğunun boşlukları kısıldı, kutu sayfanın arama diline çekildi.
   ========================================================================== */
:root {
	--pt-kd-kart: #f5f5f7;
	--pt-kd-cizgi: #d9d9d9;
	--pt-kd-soluk: #6e6e73;
	--pt-kd-mavi: #165ec9;
}

/* Arama bloğu */
.pt-ca { padding: 48px 0 36px; }
.pt-ca .pt-ca__baslik { margin-bottom: 18px; font-size: 32px; line-height: 1.25; letter-spacing: -.01em; }
.pt-ca input.pt-ca__girdi {
	height: 54px;
	padding-left: 58px;
	border: 1px solid var(--pt-kd-cizgi);
	border-radius: 999px;
	background: var(--pt-kd-kart);
	font-size: 16px;
}
.pt-ca input.pt-ca__girdi:focus { border-color: #000; background: #fff; }
.pt-ca .pt-ca__buyutec { left: 20px; width: 22px; height: 22px; }
/* "Tüm Ürünler": yandaki büyük elma yerine başlığın altında sade bağlantı */
.pt-ca__tum {
	position: static;
	flex-direction: row;
	gap: 6px;
	justify-content: center;
	order: 2;
	margin: 14px auto 0;
	transform: none;
	width: max-content;
}
.pt-ca.pt-ca--kisayollu { display: flex; flex-direction: column; }
.pt-ca__tum-ikon img { width: 16px; height: 20px; }
.pt-ca__tum-metin { margin-top: 0; font-size: 14px; font-weight: 500; color: var(--pt-kd-mavi); }
.pt-ca__tum:hover { opacity: 1; }
.pt-ca__tum:hover .pt-ca__tum-metin { text-decoration: underline; text-underline-offset: 3px; }

/* Kart ızgarası */
.row.pt-kd-izgara { gap: 16px 0; max-width: 1170px; }
.row.pt-kd-izgara > .col { flex: 0 0 228px; max-width: 228px; padding: 0 8px 16px; }

.pt-kd.pt-kd--kart {
	height: 100%;
	padding: 22px 16px 20px;
	border-radius: 20px;
	background: var(--pt-kd-kart);
	transition: background .2s, transform .2s;
}
.pt-kd.pt-kd--kart:hover { background: #ececf0; transform: translateY(-2px); }
.pt-kd--kart .pt-kd__gorsel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 132px;
	margin-bottom: 14px;
}
.pt-kd--kart .pt-kd__gorsel img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply; /* beyaz zeminli ürün fotoğrafı gri kartta kutu bırakmasın */
}
.pt-kd--kart .pt-kd__gorsel img.pt-kd__ikon { width: 96px; height: 96px; mix-blend-mode: normal; }
.pt-kd--kart .pt-kd__baslik {
	margin-top: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	white-space: normal;
	color: #000;
}
.pt-kd__fiyat {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--pt-kd-soluk);
}
.pt-kd__fiyat .amount,
.pt-kd__fiyat bdi { color: #000; font-weight: 600; }
.pt-kd--kart:focus-visible { outline: 2px solid var(--pt-kd-mavi); outline-offset: 3px; }

@media (max-width: 849px) {
	.row.pt-kd-izgara > .col { flex: 0 0 50%; max-width: 50%; padding: 0 6px 12px; }
	.pt-kd--kart .pt-kd__gorsel { height: 104px; }
	.pt-ca { padding: 28px 0 20px; }
	.pt-ca .pt-ca__baslik { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.pt-kd.pt-kd--kart { transition: none; }
	.pt-kd.pt-kd--kart:hover { transform: none; }
}