/* Inherit the site's ACSS palette and type; these values reproduce the existing
   furniture configurator where the token scale has no equivalent. */
.mmb-client-view-content { padding: 2em; max-inline-size: calc(var(--content-width) + 4em); margin-inline: auto; }
.mmb-client-view #vue-plugin-app { inline-size: 100%; max-inline-size: 100% !important; margin: 0; }
.mmb-client-view .product-options h1 { color: var(--primary); margin: 0 0 .5em; }
.mmb-client-view .mmb-client-sku { margin: 0 0 1em; }
.mmb-client-view .product-variation-options { max-inline-size: 100%; gap: 18px; border: 2px solid var(--primary); background: #EEEEED; padding: 16px; margin-block: 24px; }
.mmb-client-view .product-variation-options__field { gap: 0; }
.mmb-client-view .product-dropdown__toggle { background: #EEEEED; color: var(--primary); border: 0; border-block-start: 2px solid var(--primary); padding: 12px 36px 12px 18px; font-family: Textaheavy, sans-serif; font-size: 1em; line-height: 1.4; text-transform: none; }
.mmb-client-view .product-dropdown__arrow { border-color: var(--primary); }
.mmb-client-view .product-variation-options__field .product-dropdown__toggle { display: grid; grid-template-columns: minmax(90px, 22%) minmax(0, 1fr); gap: 10px; padding: 0; border: 0; background: transparent; text-align: start; }
.mmb-client-view .product-variation-options__field .product-dropdown__toggle::before { content: attr(data-mmb-option-label); align-self: start; min-inline-size: 0; padding-block-start: 7px; font-size: .9em; white-space: normal; }
.mmb-client-view .mmb-client-option-value { display: block; min-inline-size: 0; background: white; border-radius: 3px; padding: 16px 24px 16px 16px; font-size: 0; overflow-wrap: anywhere; white-space: normal; }
.mmb-client-view .mmb-client-option-value::after { content: attr(data-mmb-option-value); color: var(--base); font: 500 22px/1.4 Textamedium, sans-serif; }
.mmb-client-view .product-variation-options__field .product-dropdown__arrow { grid-column: 2; inset-inline-end: 10px; }
.mmb-client-view .product-dropdown__toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.mmb-client-view .product-variation-options__panel { grid-column: 1 / -1; --vuer-attribute-option-selected: var(--primary); box-shadow: none; border: 1px solid var(--primary); margin-block-start: 8px; }
.mmb-client-view .description-dropdown { max-inline-size: 100%; margin-block: 20px; }
.mmb-client-view .description-dropdown__content { border-color: var(--primary); font: inherit; }
.mmb-client-view .product-add-to-cart { inline-size: fit-content; min-inline-size: 210px; max-inline-size: 100%; padding: .8em 1.2em; border: 0; border-radius: 0; color: white; background: #C74E43; font: 500 1em/1.3 Textamedium, sans-serif; text-transform: uppercase; }
.mmb-client-view .product-add-to-cart:hover { background: #C74E43BA; opacity: 1; }
.mmb-client-view .product-add-to-cart:focus-visible { outline-color: var(--primary); }
.mmb-client-view .product-add-to-cart[data-mmb-request-quote] { font-size: 0; min-block-size: 64px; }
.mmb-client-view .product-add-to-cart[data-mmb-request-quote]::after { content: 'Request Quote'; font: 500 22px/1.3 Textamedium, sans-serif; }
.mmb-client-view .vuer-product-image-trigger { border: 0; background: transparent; box-shadow: none; }
.mmb-client-view .product-breadcrumbs a { color: var(--primary); }
.mmb-client-view .product-hero__main-img--sticky { top: 0; }
.mmb-client-view .product-information { margin-block-start: 0; }
/* Override the inherited pink interaction states only on the two requested controls. */
.mmb-client-view #vue-plugin-app .product-stains__view-all:is(:hover, :focus, :active),
.mmb-client-view #vue-plugin-app .vue-plugin-checkout-submit:is(:hover, :focus, :active) {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.mmb-client-view #vue-plugin-app .vue-plugin-checkout-submit:not(:disabled):is(:hover, :focus, :active) { opacity: 1; }
@media (max-width: 767px) {
  .mmb-client-view-content { padding: 1em; }
  .mmb-client-view .product-variation-options { padding: 12px; }
  .mmb-client-view .product-variation-options__field .product-dropdown__toggle { grid-template-columns: minmax(76px, 25%) minmax(0, 1fr); }
  .mmb-client-view .mmb-client-option-value { padding: 12px 24px 12px 12px; }
  .mmb-client-view .mmb-client-option-value::after,
  .mmb-client-view .product-add-to-cart[data-mmb-request-quote]::after { font-size: 18px; }
}