/* Product sizes as WooCommerce's own dropdown. The peptidist theme hides it (.pd-variations--hidden) and lists every size as a button (.pd-variants); this swaps them back. */
form.variations_form .pd-variants { display: none !important; }
form.variations_form table.variations.pd-variations--hidden {
	display: table !important; visibility: visible !important; position: static !important;
	width: 100%; height: auto !important; opacity: 1 !important; clip: auto !important; overflow: visible !important;
	margin: 0 0 16px; border: 0;
}
form.variations_form table.variations th, form.variations_form table.variations td { display: block; padding: 0; border: 0; background: none; text-align: left; }
form.variations_form table.variations th label {
	display: block; margin: 0 0 8px;
	font-family: var(--data, 'IBM Plex Mono', ui-monospace, monospace); font-size: .78em; font-weight: 500;
	text-transform: uppercase; letter-spacing: .08em; color: var(--type-dim, #93ADBA);
}
form.variations_form table.variations select {
	-webkit-appearance: none; appearance: none; width: 100%; max-width: none; margin: 0;
	padding: 14px 44px 14px 16px; border: 1px solid var(--line, #264B5E); border-radius: 0;
	background-color: var(--ink-deep, #0B1D26); color: var(--type, #C7DAE4);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2393ADBA' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 16px center;
	font-family: var(--data, 'IBM Plex Mono', ui-monospace, monospace); font-size: .95em; cursor: pointer;
}
form.variations_form table.variations select:hover { border-color: var(--type-dim, #93ADBA); }
form.variations_form table.variations select:focus { outline: none; border-color: var(--coral, #EE6548); }
form.variations_form table.variations select option { background: var(--ink-deep, #0B1D26); color: var(--type, #C7DAE4); }
form.variations_form .reset_variations { display: inline-block; margin-top: 8px; font-size: .85em; color: var(--type-dim, #93ADBA); }
form.variations_form .woocommerce-variation-price { margin: 0 0 12px; font-family: var(--data, 'IBM Plex Mono', ui-monospace, monospace); font-size: 1.2em; color: var(--type, #C7DAE4); }