.madar-visual-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.madar-visual-option{min-height:0;padding:0;gap:0;overflow:hidden;border-radius:15px;background:var(--color-background);text-align:start}
.madar-visual-option:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgb(var(--color-foreground-rgb)/.08)}
.madar-visual-option:has(.madar-visual-option__input:checked){padding:0;border:2px solid var(--madar-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--madar-accent) 12%,transparent)}
.madar-visual-option__media{width:100%;height:auto;aspect-ratio:3/2;border-radius:0;background:#f4f1ea;overflow:hidden}
.madar-visual-option__media img{display:block;width:100%;height:100%;object-fit:cover}
.madar-visual-option__label{box-sizing:border-box;width:100%;min-height:48px;padding:11px 12px 12px;font-size:.86rem;font-weight:700;line-height:1.3;text-align:center;background:var(--color-background)}
.madar-visual-option:has(.madar-visual-option__input:checked)::after{inset-block-start:10px;inset-inline-end:10px;width:25px;height:25px;font-size:14px;box-shadow:0 2px 7px #0002}
@media(min-width:1200px){.madar-visual-option__media{aspect-ratio:16/10}}
@media(max-width:749px){.madar-visual-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.madar-visual-option__label{min-height:44px;padding:9px 8px 10px;font-size:.79rem}}
@media(max-width:430px){.madar-visual-options{grid-template-columns:1fr}.madar-visual-option__media{aspect-ratio:16/10}.madar-visual-option__label{font-size:.85rem}}