.mt{display:block;background:#f5f1e9;color:#242522;font:16px/1.6 system-ui,sans-serif;padding:clamp(24px,5vw,70px) 20px;--mt-border:#b9b3a8}.mt *{box-sizing:border-box}.mt-shell{max-width:880px;margin:auto}.mt-header{text-align:center;margin-bottom:32px}.mt-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:650}.mt-header h2{font:clamp(32px,5vw,50px)/1.15 Georgia,serif;margin:8px 0 14px}.mt-intro{max-width:620px;margin:12px auto 22px}.mt-host{width:160px;height:80px;stroke:currentColor;stroke-width:2;fill:none}.mt-stage{background:#fffdf8;border:1px solid var(--mt-border);border-radius:12px;padding:clamp(20px,4vw,38px)}.mt-progress{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.mt-fieldset{border:0;margin:0;padding:0;min-width:0}.mt-question{font:clamp(24px,4vw,32px)/1.25 Georgia,serif;margin:12px 0 14px;max-width:100%}.mt-hint,.mt-disclaimer{font-size:14px;color:#55574f}.mt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.mt-choice{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--mt-border);border-radius:6px;cursor:pointer;min-height:58px}.mt-choice:has(input:checked){background:#242522;color:#fffdf8;border-color:#242522}.mt input{width:18px;height:18px;flex-shrink:0;accent-color:#796740}.mt :focus-visible{outline:3px solid #806425;outline-offset:4px}.mt-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.mt-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #242522;border-radius:4px;min-height:48px;padding:12px 22px;background:#242522;color:#fffdf8;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}.mt-button:hover{background:#41423a}.mt-secondary{background:transparent;color:#242522}.mt-secondary:hover{background:#e8e2d6}.mt-error{min-height:24px;color:#992c1b;font-size:14px}.mt-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px}.mt-result{padding:22px;border:1px solid var(--mt-border);border-radius:6px}.mt-result h4{font:26px Georgia,serif;letter-spacing:.08em;margin:12px 0}.mt-product-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.mt-price{font-weight:700}.mt-status{font-size:14px;font-weight:600}.mt-sample{border-top:1px solid var(--mt-border);padding-top:24px;margin-top:24px}.mt-disclaimer{margin-top:24px}.mt legend:focus,.mt h3:focus{outline:0}.mt legend:focus-visible,.mt h3:focus-visible{outline:3px solid #806425;outline-offset:4px}@media(max-width:480px){.mt{padding:24px 12px}.mt-stage{padding:20px 16px}.mt-options{grid-template-columns:1fr}.mt-actions .mt-button{flex:1}.mt-eyebrow{letter-spacing:.1em}}@media(prefers-reduced-motion:no-preference){.mt-choice,.mt-button{transition:background-color .15s,color .15s}}.mt.mt-popup{padding:0;background:transparent;position:static}.mt-launcher{position:fixed;right:20px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid #c4b28b;border-radius:999px;background:#242522;color:#fffdf8;box-shadow:0 6px 24px #0003;font:600 15px/1.4 system-ui,sans-serif;cursor:pointer}.mt-launcher[hidden]{display:none}.mt-dialog{position:fixed;inset:auto 16px calc(80px + env(safe-area-inset-bottom)) auto;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);padding:0;margin:0;border:1px solid #b9b3a8;border-radius:16px;background:#f5f1e9;color:#242522;overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 70px #0004;font:16px/1.5 system-ui,sans-serif}.mt-dialog::backdrop{background:#0005}.mt-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:2;padding:8px 12px 8px 20px;background:#242522;color:#fffdf8;font-size:12px;letter-spacing:.03em}.mt-close{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid #a19d92;border-radius:50%;color:#fffdf8;background:transparent;font:28px/1 system-ui;cursor:pointer}.mt-popup .mt-shell{padding:18px}.mt-popup .mt-header{margin-bottom:16px}.mt-popup .mt-header h2{font-size:30px}.mt-popup .mt-host{width:100px;height:50px}.mt-popup .mt-intro{font-size:14px;margin:10px 0}.mt-popup .mt-stage{padding:18px}.mt-popup .mt-question{font-size:24px}.mt-popup .mt-options{gap:8px;margin-top:16px}.mt-popup .mt-choice{padding:10px;min-height:48px;gap:8px;font-size:14px}.mt-popup .mt-button{padding:10px 14px;font-size:14px}.mt-popup .mt-result{padding:14px}.mt-popup .mt-product-image{max-height:220px}.mt-popup .mt-results{grid-template-columns:1fr}body:has(dialog[open]) .mt-launcher{visibility:hidden}@media(max-width:480px){.mt-launcher{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.mt-dialog{inset:auto 8px calc(72px + env(safe-area-inset-bottom)) 8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 92px);border-radius:12px}.mt-popup .mt-shell{padding:12px}.mt-popup .mt-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-popup .mt-stage{padding:14px}.mt-popup .mt-question{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mood-tender.css.map */