.main-product .product-variant__container--radio:has(.mf-option-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.25rem;overscroll-behavior:auto}@media screen and (max-width:727px){.main-product .product-text .product-variant__container--radio:has(.mf-option-card){max-height:none;overflow:visible}}@media screen and (min-width:480px){.main-product .product-variant__container--radio:has(.mf-option-card){grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:728px){.main-product .product-variant__container--radio:has(.mf-option-card){max-height:19rem}}@media screen and (min-width:1200px){.main-product .product-variant__container--radio:has(.mf-option-card){max-height:17.5rem;overscroll-behavior:contain}}.main-product .product-variant__item--radio:has(>.mf-option-card){position:relative;display:flex;max-width:none;margin:0}.main-product .product-variant__item--radio:has(>.mf-option-card)>.product-variant__label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.main-product .product-text .product-variant__item--radio>label.mf-option-card{display:flex;flex-direction:column;gap:.25rem;box-sizing:border-box;width:100%;padding:.25rem .25rem .375rem;border:var(--mf-line-width) solid var(--mf-line-frame);border-radius:var(--mf-radius-card);background:var(--mf-surface-raised);color:var(--mf-text);font-family:var(--font-stack-body-primary, Arial, sans-serif);min-width:0;max-width:none;height:auto;line-height:1.25;text-align:center;white-space:normal;transform:none;cursor:pointer;transition:border-color var(--mf-duration-hover) var(--mf-ease-out)}.mf-option-card__picture{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:calc(var(--mf-radius-card) - 2px);background:var(--mf-surface-quiet)}.mf-option-card__picture img{display:block;width:100%;height:100%;object-fit:cover}.mf-option-card__size{padding:.25rem;color:var(--mf-text-muted);font-size:calc(12px / 16 * var(--base-body-primary-size, 16));line-height:1.3;font-variant-numeric:tabular-nums}.mf-option-card__name{font-size:calc(12px / 16 * var(--base-body-primary-size, 16));font-weight:var(--font-weight-body-primary, 400);line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.mf-option-card__price{margin-top:auto;color:var(--mf-text-muted);font-size:calc(13px / 16 * var(--base-body-primary-size, 16));font-weight:var(--font-weight-body-primary-medium, 500);line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}.no-touchevents .main-product .product-variant__item--radio input:hover:not([disabled])~.mf-option-card{border-color:var(--mf-line-control)}.main-product .product-variant__item--radio input:checked~.mf-option-card{border-color:var(--mf-brand);box-shadow:0 0 0 1px var(--mf-brand);background:var(--mf-brand-wash)}.main-product .product-variant__item--radio input:focus-visible~.mf-option-card{outline:var(--mf-focus-width) solid var(--mf-focus-color);outline-offset:0}.main-product .product-variant__item--radio input.disabled~.mf-option-card,.main-product .product-variant__item--radio input[disabled]~.mf-option-card{opacity:.45}.mf-option-card__zoom{position:absolute;z-index:2;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:none;cursor:zoom-in}.mf-option-card__zoom:before{content:"";position:absolute;top:.375rem;right:.375rem;bottom:.375rem;left:.375rem;border-radius:var(--mf-radius-small);background:color-mix(in srgb,var(--mf-surface-raised) 88%,transparent);box-shadow:var(--mf-elevation-1)}.mf-option-card__zoom svg{--main-text: var(--mf-text);position:relative;width:1rem;height:1rem}.mf-option-card__zoom:focus-visible{outline:var(--mf-focus-width) solid var(--mf-focus-color);outline-offset:-4px;border-radius:var(--mf-radius-small)}.mf-option-zoom{box-sizing:border-box;width:min(92vw,52rem);max-height:92vh;max-height:92dvh;margin:auto;padding:0;border:0;border-radius:var(--mf-radius-panel);background:var(--mf-surface-raised);color:var(--mf-text);box-shadow:var(--mf-elevation-3);overflow:hidden}.mf-option-zoom::backdrop{background:#0000005c}.mf-option-zoom[open]{animation:mf-option-zoom-in var(--mf-duration-panel) var(--mf-ease-out)}.mf-option-zoom[open]::backdrop{animation:mf-option-zoom-fade var(--mf-duration-panel) var(--mf-ease-out)}@keyframes mf-option-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes mf-option-zoom-fade{0%{opacity:0}}.mf-option-zoom__frame{display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:92vh;max-height:92dvh}.mf-option-zoom__image{display:block;width:100%;height:auto;max-height:calc(92vh - 3.5rem);max-height:calc(92dvh - 3.5rem);object-fit:contain;background:var(--mf-surface-raised)}.mf-option-zoom__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:0 .5rem 0 1rem;border-top:var(--mf-line-width) solid var(--mf-line-divider)}.mf-option-zoom__name{font-size:calc(15px / 16 * var(--base-body-primary-size, 16));font-weight:var(--font-weight-body-primary-medium, 500);line-height:1.3}.mf-option-zoom__close{display:flex;flex:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--mf-radius-round);background:none;color:var(--mf-text);cursor:pointer;transition:background-color var(--mf-duration-hover) var(--mf-ease-out)}.no-touchevents .mf-option-zoom__close:hover{background:var(--mf-surface-quiet)}.mf-option-zoom__close:focus-visible{outline:var(--mf-focus-width) solid var(--mf-focus-color);outline-offset:-4px}.mf-option-zoom__close svg{width:1.25rem;height:1.25rem}html:has(.mf-option-zoom[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/44/assets/mf-option-cards.css.map */