/* Peter Hyderabad Size Charts — link + modal
   Link matches the store: small, uppercase, underlined, ink on hover. */

.phsc-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:6px 0 0;
	padding:0;
	background:none;
	border:0;
	color:#6E6E6B;
	font-family:"Archivo","Helvetica Neue",Arial,sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:1.4px;
	text-transform:uppercase;
	text-decoration:underline;
	text-underline-offset:3px;
	cursor:pointer;
	transition:color .18s ease;
}
.phsc-link:hover{ color:#0E0E0E; }
.phsc-link__icon{ flex:none; }

/* Modal */
.phsc-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; }
.phsc-modal[hidden]{ display:none; }
.phsc-modal__scrim{ position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(14,14,14,.55); cursor:pointer; animation:phsc-fade .2s ease; }
.phsc-modal__box{
	position:relative; z-index:2;
	width:min(680px,100%);
	max-height:88vh;
	overflow:auto;
	background:#fff;
	border-radius:4px;
	box-shadow:0 24px 60px -20px rgba(0,0,0,.5);
	animation:phsc-pop .22s ease;
}
.phsc-modal__head{
	position:sticky; top:0;
	display:flex; align-items:center; justify-content:space-between;
	gap:12px; padding:14px 18px;
	background:#fff; border-bottom:1px solid #E5E4E0;
}
.phsc-modal__title{
	margin:0; font-family:"Archivo",sans-serif; font-size:13px; font-weight:800;
	letter-spacing:.14em; text-transform:uppercase;
}
.phsc-modal__close{ background:none; border:0; font-size:26px; line-height:1; color:#0E0E0E; cursor:pointer; padding:0 4px; }
.phsc-modal__close:hover{ color:#C4162B; }
.phsc-modal__body{ padding:18px; }
.phsc-modal__body img,.phsc-modal__img{ display:block; width:100%; height:auto; border-radius:2px; }
.phsc-modal__body p{ margin:12px 0 0; font-family:"DM Sans",Arial,sans-serif; font-size:14px; color:#3a3a38; }

@keyframes phsc-fade{ from{opacity:0} to{opacity:1} }
@keyframes phsc-pop{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }

@media (prefers-reduced-motion: reduce){
	.phsc-modal__scrim,.phsc-modal__box{ animation:none; }
}