/* Palmiye Mutfak Konfigüratörü */
.pmk-kok {
	--pmk-zemin: #f5f1e9;
	--pmk-murekkep: #2b2620;
	--pmk-soluk: #5c5546;
	--pmk-cerceve: #e2dbcc;
	--pmk-vurgu: #6e4b2a;
	color: var(--pmk-murekkep);
	font-family: system-ui, -apple-system, sans-serif;
}

.pmk-yerlesim {
	display: grid;
	grid-template-columns: minmax(280px, 360px) 1fr;
	gap: 24px;
	align-items: start;
}
@media (max-width: 860px) {
	.pmk-yerlesim { grid-template-columns: 1fr; }
}

.pmk-panel { display: flex; flex-direction: column; gap: 12px; }

.pmk-kart {
	background: #fff;
	border: 1px solid var(--pmk-cerceve);
	border-radius: 12px;
	padding: 12px 16px;
}
.pmk-kart-baslik {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 8px;
}
.pmk-kart-baslik strong { color: var(--pmk-vurgu); font-variant-numeric: tabular-nums; }
.pmk-kart input[type="range"] { width: 100%; accent-color: var(--pmk-vurgu); }

.pmk-onay { display: flex; gap: 12px; align-items: center; cursor: pointer; }
.pmk-onay input { accent-color: var(--pmk-vurgu); width: 16px; height: 16px; }
.pmk-onay span { display: flex; flex-direction: column; }
.pmk-onay strong { font-size: 14px; font-weight: 600; }
.pmk-onay small { color: #8a8272; font-size: 12px; }

.pmk-blok .pmk-etiket { font-size: 14px; color: var(--pmk-soluk); margin: 4px 0 6px; }
.pmk-butonlar { display: flex; gap: 8px; flex-wrap: wrap; }
.pmk-buton {
	flex: 1;
	min-width: 90px;
	border: 1px solid var(--pmk-cerceve);
	background: #fff;
	color: var(--pmk-soluk);
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.15s;
}
.pmk-buton.secili { background: var(--pmk-murekkep); color: var(--pmk-zemin); border-color: var(--pmk-murekkep); }

.pmk-renkler { display: flex; gap: 10px; flex-wrap: wrap; }
.pmk-renk {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px solid #ddd6c8;
	cursor: pointer;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	transition: transform 0.15s;
}
.pmk-renk.secili {
	border-color: var(--pmk-murekkep);
	box-shadow: 0 0 0 2px var(--pmk-zemin), 0 0 0 4px var(--pmk-vurgu);
	transform: scale(1.08);
}

.pmk-sag { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 24px; }
.pmk-sahne-kutu {
	background: #fff;
	border: 1px solid var(--pmk-cerceve);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(60, 50, 35, 0.07);
}
#pmk-sahne canvas { display: block; width: 100% !important; }
.pmk-ipucu {
	padding: 8px 14px;
	font-size: 12px;
	color: #8a8272;
	border-top: 1px solid #efe9db;
}

.pmk-fiyat {
	background: #fffdf8;
	border: 1px solid var(--pmk-cerceve);
	border-radius: 16px;
	padding: 16px 20px;
	box-shadow: 0 2px 10px rgba(60, 50, 35, 0.07);
}
.pmk-fiyat-satir {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: var(--pmk-soluk);
	padding: 2px 0;
	font-variant-numeric: tabular-nums;
}
.pmk-fiyat-toplam {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	border-top: 1px solid var(--pmk-cerceve);
	margin-top: 10px;
	padding-top: 10px;
	font-size: 15px;
}
.pmk-fiyat-toplam strong { font-size: 24px; color: var(--pmk-vurgu); font-family: Georgia, serif; }
.pmk-kapora span:last-child { color: #3e5c40; }

.pmk-sepet-buton {
	background: var(--pmk-vurgu);
	color: var(--pmk-zemin);
	border: 0;
	border-radius: 10px;
	padding: 14px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(60, 45, 25, 0.25);
	transition: filter 0.15s;
}
.pmk-sepet-buton:hover { filter: brightness(1.08); }
.pmk-sepet-buton:disabled { opacity: 0.6; cursor: wait; }
.pmk-not { font-size: 12px; color: #a04a3a; min-height: 1em; margin: 0; }

.pmk-plan {
	background: #fff;
	border: 1px dashed var(--pmk-cerceve);
	border-radius: 12px;
	padding: 10px 16px;
	font-size: 12.5px;
	color: var(--pmk-soluk);
	line-height: 1.7;
}