.mg-options .la-visual-option{display:block;min-width:0;border:0;margin:18px 0;padding:0}
.la-visual-option>[hidden],.la-visual-option [data-option-preview]{display:none!important}
.la-option-legend{float:none;width:100%;padding:0;margin:0 0 12px;font-weight:600;color:inherit}
.la-option-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.la-option-card{background:#f6f0e7;border:2px solid transparent;border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.la-option-card.is-selected{border-color:#99652f}.la-option-card:focus-within{outline:2px solid #54371e;outline-offset:3px}.la-option-card.is-disabled{opacity:.6}
.la-option-label{display:flex;flex-direction:column;cursor:pointer;flex:1;min-width:0;margin:0!important}
.la-option-photo{display:block;position:relative;overflow:hidden;background:#eee6da;aspect-ratio:16/9;width:100%;flex:none}
.la-option-photo img{display:block;width:100%;height:100%;object-fit:contain;max-width:none!important;margin:0!important;border-radius:0!important}
.la-option-photo.la-option-crop img{position:absolute;object-fit:fill}
.la-option-copy{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 8px;padding:12px;min-width:0;align-content:start}
.la-option-copy input{width:18px!important;height:18px!important;min-height:0!important;margin:3px 0!important;accent-color:#99652f}
.la-option-name{font-size:15px;line-height:1.4;font-family:inherit!important;overflow-wrap:anywhere;font-weight:600}
.la-option-price,.la-option-selected{grid-column:2;font-size:14px;line-height:1.4;color:#6b5640}
.la-option-selected{visibility:hidden;font-size:12px}.is-selected .la-option-selected{visibility:visible}
.la-option-zoom{display:block;width:100%;border:0;border-top:1px solid #ddc9ad;background:transparent;color:#754b24;font:inherit;font-size:14px;text-align:left;padding:10px 12px;min-height:44px;cursor:pointer}
.la-option-status{font-size:14px;margin:6px 0;color:#8a2e22}.la-option-status:empty{display:none}
.la-option-missing{display:block;padding:20px;font-size:14px}
.la-option-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #ddc9ad;border-radius:12px;padding:20px;background:#fffdfa;color:#2b241d;z-index:1000}
.la-option-dialog::backdrop{background:rgba(0,0,0,.55)}.la-option-dialog h2{font:28px/1.2 Georgia,serif;margin:12px 0 18px;clear:both}
.la-option-close{display:block;margin-left:auto;position:sticky;top:0;z-index:2;min-height:44px;padding:8px 16px;border:1px solid #ddc9ad;border-radius:8px;background:#fffdfa;color:#2b241d;font:inherit;cursor:pointer}
.la-option-detail .la-option-photo{border-radius:10px}.la-option-dialog .la-option-price{margin:12px 0 0}
@media(max-width:600px){.la-option-cards{grid-template-columns:1fr}.la-option-with-image .la-option-label{display:grid;grid-template-columns:44% minmax(0,1fr);align-items:center}.la-option-copy{padding:10px}.la-option-name{font-size:15px}.la-option-dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.la-option-dialog *{scroll-behavior:auto}}

.mg-options .la-visual-option[hidden]{display:none!important}
html:has(.la-option-dialog[open]){overflow:hidden}

/* Equal card media dimensions; detail viewer retains its original crop ratio. */
.la-option-card .la-option-photo{aspect-ratio:16/9!important}
@media(max-width:600px){.la-option-with-image .la-option-label{align-items:start}.la-option-with-image .la-option-copy{min-height:110px}}