.hpas{
	--bg:#ffffff;
	--text:#111827;
	--muted:#6b7280;
	--line:#e5e7eb;
	--soft:#f9fafb;
	--radius:14px;
	--shadow:0 1px 2px rgba(16,24,40,.04);
	display:flex;
	flex-direction:column;
	gap:14px;
	margin:0 0 20px;
	color:var(--text);
	font-family:inherit;
}

.hpas__card{
	background:var(--bg);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	padding:14px;
}

.hpas__table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.hpas__row:not(:last-child){
	border-bottom:1px solid var(--line);
}

.hpas__th,
.hpas__td{
	padding:12px 6px;
	font-size:14px;
	line-height:1.7;
	text-align:right;
	vertical-align:top;
}

.hpas__th{
	width:34%;
	font-weight:500;
	color:var(--muted);
}

.hpas__td{
	color:var(--text);
	font-weight:400;
}

.hpas__field{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:12px;
}

.hpas__label{
	font-size:13px;
	font-weight:500;
	color:var(--muted);
}

.hpas__select{
	width:100%;
	height:42px;
	border:1px solid var(--line);
	border-radius:10px;
	background:var(--soft);
	padding:0 12px;
	font-size:14px;
	color:var(--text);
	outline:none;
	appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.5 7.5L10 12l4.5-4.5 1.5 1.5-6 6-6-6z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:left 12px center;
	transition:border-color .2s ease, background-color .2s ease;
}

.hpas__select:focus{
	border-color:#c7d2fe;
	background:#fff;
}

.hpas__price-box{
	min-height:56px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--soft);
	border:1px solid var(--line);
	border-radius:10px;
	padding:10px 12px;
}

.hpas__price-box:empty{
	display:none;
}

.hpas__price-box .price,
.hpas__price-box .woocommerce-Price-amount{
	font-size:22px;
	font-weight:700;
	color:var(--text);
}

.hpas__external-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:42px;
	padding:0 14px;
	border-radius:10px;
	border:1px solid #d1d5db;
	background:#111827;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:500;
	transition:opacity .2s ease;
}

.hpas__external-btn:hover{
	opacity:.92;
}

@media (max-width:768px){
	.hpas__th,.hpas__td{font-size:13px}
	.hpas__th{width:40%}
}