.mm-stripes{display:block;max-width:1376px;margin:auto;padding:36px 48px;color:#26362d}.mm-stripes .mm-s-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.mm-stripes .mm-s-visual{position:sticky;top:25px}.mm-stripes .mm-s-stage{background:#f6f3ed;border-radius:24px;overflow:hidden}.mm-stripes .mm-s-stage canvas{width:100%;height:auto;display:block;aspect-ratio:1}.mm-stripes .mm-s-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#617161}.mm-stripes h1{font-size:clamp(35px,4.5vw,58px);line-height:1.06;letter-spacing:-1.5px;margin:14px 0 20px}.mm-stripes h1 em{font-family:Georgia,serif;font-weight:400;color:#84604c}.mm-stripes .mm-s-intro{line-height:1.7;max-width:42ch;color:#546156}.mm-stripes .mm-s-price{font-size:29px;font-weight:650;margin-top:22px}.mm-stripes .mm-s-help{font-size:12px;line-height:1.6;color:#5a685f}.mm-stripes fieldset{border:0;padding:0;margin:25px 0;min-width:0}.mm-stripes legend,.mm-stripes .mm-s-label{font-size:14px;font-weight:650;margin-bottom:12px}.mm-stripes input[type=text],.mm-stripes select{width:100%;min-height:48px;border:1px solid #c4cdc1;border-radius:8px;padding:10px 14px;background:#fff;color:#26362d;font:inherit;box-sizing:border-box}.mm-stripes input[type=text]:focus-visible,.mm-stripes select:focus-visible,.mm-stripes button:focus-visible,.mm-stripes input[type=radio]:focus-visible+span{outline:3px solid #23743e;outline-offset:3px}.mm-stripes .mm-s-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.mm-stripes .mm-s-label-row label{font-weight:650;font-size:14px}.mm-stripes .mm-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mm-stripes .mm-swatch{position:relative;display:flex;gap:7px;align-items:center;border:1px solid #dce2d8;border-radius:8px;padding:9px 7px;min-height:43px;cursor:pointer;font-size:11px;box-sizing:border-box;overflow-wrap:anywhere}.mm-stripes .mm-swatch:has(input:checked){border:2px solid #315940;padding:8px 6px;background:#f0f5ed}.mm-stripes .mm-swatch input{position:absolute;opacity:0;width:1px;height:1px}.mm-stripes .mm-swatch-dot{width:19px;height:19px;border-radius:50%;flex-shrink:0;border:1px solid #0002}.mm-stripes .mm-s-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-stripes .mm-s-option{display:flex;flex-direction:column;gap:6px;border:1px solid #dce2d8;border-radius:9px;padding:12px;cursor:pointer}.mm-stripes .mm-s-option:has(input:checked){background:#f0f5ed;border-color:#315940}.mm-stripes .font-sample{font-size:31px;overflow-wrap:anywhere;line-height:1.7}.mm-stripes .script{font-family:'MM Great Vibes',cursive}.mm-stripes .lora{font-family:'MM Lora',Georgia,serif}.mm-stripes .mm-s-primary{width:100%;min-height:52px;padding:14px 20px;border:0;border-radius:10px;background:#315940;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.mm-stripes .mm-s-primary:disabled{opacity:.55;cursor:wait}.mm-stripes .mm-s-side-controls{display:flex;justify-content:center;gap:8px;margin:15px 0}.mm-stripes .mm-s-side-controls button,.mm-stripes .mm-s-link{padding:11px 16px;min-height:44px;background:#fff;border:1px solid #dce2d8;border-radius:8px;color:#315940;cursor:pointer;font:inherit;font-size:12px}.mm-stripes button[aria-pressed=true]{background:#315940;color:#fff}.mm-stripes .mm-s-error{color:#a62222;font-size:13px}.mm-stripes .mm-s-wrap canvas{width:100%;height:auto;display:block;border:1px solid #e2e6df;margin-top:16px}.mm-stripes .mm-s-caption{text-align:center;font-size:12px;color:#5a685f}.mm-stripes [hidden]{display:none!important}.mm-stripes .mm-s-badges{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0;font-size:12px;color:#5a685f}.mm-stripes .mm-s-status{font-size:13px;line-height:1.5}mm-stripes-cart-preview{display:block;width:100%;aspect-ratio:inherit}mm-stripes-cart-preview [hidden]{display:none!important}
@media(max-width:1000px){.mm-stripes{padding:28px}.mm-stripes .mm-s-layout{gap:32px}.mm-stripes .mm-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mm-stripes{padding:20px 16px}.mm-stripes .mm-s-layout{grid-template-columns:minmax(0,1fr);gap:26px}.mm-stripes .mm-s-visual{position:static}.mm-stripes h1{font-size:43px}.mm-stripes .mm-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-stripes .mm-s-stage{border-radius:16px}.mm-stripes .mm-swatch{font-size:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){.mm-stripes *{scroll-behavior:auto}}
