/* «Μόλις προστέθηκε» window, as on plaisio.gr (inc/p-services.php). */
.pp-added { box-sizing: border-box; width: min(72rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 1.5rem; color: #000; background: #fff; border: 0; border-radius: 1.25rem; }
.pp-added[open] { display: flex; gap: 1.5rem; align-items: flex-start; overflow: auto; }
.pp-added::backdrop, .pp-added__cover::backdrop { background: rgba(0, 0, 0, .5); }
.pp-added__x { position: absolute; top: .75rem; right: .75rem; display: flex; padding: .25rem; color: #000; background: none; border: 0; cursor: pointer; }
.pp-added__main { flex: 1 1 0; min-width: 0; }
.pp-added__head { display: flex; align-items: center; gap: .625rem; margin-bottom: 1rem; font-size: 1.125rem; font-weight: 800; }
.pp-added__card { display: flex; gap: 1rem; padding: .75rem; border: .0625rem solid #e0e0e0; border-radius: .5rem; }
.pp-added__img { flex: 0 0 5.5rem; width: 5.5rem; height: 5.5rem; }
.pp-added__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pp-added__name { font-size: .875rem; line-height: 1.3; }
.pp-added__qty { margin-top: .625rem; font-size: .75rem; color: #5b678f; }
.pp-added__sum { margin-top: .25rem; font-size: .875rem; }
.pp-added__svcs { margin-top: 1rem; padding: 1rem; background: #f5f5f5; border-radius: .5rem; }
.pp-added__title { margin-bottom: .875rem; font-size: .9375rem; font-weight: 800; }
.pp-added__group { margin-top: .625rem; background: #fff; border-radius: .75rem; }
.pp-added__group summary { display: flex; align-items: center; gap: .75rem; padding: 1rem; font-size: .875rem; font-weight: 800; list-style: none; cursor: pointer; }
.pp-added__group summary::-webkit-details-marker { display: none; }
.pp-added__group summary::after { content: ""; flex: none; width: .5625rem; height: .5625rem; margin-left: auto; border-right: .0938rem solid #000; border-bottom: .0938rem solid #000; transform: rotate(45deg); }
.pp-added__group[open] summary::after { transform: rotate(-135deg); }
.pp-added__group ul { margin: 0; padding: 0 1rem 1rem 3.25rem; list-style: none; }
.pp-added__svc { display: grid; grid-template-columns: 1fr auto; gap: 0 1rem; margin-top: .75rem; font-size: .8125rem; }
.pp-added__svc label { display: flex; align-items: flex-start; gap: .625rem; cursor: pointer; }
.pp-added__svc input { flex: none; width: 1.125rem; height: 1.125rem; margin: 0; }
.pp-added__price { white-space: nowrap; }
.pp-added__more { grid-column: 1; justify-self: start; margin: .125rem 0 0 1.75rem; padding: 0; font: inherit; font-size: .6875rem; color: var(--p-blue, #0a3ccf); text-decoration: underline; background: none; border: 0; cursor: pointer; }
.pp-added__cover { box-sizing: border-box; width: min(32rem, calc(100vw - 2rem)); padding: 2rem 1.5rem 1.5rem; color: #000; border: 0; border-radius: 1rem; }
.pp-added__cover h3 { margin: 0 0 .75rem; font-size: 1.125rem; font-weight: 800; }
.pp-added__cover p { margin: 0 0 .75rem; font-size: .875rem; line-height: 1.4; }
.pp-added__cover a { color: var(--p-blue, #0a3ccf); text-decoration: underline; }
.pp-added__side { flex: 0 0 16rem; padding-top: 2.5rem; }
.pp-added__side p { margin: 0 0 .75rem; font-size: .875rem; }
.pp-added__side .p-btn { display: flex; box-sizing: border-box; justify-content: center; width: 100%; margin-bottom: .625rem; }
@media (max-width: 47.99rem) {
	.pp-added { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; margin: 0; padding: 1rem; border-radius: 0; }
	.pp-added[open] { flex-direction: column; gap: 1rem; }
	.pp-added__main, .pp-added__side { flex: none; width: 100%; }
	.pp-added__side { padding: 0 0 1rem; }
	.pp-added__group ul { padding-left: 1rem; }
}
