/* Extracted fixed styles from public PHP templates. */

.pers-popup
{
	width:90%;
	max-width:800px;
	height:auto;
	max-height:80vh;
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

.pers-auto-a07604d3
{
	flex:1;
	min-width:0;
}

.pers-auto-8e4fa3f9
{
	color:#202124;
}

.pers-auto-c61aea58
{
	color:#5f6368;
}

.cust-pill-dot-yes
{
	background:#1e8e3e;
}

.cust-pill-dot-no
{
	background:#9aa0a6;
}

/* Personalisation popup. */
.popupBody{
                flex:1 1 auto;
                max-height:calc(80vh - 50px);
                overflow-y:auto;
                background:#f6f7f9;
                padding:20px;
                box-sizing:border-box;
            }
			.cust-wrap { background:#fff;border:1px solid #e6e8ee;border-radius:14px;overflow:hidden; }
			.cust-head { padding:14px 16px;background:linear-gradient(180deg,#fafbff 0%, #ffffff 100%);border-bottom:1px solid #e6e8ee; }
			.cust-sub  { font-family:'Quicksand',sans-serif;font-size:13px;color:#5f6368;line-height:1.35; }
			.cust-summary { padding:14px 16px; }
			.cust-sum-row { display:flex;align-items:center;gap:12px; }
			.cust-sum-left { flex:0 0 auto;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid #e6e8ee;background:#fff; }
			.cust-sum-left img { width:100%;height:100%;object-fit:cover;display:block; }
			.cust-product { font-family:'Quicksand',sans-serif;font-size:16px;color:#202124;font-weight:900;line-height:1.25; }
			.cust-qty { font-family:'Quicksand',sans-serif;font-size:13px;color:#5f6368;margin-top:4px; }

			.cust-list { margin-top:14px; }
			.cust-list-inner { background:#fff;border:1px solid #e6e8ee;border-radius:14px;overflow:hidden; }
			.cust-row { padding:12px 16px;border-bottom:1px solid #f0f2f6; }
			.cust-row:last-child { border-bottom:none; }

			/* Title is ALWAYS readable font */
			.cust-row-title { font-family:'Quicksand',sans-serif;font-size:15px;color:#202124;font-weight:800; }

			/* Normal value (readable font) */
			.cust-row-value { font-family:'Quicksand',sans-serif;font-size:14px;color:#202124;font-weight:500;margin-top:6px;line-height:1.35;word-break:break-word; }

			/* Font info line */
			.cust-fontline { font-family:'Quicksand',sans-serif;font-size:12px;color:#6b7280;margin-top:6px; }

			/* Preview uses selected font */
			.cust-preview { margin-top:6px;font-size:18px;line-height:1.35;word-break:break-word; }

			.cust-pill { display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;margin-top:8px;font-family:'Quicksand',sans-serif;font-size:13px;font-weight:800; }
			.cust-pill-yes { border:1px solid #c6e7d4;background:#eaf7ef;color:#1e8e3e; }
			.cust-pill-no  { border:1px solid #e6e8ee;background:#fff;color:#5f6368; }
			.cust-pill-dot { width:9px;height:9px;border-radius:50%;display:inline-block; }

			.cust-thumb { margin-top:10px; }
			.cust-thumb img { height:170px;object-fit:cover;display:block; border: 1px solid #e6e8ee; }

            .cust-extra { display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid #e6e8ee;border-radius:999px;font-family:'Quicksand',sans-serif;font-size:12px;color:#111;background:#fff; }

			@media (max-width:720px){
				.cust-sum-left { width:56px;height:56px; }
				.cust-product { font-size:15px; }
				.cust-qty { font-size:12px; }
				.cust-thumb { width:100%; }
				.cust-thumb img { height:auto;max-height:420px;object-fit:contain;background:#fff; }
			}