.watch-configurator{background-color:var(--color-surface);padding:clamp(4rem,8vw,6rem) var(--page-margin)}.configurator-container{max-width:var(--page-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.configurator-preview{position:sticky;top:6rem;background:var(--color-background);padding:2rem;border:1px solid var(--color-border)}.preview-image{width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:2rem}.configurator-options{display:flex;flex-direction:column;gap:3rem}.option-group{border-bottom:1px solid var(--color-border);padding-bottom:2rem}.option-group:last-child{border-bottom:none}.option-label{font-family:var(--font-heading);font-size:1.125rem;letter-spacing:.03em;margin-bottom:1.25rem}.option-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.option-choice{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:1px solid var(--color-border);text-align:center;font-size:.8125rem;transition:border-color var(--duration-normal) var(--ease-smooth);cursor:pointer}.option-choice:hover{border-color:var(--color-accent)}.option-choice.selected{border-color:var(--color-accent);background:#d4af370d}.metal-swatch{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border)}.arabic-text-input{width:100%;padding:1rem;font-size:1.125rem;text-align:right;direction:rtl;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);transition:border-color var(--duration-normal) var(--ease-smooth)}.arabic-text-input:focus{outline:none;border-color:var(--color-accent)}.char-counter{text-align:right;font-size:.8125rem;color:var(--color-text-secondary);margin-top:.5rem}.char-counter.warning{color:#c0392b}.arabic-font-preview{background:var(--color-surface);padding:2rem;margin-top:1rem;text-align:center;font-size:2rem;min-height:100px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}@media(max-width:989px){.configurator-container{grid-template-columns:1fr}.configurator-preview{position:relative;top:0}}[dir=rtl] .configurator-container{direction:rtl}[dir=rtl] .option-label{text-align:right}[dir=rtl] .char-counter{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mudeb-theme.css.map */