/* PepperScale — Heat-Chart Pop-up. Scope: .pps
   Modal/overlay only; the form inside reuses the global .hco-* styles. */

.pps{position:fixed;inset:0;z-index:99999;display:none;}
.pps.pps-open{display:block;}
.pps *{box-sizing:border-box;}

.pps-backdrop{position:absolute;inset:0;background:rgba(42,35,32,.55);}

.pps-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:min(440px,92vw);max-height:92vh;overflow:auto;text-align:center;
	background:#faf6f0;border:1px solid #e7ddd2;border-top:5px solid #b3261e;border-radius:16px;
	padding:30px 28px 26px;box-shadow:0 18px 54px rgba(42,35,32,.32);
	font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;}
.pps.pps-open .pps-modal{animation:pps-in .22s ease both;}
@keyframes pps-in{from{opacity:0;transform:translate(-50%,-46%);}to{opacity:1;transform:translate(-50%,-50%);}}

.pps-close{position:absolute;top:8px;right:12px;width:32px;height:32px;border:0;background:transparent;
	font-size:26px;line-height:1;color:#8a8079;cursor:pointer;border-radius:50%;}
.pps-close:hover{color:#2a2320;background:rgba(42,35,32,.07);}

.pps-img{display:block;max-width:148px;height:auto;margin:2px auto 16px;border-radius:6px;
	box-shadow:0 3px 12px rgba(42,35,32,.22);}

/* tune the reused .hco bits for the modal */
.pps .hco-title{font-size:22px;line-height:1.2;margin:4px 0 8px;}
.pps .hco-sub{font-size:14.5px;}
.pps .hco-form{display:block;margin-top:16px;}
.pps .hco-input{display:block;width:100%;}
.pps .hco-btn{display:flex;width:100%;margin-top:10px;}
.pps .hco-perk,.pps .hco-note{text-align:center;}
.pps .hco-perk{margin-top:12px;}

@media (max-width:560px){
	.pps-modal{width:94vw;padding:26px 18px 22px;}
	.pps-img{max-width:120px;}
	.pps .hco-title{font-size:20px;}
}