/* Prolime Order Modal — brand-matched (navy + green) */
:root{
	--pom-navy:#0b2545;
	--pom-navy-soft:#1d3a5f;
	--pom-green:#34b46c;
	--pom-green-dark:#2a9c5c;
	--pom-bg:#f4f7fb;
	--pom-border:#e4e9f0;
	--pom-text:#1b2a3d;
	--pom-muted:#6b7c93;
}

.pom-overlay{
	position:fixed;inset:0;background:rgba(11,37,69,.55);
	display:none;align-items:flex-start;justify-content:center;
	z-index:99999;padding:24px 16px;box-sizing:border-box;overflow-y:auto;
	backdrop-filter:blur(2px);
}
.pom-overlay.pom-open{display:flex;}

.pom-modal{
	background:#fff;width:100%;max-width:520px;border-radius:14px;
	box-shadow:0 24px 70px rgba(11,37,69,.35);margin:auto;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--pom-text);box-sizing:border-box;overflow:hidden;
	animation:pom-in .2s ease-out;
}
@keyframes pom-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}

.pom-head{
	display:flex;justify-content:space-between;align-items:center;
	padding:18px 22px;border-bottom:1px solid var(--pom-border);
}
.pom-head-left{display:flex;flex-direction:column;gap:6px;}
.pom-logo{height:26px;width:auto;display:block;}
.pom-brand{font-weight:800;color:var(--pom-navy);font-size:18px;}
.pom-wordmark{font-size:20px;font-weight:800;color:var(--pom-navy);letter-spacing:-.3px;line-height:1;}
.pom-wordmark span{color:var(--pom-green);}

/* intl-tel-input phone */
.iti{width:100%;}
.pom-field .iti input{width:100%;}

/* custom country dropdown with flags */
.pom-cdd{position:relative;}
.pom-cdd-btn{
	width:100%;display:flex;align-items:center;gap:8px;box-sizing:border-box;
	padding:10px 12px;border:1.5px solid var(--pom-border);border-radius:8px;background:#fff;
	font-size:15px;color:var(--pom-text);font-family:inherit;cursor:pointer;text-align:left;
}
.pom-cdd-btn:hover{border-color:#c7d2e0;}
.pom-cdd #pom-cdd-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pom-cdd-caret{color:#8a99ad;font-size:12px;}
.pom-cdd-panel{
	display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;
	background:#fff;border:1.5px solid var(--pom-border);border-radius:8px;
	box-shadow:0 10px 28px rgba(11,37,69,.18);overflow:hidden;
}
.pom-cdd.open .pom-cdd-panel{display:block;}
#pom-cdd-search{
	width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--pom-border);
	padding:10px 12px;font-size:14px;font-family:inherit;outline:none;
}
.pom-cdd-list{max-height:220px;overflow-y:auto;}
.pom-cdd-item{display:flex;align-items:center;gap:9px;padding:8px 12px;cursor:pointer;font-size:14px;}
.pom-cdd-item:hover{background:#f0f5fb;}
.pom-cdd-other{border-top:1px solid var(--pom-border);color:var(--pom-green-dark);font-weight:600;}
.pom-other-input{
	width:100%;box-sizing:border-box;margin-top:8px;padding:10px 12px;
	border:1.5px solid var(--pom-border);border-radius:8px;font-size:15px;font-family:inherit;
}
.pom-other-input:focus{outline:none;border-color:var(--pom-green);box-shadow:0 0 0 3px rgba(52,180,108,.15);}
.pom-head h3{margin:0;font-size:16px;font-weight:700;color:var(--pom-navy);line-height:1.2;}
.pom-close{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#9aa8bb;padding:0 4px;transition:color .15s;}
.pom-close:hover{color:var(--pom-navy);}

.pom-body{padding:20px 22px 24px;}

/* ---- configuration summary: each spec separate ---- */
.pom-summary{
	background:var(--pom-bg);border:1px solid var(--pom-border);
	border-radius:10px;padding:14px 16px;margin-bottom:20px;
}
.pom-sum-head{font-size:13px;font-weight:700;color:var(--pom-navy);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;}
.pom-sum-head span{color:var(--pom-green-dark);}
.pom-sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.pom-sum-item{display:flex;flex-direction:column;gap:1px;}
.pom-sum-label{font-size:10.5px;font-weight:700;color:var(--pom-muted);text-transform:uppercase;letter-spacing:.5px;}
.pom-sum-val{font-size:13.5px;color:var(--pom-text);font-weight:600;}
.pom-sum-price{
	margin-top:12px;padding-top:12px;border-top:1px dashed var(--pom-border);
	font-size:22px;font-weight:800;color:var(--pom-green-dark);
}

/* ---- form ---- */
.pom-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pom-field{margin-bottom:14px;}
.pom-field label{display:block;font-size:12.5px;font-weight:700;color:var(--pom-navy);margin-bottom:5px;}
.pom-req{color:var(--pom-green-dark);}
.pom-field input,.pom-field textarea{
	width:100%;padding:11px 13px;border:1.5px solid var(--pom-border);border-radius:8px;
	font-size:15px;box-sizing:border-box;font-family:inherit;color:var(--pom-text);
	background:#fff;transition:border-color .15s,box-shadow .15s;
}
.pom-field input:focus,.pom-field textarea:focus{
	outline:none;border-color:var(--pom-green);box-shadow:0 0 0 3px rgba(52,180,108,.15);
}
.pom-field textarea{min-height:70px;resize:vertical;}
.pom-hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden;}

.pom-submit{
	width:100%;background:var(--pom-green);color:#fff;border:0;border-radius:9px;
	padding:14px;font-size:16px;font-weight:700;cursor:pointer;margin-top:4px;
	transition:background .15s,transform .05s;letter-spacing:.2px;
}
.pom-submit:hover{background:var(--pom-green-dark);}
.pom-submit:active{transform:translateY(1px);}
.pom-submit:disabled{opacity:.65;cursor:not-allowed;}

.pom-msg{margin-top:14px;font-size:14px;display:none;border-radius:8px;padding:11px 13px;}
.pom-msg.pom-error{display:block;background:#fdeaea;color:#a12121;border:1px solid #f5c2c2;}
.pom-msg.pom-success{display:block;background:#e9f7ec;color:#1d6b33;border:1px solid #b9e4c2;}

.pom-spinner{
	display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);
	border-top-color:#fff;border-radius:50%;animation:pom-spin .7s linear infinite;
	vertical-align:middle;margin-right:8px;
}
@keyframes pom-spin{to{transform:rotate(360deg)}}

@media(max-width:540px){
	.pom-modal{max-width:100%;border-radius:12px;}
	.pom-sum-grid{grid-template-columns:1fr;}
	.pom-row2{grid-template-columns:1fr;}
}
