/* Peter Hyderabad — WhatsApp floating widget */
.phww{
	position:fixed;
	bottom:22px;
	z-index:99000;
	display:inline-flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	font-family:"DM Sans","Helvetica Neue",Arial,sans-serif;
}
.phww--left{ left:22px; flex-direction:row; }
.phww--right{ right:22px; flex-direction:row-reverse; }

.phww__btn{
	width:56px;height:56px;flex:none;
	display:grid;place-items:center;
	background:#25D366;color:#fff;
	border-radius:50%;
	box-shadow:0 8px 22px -6px rgba(0,0,0,.4);
	transition:transform .18s ease, box-shadow .18s ease;
	animation:phww-pop .3s ease both;
}
.phww:hover .phww__btn{ transform:scale(1.06); box-shadow:0 12px 28px -8px rgba(0,0,0,.5); }

.phww__label{
	background:#0E0E0E;color:#fff;
	padding:9px 14px;border-radius:999px;
	font-size:13px;font-weight:600;white-space:nowrap;
	box-shadow:0 6px 18px -8px rgba(0,0,0,.4);
}

/* subtle pulse ring */
.phww__btn::after{
	content:"";position:absolute;width:56px;height:56px;border-radius:50%;
	box-shadow:0 0 0 0 rgba(37,211,102,.5);
	animation:phww-ring 2.2s ease-out infinite;
}

@keyframes phww-pop{ from{opacity:0;transform:scale(.5)} to{opacity:1;transform:scale(1)} }
@keyframes phww-ring{ 0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)} }

@media(max-width:600px){
	.phww{ bottom:16px; }
	.phww--left{ left:16px; }
	.phww--right{ right:16px; }
	.phww__label{ display:none; }   /* icon only on small screens */
	.phww__btn{ width:52px;height:52px; }
	.phww__btn::after{ width:52px;height:52px; }
}
@media(prefers-reduced-motion:reduce){
	.phww__btn::after,.phww__btn{ animation:none; }
}