.mpc-product-options {
	--mpc-accent: #171717;
	--mpc-line: #c9c9c9;
	--mpc-muted: #676767;
	clear: both;
	display: grid;
	grid-column: 1 / -1;
	gap: 18px;
	width: 100%;
	min-width: 0;
	margin: 20px 0 18px;
}

.mpc-theme-waaseekho-market { --mpc-accent: #a97716; --mpc-soft: #f7f1df; }
.mpc-theme-realonemart-market { --mpc-accent: #be5c73; --mpc-soft: #fff1ee; }
.mpc-product-options fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.mpc-product-options legend { width: 100%; margin: 0 0 10px; padding: 0; color: #171717; font-size: 15px; font-weight: 700; line-height: 1.35; }
.mpc-attribute__selected { font-weight: 700; }
.mpc-attribute__options { display: flex; flex-wrap: wrap; align-items: stretch; gap: 9px; }
.mpc-attribute--image .mpc-attribute__options { flex-wrap: wrap; overflow: visible; padding: 1px; }
.mpc-option { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 34px; margin: 0; padding: 5px 15px; border: 1px solid var(--mpc-line); border-radius: 999px; background: #fff; color: #171717; box-shadow: none; font: inherit; font-size: 14px; font-weight: 650; line-height: 1.2; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease; }
.mpc-option:hover:not(:disabled) { border-color: var(--mpc-accent); }
.mpc-option.is-selected { border: 2px solid var(--mpc-accent); padding: 4px 14px; box-shadow: 0 0 0 1px rgba(0,0,0,.03); }
.mpc-option.is-selected::after { position: absolute; right: -3px; bottom: -3px; display: grid; width: 16px; height: 16px; place-items: center; border: 2px solid #fff; border-radius: 50%; background: var(--mpc-accent); color: #fff; content: "✓"; font-size: 10px; line-height: 1; }
.mpc-option:disabled { opacity: .3; cursor: not-allowed; text-decoration: line-through; }
.mpc-attribute--image .mpc-option { width: 90px; min-width: 90px; min-height: 124px; flex-direction: column; justify-content: flex-start; gap: 5px; padding: 4px 4px 7px; border-radius: 4px; white-space: normal; }
.mpc-attribute--image .mpc-option.is-selected { padding: 3px 3px 6px; }
.mpc-attribute--image .mpc-option img { width: 80px; height: 80px; flex: 0 0 80px; border-radius: 2px; object-fit: cover; }
.mpc-attribute--image .mpc-option__image-placeholder { display: grid; width: 80px; height: 80px; flex: 0 0 80px; place-items: center; border-radius: 2px; background: #f1f1f1; color: #999; }
.mpc-attribute--image .mpc-option__image-placeholder::before { content: "\2014"; font-size: 20px; font-weight: 400; }
.mpc-attribute--image .mpc-option__label { display: -webkit-box; width: 100%; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; font-weight: 700; line-height: 1.25; text-align: center; }
.mpc-product-options__message { min-height: 0; margin: -7px 0 0; color: #b42318; font-size: 13px; font-weight: 650; }
.mpc-product-options__message:empty { display: none; }

@media (max-width: 600px) {
	.mpc-product-options { gap: 15px; margin-block: 16px; }
	.mpc-attribute--image .mpc-option { width: 82px; min-width: 82px; min-height: 116px; }
	.mpc-attribute--image .mpc-option img,
	.mpc-attribute--image .mpc-option__image-placeholder { width: 72px; height: 72px; flex-basis: 72px; }
}