.marjan-guide-launch{display:inline-flex;margin-left:auto}
.variations .label:has(.marjan-guide-launch){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.marjan-guide-open{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#222;padding:8px 0;font:inherit;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.marjan-guide-open svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.marjan-guide-open:hover{color:#e52629}
html.marjan-guide-visible{overflow:hidden}
.marjan-guide{box-sizing:border-box;width:min(920px,calc(100% - 40px));max-width:none;max-height:90dvh;border:0;border-radius:16px;padding:0;background:#fff;color:#1b1d1d;box-shadow:0 24px 100px #0004;overflow:hidden;font-family:inherit}
.marjan-guide:not([open]){display:none}
.marjan-guide[open]{display:flex;flex-direction:column}
.marjan-guide::backdrop{background:rgb(10 15 15 / 62%)}
.marjan-guide *{box-sizing:border-box}
.marjan-guide-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 30px;border-top:4px solid #e52629;border-bottom:1px solid #e9eaea;flex-shrink:0}
.marjan-guide-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800}
.marjan-guide-close{width:40px;height:40px;border:1px solid #e1e3e3;border-radius:50%;background:#fff;font-size:27px;line-height:1;cursor:pointer;color:#222}
.marjan-guide-scroll{overflow:auto;overscroll-behavior:contain;padding:28px 32px 30px}
.marjan-guide-model{font-size:12px;font-weight:700;color:#737979;margin:0 0 10px}
.marjan-guide-header h2{font-size:36px;line-height:1.12;letter-spacing:-1px;text-transform:none;font-weight:800;margin:0 0 16px;color:#1b1d1d}
.marjan-guide-header #marjan-guide-intro{font-size:14px;line-height:1.65;max-width:670px;color:#5a6060;margin:0 0 25px}
.marjan-guide-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}
.marjan-guide-table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px;margin:0;border:1px solid #e5e7e7;border-radius:10px;overflow:hidden}
.marjan-guide-table caption{text-align:left;font-size:16px;font-weight:750;margin-bottom:12px;color:#222}
.marjan-guide-table th,.marjan-guide-table td{border:0;padding:10px 16px;text-align:left;vertical-align:middle;background:transparent}
.marjan-guide-table thead{background:#f3f5f5;font-size:11px;color:#626868}
.marjan-guide-table thead th{padding-top:13px;padding-bottom:13px;font-weight:650}
.marjan-guide-table tbody tr{cursor:pointer}
.marjan-guide-table tbody tr+tr>*{border-top:1px solid #eceeee}
.marjan-guide-table td:last-child{width:60px;padding:5px 10px;text-align:right}
.marjan-guide-table tbody tr:hover{background:#faf6f6}
.marjan-guide-table tr.is-selected{background:#fff0ef;box-shadow:inset 3px 0 #e52629}
.marjan-guide-row{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;border-radius:50%;font:inherit;font-size:23px;color:#7c8484;cursor:pointer}
.is-selected .marjan-guide-row{color:#e52629}
.marjan-guide-pending{font-size:12px;color:#727878}
.marjan-guide-source{font-size:10px;line-height:1.6;color:#767d7d;margin:12px 0 0}
.marjan-guide-note{font-size:12px;line-height:1.6;padding:12px 14px;background:#f7f7f5;border-radius:8px;margin:14px 0 0;color:#606666}
.marjan-guide-measuring{background:#f3f5f4;border-radius:12px;padding:22px}
.marjan-guide-step{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#818787}
.marjan-guide-measuring h3{font-size:19px;font-weight:750;line-height:1.3;margin:9px 0 0;text-transform:none;color:#222}
.marjan-foot-diagram{display:block;width:100%;height:180px;margin:8px auto}
.foot-outline{fill:#fff;stroke:#222;stroke-width:2;stroke-linejoin:round}
.foot-measure{fill:none;stroke:#e52629;stroke-width:1.5}
.marjan-foot-diagram text{fill:#777;font-size:10px;font-family:inherit;text-anchor:middle}
.marjan-guide-measuring ol{padding-left:19px;margin:12px 0;font-size:12px;line-height:1.7}
.marjan-guide-measuring li{padding-left:3px;margin-bottom:7px}
.marjan-guide-fine,.marjan-guide-measuring>p{font-size:11px;line-height:1.65;color:#747b7b;margin:14px 0}
.marjan-guide-help{border:0;border-top:1px solid #dce0de;background:none;padding:15px 0 0;width:100%;text-align:left;font:inherit;font-size:12px;font-weight:750;color:#222;cursor:pointer;display:flex;justify-content:space-between}
.marjan-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;border-top:1px solid #e8eaea;background:white;flex-shrink:0}
.marjan-guide-selection{font-size:12px;font-weight:650;line-height:1.5;color:#5b6262}
.marjan-guide-apply{border:0;background:#e52629;color:white;border-radius:7px;min-height:46px;padding:12px 24px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
.marjan-guide-apply:disabled{background:#e9eceb;color:#959d9b;cursor:default}
.marjan-guide button:focus-visible,.marjan-guide-open:focus-visible{outline:3px solid #147d91;outline-offset:3px}
@media(max-width:600px){
 .marjan-guide{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .marjan-guide-heading{padding:calc(10px + env(safe-area-inset-top)) 20px 10px}
 .marjan-guide-scroll{padding:24px 20px}
 .marjan-guide-header h2{font-size:30px}
 .marjan-guide-header #marjan-guide-intro{font-size:13px}
 .marjan-guide-columns{grid-template-columns:1fr;gap:24px}
 .marjan-guide-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:8px}
 .marjan-guide-selection{text-align:center;font-size:11px}
 .marjan-guide-apply{width:100%}
 .marjan-guide-launch{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.marjan-guide *{scroll-behavior:auto!important}}