.famh{--ink:#191a19;--muted:#77736d;--line:#ded9d0;font-family:Inter,Arial,sans-serif;color:var(--ink);max-width:1500px;margin:0 auto;background:#fff}.famh *{box-sizing:border-box}.famh button{font:inherit;cursor:pointer}.famh button:focus-visible,.famh input:focus-visible{outline:2px solid #222;outline-offset:3px}.famh-head{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.famh-head strong{font:26px Georgia,serif;letter-spacing:.08em}.famh-head span{display:block;font-size:10px;letter-spacing:.3em;margin-top:4px}.famh-head small{font-size:10px;letter-spacing:.18em}.famh-progress{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.famh-progress button{padding:18px 4px;background:#fff;border:0;border-bottom:2px solid transparent;color:#918b82;font-size:11px;letter-spacing:.1em}.famh-progress button span{display:block;margin-top:5px;font-size:10px}.famh-progress button.active{color:#111;border-bottom-color:#111;font-weight:700}.famh-layout{display:grid;grid-template-columns:52% 48%;min-height:750px}.famh-stage{background:#f3f0e9;padding:26px 30px 20px;min-width:0;display:flex;flex-direction:column}.famh-stagebar{display:flex;align-items:center;justify-content:space-between}.famh-stagebar small,.famh-artfoot small{font-size:10px;letter-spacing:.18em;color:#756e65}.famh-toggle{border:1px solid #ddd3c8;border-radius:30px;background:#faf9f5;padding:3px;display:flex}.famh-toggle button{border:0;background:transparent;border-radius:25px;padding:8px 16px;font-size:11px;letter-spacing:.08em}.famh-toggle button.active{background:#1b1c1b;color:#fff}.famh-art{--top:#1d2b43;--trouser:#1d2b43;display:flex;align-items:center;justify-content:center;flex:1;min-height:560px}.famh-svg{display:block;width:min(100%,480px);height:auto;max-height:650px;overflow:visible}.famh-art .top-fill{fill:var(--top);stroke:#44413c;stroke-width:1.3;stroke-linejoin:round}.famh-art .trouser-fill{fill:var(--trouser);stroke:#44413c;stroke-width:1.3;stroke-linejoin:round}.famh-art .famh-shade{fill:url(#famh-fabric);pointer-events:none}.famh-art .seam{fill:none;stroke:#383c3d;stroke-width:1.15;opacity:.53;stroke-linecap:round;stroke-linejoin:round}.famh-art .fold{fill:#000;opacity:.08}.famh-art .back-only{display:none}.famh-art.back .front-only{display:none}.famh-art.back .back-only{display:block}.famh-art.no-chest .chest-line,.famh-art.no-collar-zip .collar-line,.famh-art.no-cuff-zip .cuff-detail,.famh-art.no-side-zip .side-detail,.famh-art.no-hem-zip .hem-detail{display:none}.famh-art.relaxed-top .famh-top{transform:translateX(-8px) scale(1.03,1);transform-origin:260px 250px}.famh-art.tapered-trouser .famh-trousers{transform:translateX(10px) scale(.96,1);transform-origin:260px 430px}.famh-art.relaxed-trouser .famh-trousers{transform:translateX(-10px) scale(1.04,1);transform-origin:260px 430px}.famh-artfoot{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #dcd5ca;padding-top:15px}.famh-artfoot strong{display:block;margin-top:6px;font-size:13px}.famh-artfoot>span{font-size:9px;letter-spacing:.08em;color:#8b8379;text-align:right}.famh-note{font-size:12px!important;line-height:1.6;color:#8a8178!important}.famh-panel{padding:35px 42px 25px;display:flex;flex-direction:column;min-width:0}.famh-step{flex:1}.famh-step[hidden]{display:none}.famh-step>small{font-size:10px;letter-spacing:.18em;color:#8b8379}.famh-step h2{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.045em;font-weight:600;line-height:1.15;margin:20px 0}.famh-step p{font-size:14px;color:#827b73;line-height:1.5;margin:0 0 30px}.famh-step label:not(.famh-check){display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin:26px 0 14px}.famh-swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.famh-swatch{aspect-ratio:1/1;border:1px solid #d5d1c9;background:var(--swatch);position:relative;min-width:0}.famh-swatch.selected:after{content:'';position:absolute;inset:-5px;border:1px solid #191919}.famh-choice{margin:12px 0 20px!important;font-size:12px!important}.famh-check{display:flex;align-items:center;gap:9px;font-size:12px;margin:20px 0}.famh-check input{accent-color:#222}.famh-disabled{opacity:.4;pointer-events:none}.famh-options{display:flex;flex-wrap:wrap;gap:10px}.famh-options button{padding:12px 18px;border:1px solid #d8d5d0;background:#fff;font-size:12px;min-width:82px}.famh-options button.selected{background:#222;color:#fff;border-color:#222}.famh-step input[type=text],.famh-step input[data-monogram],.famh-step input[type=number]{border:1px solid #d8d5d0;border-radius:0;padding:13px;font:inherit;font-size:14px;max-width:250px;width:100%;background:white;color:#222}.famh-summary{margin:25px 0}.famh-summary-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e4e0da;padding:12px 0;font-size:12px}.famh-summary-row span{color:#817a73}.famh-summary-row strong{text-align:right;font-weight:600}.famh-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.famh-actions button{padding:15px 20px;border:1px solid #ddd;font-size:12px;letter-spacing:.08em}.famh-back{background:#fff}.famh-back:disabled{opacity:.25;cursor:default}.famh-next{background:#1c1c1c;color:#fff;border-color:#1c1c1c!important;min-width:180px}.famh-next:disabled{opacity:.55}.famh-message{color:#9a302a;font-size:12px;padding-top:10px}.famh-message:empty{display:none}@media(max-width:900px){.famh-layout{grid-template-columns:48% 52%}.famh-panel{padding:28px 22px}.famh-stage{padding:22px 16px}.famh-swatches{gap:6px}}@media(max-width:780px){.famh-head{padding:17px 15px}.famh-head strong{font-size:21px}.famh-head small{display:none}.famh-progress{overflow-x:auto;display:flex;scrollbar-width:none}.famh-progress button{min-width:90px;padding:13px 4px}.famh-layout{display:block}.famh-stage{padding:16px;min-height:0}.famh-art{min-height:0;height:400px}.famh-svg{height:100%;width:100%}.famh-artfoot{padding-top:10px}.famh-artfoot>span{font-size:8px}.famh-panel{padding:28px 18px 35px;scroll-margin-top:10px}.famh-step h2{font-size:28px}.famh-swatches{gap:7px}.famh-swatch{min-height:26px}.famh-actions{position:sticky;bottom:0;background:#fff;padding:12px 0;z-index:2}.famh-actions button{padding:15px 12px}.famh-next{min-width:160px}}@media(max-width:390px){.famh-art{height:340px}.famh-swatches{gap:5px}.famh-options button{padding:10px 12px}.famh-artfoot>span{display:none}}

/* v3 visual-first detail explorer */
.famh-visual-explorer{margin:8px 0 18px;border:1px solid #d9d2c7;background:#fff;border-radius:12px;padding:15px;box-shadow:0 8px 28px #302b2410}.famh-visual-explorer[hidden]{display:none}.famh-explorer-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.famh-explorer-head small{display:block;color:#8b8278;font-size:9px;letter-spacing:.16em}.famh-explorer-head strong{display:block;font-size:15px;margin:5px 0}.famh-explorer-head span{font-size:12px;color:#756f67}.famh-explorer-head>button{border:1px solid #ddd5cb;background:white;border-radius:50%;width:30px;height:30px}.famh-explorer-body{display:grid;grid-template-columns:52% 48%;gap:14px;margin-top:13px}.famh-explorer-body svg{width:100%;height:auto;max-height:205px;border-radius:8px;background:#eae5db}.famh-explorer-controls{display:flex;flex-direction:column;justify-content:center;gap:10px}.famh-zip-switch{display:flex;border:1px solid #ddd6cd;border-radius:7px;overflow:hidden}.famh-zip-switch button{flex:1;background:white;border:0;padding:10px 3px;font-size:10px;letter-spacing:.08em}.famh-zip-switch button.active{background:#191a19;color:#fff}.famh-explorer-controls p{font-size:12px;line-height:1.5;margin:0}.famh-explorer-controls small{color:#8b8278;font-size:10px;line-height:1.4}.famh-feature-row{padding-bottom:15px;border-bottom:1px solid #eee9e2;margin-bottom:15px}.famh-feature-help{font-size:11px!important;color:#77736d!important;margin:7px 0 0!important}.famh-explore{margin-top:9px;border:1px solid #d4c9bc;background:#f7f3ec;color:#292722;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:650;letter-spacing:.045em}.famh-explore.active{border-color:#252525;background:#ede8df}.famh-explore span{font-size:17px;vertical-align:middle;margin-right:5px}.famh-review-visual{background:#f5f2ec;border-radius:9px;padding:15px;margin:15px 0}.famh-review-visual strong{font-size:11px;letter-spacing:.1em}.famh-review-visual p{font-size:12px;color:#6e675f;line-height:1.5}.famh-review-links{display:flex;gap:7px;flex-wrap:wrap}.famh-review-links button{border:1px solid #d8d0c5;border-radius:20px;padding:8px 10px;background:white;font-size:11px}
@media(max-width:780px){.famh-visual-explorer{padding:12px}.famh-explorer-body{grid-template-columns:1fr}.famh-explorer-body svg{max-height:160px}.famh-explorer-controls{gap:8px}.famh-explorer-head strong{font-size:13px}.famh-explorer-head span{font-size:11px}}
/* v3.1 production-logic UX */
.famh-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.famh-layout{align-items:start}.famh-stage{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.famh-art{min-height:390px}.famh-art .seam{stroke:#a7aaa9;opacity:.8;stroke-width:1.5}.famh-art .top-fill,.famh-art .trouser-fill{stroke:#8c8e8b;stroke-width:1.8}.famh-art .famh-shade{opacity:.68}.famh-art.exposed-collar .collar-line,.famh-art.exposed-chest .chest-line,.famh-art.exposed-cuff .cuff-detail,.famh-art.exposed-side .side-detail,.famh-art.exposed-hem .hem-detail{stroke:#c5b8a5;stroke-width:3;opacity:1;stroke-dasharray:4 3}.famh-logic-note{background:#f7f4ef;border-left:2px solid #a59c90;padding:10px 12px;font-size:12px;color:#666;margin:12px 0}.famh-comfort-preview{margin:22px 0 6px;border:1px solid #e4dfd6;padding:12px;border-radius:9px;background:#f8f6f1}.famh-comfort-preview strong{font-size:10px;letter-spacing:.12em}.famh-comfort-preview svg{display:block;width:100%;max-height:150px;margin-top:8px}.famh-comfort-preview p{font-size:12px;margin:5px 0 0}.famh-zip-switch[hidden]{display:none}.famh-options button{line-height:1.4}.famh-feature-row{scroll-margin-top:90px}
@media(max-width:780px){.famh-stage{position:relative;top:auto;max-height:none;overflow:visible}.famh-art{height:330px;min-height:0}.famh-panel{padding:20px 16px 32px}.famh-stage{padding:12px 14px}.famh-stagebar{position:relative}.famh-explorer-body{grid-template-columns:1fr 1fr}.famh-explorer-body svg{max-height:150px}.famh-progress button{min-width:105px}.famh-step label:not(.famh-check){margin:20px 0 10px}.famh-actions{bottom:0;box-shadow:0 -5px 18px #0000000b}.famh-feature-row{padding-bottom:12px;margin-bottom:12px}}
@media(max-width:430px){.famh-art{height:285px}.famh-explorer-body{grid-template-columns:1fr}.famh-explorer-body svg{max-height:180px}}

/* v3.3: vertical wrist and ankle zippers, active feature locator, compact controls */
.famh-art .cuff-detail,.famh-art .hem-detail{stroke-width:2.4;opacity:1}
.famh-art .hem-detail{stroke:#b6b5ae}
.famh-art .famh-locator{display:none;pointer-events:none}
.famh-art.locate-side .famh-locator{display:block}
.famh-locator-arrow,.famh-locator-tip{stroke:#252521;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.famh-locator rect{fill:#fffdf9;stroke:#a9a298;stroke-width:1}
.famh-locator text{font:700 10px Arial,sans-serif;letter-spacing:.05em;fill:#222}
.famh-feature-row{position:relative}
.famh-explore{font-size:11px!important;letter-spacing:.03em!important}
.famh [title]:hover:after,.famh [data-tooltip]:hover:after{display:none!important}
@media(max-width:780px){.famh-art.locate-side .famh-locator{display:block}.famh-locator text{font-size:11px}}

/* v3.4: explain fit and show actual hem taper, no horizontal translation */
.famh-art.tapered-trouser .famh-trousers,.famh-art.relaxed-trouser .famh-trousers{transform:none}
.famh-fit-guide{margin-top:20px;border:1px solid #e2dcd2;background:#f8f6f2;border-radius:12px;padding:18px;max-width:510px}
.famh-fit-guide-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;letter-spacing:.04em}
.famh-fit-guide-head span{font-size:9px;letter-spacing:.15em;color:#80766c}
.famh-fit-figures{max-width:360px;margin:14px auto 8px}.famh-fit-illustration{width:100%;height:auto;display:block;overflow:visible}
.famh-fit-figures g{opacity:.36;transition:opacity .2s}.famh-fit-figures g.active{opacity:1}.famh-fit-figures g.active path{fill:#818c7f;stroke:#353d36;stroke-width:2}
.famh-fit-figures text{font:9px Inter,Arial,sans-serif;fill:#333;letter-spacing:.04em}
.famh-fit-guide p{font-size:13px!important;line-height:1.55;margin:10px 0 6px!important;color:#353535!important}.famh-fit-guide small{font-size:10px;line-height:1.5;color:#827b73}
@media(max-width:780px){.famh-fit-guide{padding:14px;margin-top:16px}.famh-fit-figures{max-width:310px}}

/* v3.5: unblocked full-length preview and refined contextual pointers */
.famh-stage{overflow-y:visible!important;max-height:none!important;position:sticky;top:10px}
.famh-art{min-height:570px!important}
.famh-svg{max-height:650px}
.famh-visual-explorer{margin:0 0 24px;background:#faf8f4;box-shadow:none;border-color:#e5ded4}
.famh-art .famh-locator,.famh-art .famh-hem-locator{display:none;pointer-events:none}
.famh-art.locate-side .famh-locator,.famh-art.locate-hem .famh-hem-locator{display:block}
.famh-locator path,.famh-hem-locator path{fill:none;stroke:#292a27;stroke-width:1.4;stroke-linecap:round}
.famh-locator circle,.famh-hem-locator circle{fill:#292a27}
.famh-locator rect,.famh-hem-locator rect{fill:#f9f7f2;stroke:#c7bfb4;stroke-width:.8}
.famh-locator text,.famh-hem-locator text{font:9px Inter,Arial,sans-serif;letter-spacing:.08em;fill:#272723}
.famh-art .hem-detail{stroke:#d0c2ab;stroke-width:3;opacity:1}
.famh-art.exposed-hem .hem-detail{stroke:#e4c7a0;stroke-width:4;stroke-dasharray:3 3}
.famh-art.no-hem-zip .hem-detail{display:none}
.famh-feature-help{font-size:11px!important}
@media(max-width:780px){.famh-stage{position:relative;top:auto}.famh-art{min-height:0!important;height:410px}.famh-svg{max-height:100%}.famh-visual-explorer{margin:0 0 20px}.famh-explorer-body{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.famh-art{height:370px}.famh-explorer-body{grid-template-columns:1fr}}

.famh-top-guide{margin-top:14px;margin-bottom:18px}.famh-top-fit-figures{max-width:290px;margin:12px auto}.famh-top-fit-figures svg{width:100%;height:auto;overflow:visible}.famh-top-fit-figures g{opacity:.35;transition:opacity .2s}.famh-top-fit-figures g.active{opacity:1}.famh-top-fit-figures path{fill:#d8d2c6;stroke:#6e6b64;stroke-width:1.5}.famh-top-fit-figures g.active path{fill:#818c7f;stroke:#353d36;stroke-width:2}.famh-top-fit-figures text{font:10px Arial,sans-serif;fill:#333}

/* v3.8 context markers use the same editorial callout system */
.famh-art .famh-feature-marker{display:none;pointer-events:none}
.famh-art.locate-collar .famh-collar-marker,.famh-art.locate-chest .famh-chest-marker,.famh-art.locate-cuff .famh-cuff-marker{display:block}
.famh-feature-marker path{fill:none;stroke:#292a27;stroke-width:1.4;stroke-linecap:round}
.famh-feature-marker circle{fill:#292a27}
.famh-feature-marker rect{fill:#f9f7f2;stroke:#c7bfb4;stroke-width:.8}
.famh-feature-marker text{font:9px Inter,Arial,sans-serif;letter-spacing:.08em;fill:#272723}

/* v3.8.1: full-length Baju Melayu fit guide */
.famh-top-fit-figures svg{display:block;width:100%;max-width:430px;margin:0 auto;overflow:visible}
.famh-top-fit-figures .famh-guide-shirt{stroke-width:1.55;stroke-linejoin:round}
.famh-top-fit-figures .famh-guide-collar{stroke-width:1.4;stroke-linejoin:round}
.famh-top-fit-figures .famh-guide-seam,.famh-top-fit-figures .famh-guide-pocket{fill:none;stroke:currentColor;stroke-width:1;opacity:.6}
.famh-top-fit-figures text{font-size:10px;letter-spacing:.5px}
.famh-fit-illustration .famh-guide-trouser-seam{fill:none;stroke:#8e8981;stroke-width:1;opacity:.65}

/* v3.8.2: only display detail callouts after explicit inspection in Details step.
   SVG labels require explicit fills because inherited garment SVG styles can mask them. */
.famh-art:not(.famh-inspecting) .famh-feature-marker,
.famh-art:not(.famh-inspecting) .famh-locator,
.famh-art:not(.famh-inspecting) .famh-hem-locator{display:none!important}
.famh-art .famh-feature-marker rect,
.famh-art .famh-locator rect,
.famh-art .famh-hem-locator rect{fill:#fffdf9!important;stroke:#bfb8ae!important;opacity:1!important}
.famh-art .famh-feature-marker text,
.famh-art .famh-locator text,
.famh-art .famh-hem-locator text{fill:#242424!important;stroke:none!important;opacity:1!important;paint-order:normal}

/* v3.8.4: responsive inline detail explorer */
.famh-feature-row>.famh-visual-explorer{display:block;position:static!important;width:100%;max-width:100%;margin:14px 0 8px;padding:16px;background:#faf8f4;border:1px solid #e5ded4;border-radius:10px;box-shadow:none;box-sizing:border-box;clear:both}
.famh-feature-row>.famh-visual-explorer[hidden]{display:none!important}
.famh-feature-row .famh-explorer-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.famh-feature-row .famh-explorer-body>*{min-width:0}
.famh-feature-row .famh-explorer-body svg{max-width:100%;height:auto}
.famh-feature-row .famh-explore{max-width:100%;white-space:normal;text-align:center}
@media(max-width:600px){.famh-feature-row>.famh-visual-explorer{padding:12px}.famh-feature-row .famh-explorer-body{grid-template-columns:1fr}.famh-feature-row .famh-explorer-body svg{max-height:210px}.famh-feature-row .famh-explorer-head{gap:8px}.famh-feature-row .famh-explorer-head strong{font-size:14px}.famh-feature-row .famh-zip-switch button{min-height:42px}}

/* Responsive hero CTA v3.8.5 */
.famh-hero{position:relative;width:100%;overflow:hidden;background:#dfc4a7;isolation:isolate}.famh-hero-image{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.famh-hero-cta{position:absolute;left:3.6%;top:55%;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 20px;background:#191919;color:#fff!important;border-radius:10px;text-decoration:none!important;font:600 clamp(10px,1.1vw,16px)/1.3 Inter,Arial,sans-serif;letter-spacing:.065em;white-space:nowrap}.famh-hero-cta:hover,.famh-hero-cta:focus-visible{background:#383838;color:#fff!important}.famh-hero-cta span{font-size:1.3em}.famh-customizer-anchor{scroll-margin-top:16px}@media(max-width:780px){.famh-hero-cta{left:3.5%;top:55%;padding:9px 11px;gap:6px;border-radius:6px;font-size:clamp(7px,1.75vw,11px)}}@media(max-width:430px){.famh-hero-cta{top:56%;padding:7px 8px;font-size:7px;letter-spacing:0;gap:4px}.famh-hero-cta span{font-size:11px}}

/* v3.8.6: image already contains CTA artwork; overlay is click target only. */
.famh-hero .famh-hero-cta,.famh-hero .famh-hero-cta:hover,.famh-hero .famh-hero-cta:focus-visible{position:absolute;left:3.6%;top:55%;width:22%;height:8%;display:block;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;letter-spacing:0;opacity:1;min-width:0;min-height:0;cursor:pointer;text-decoration:none!important}
.famh-hero .famh-hero-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}
.famh-hero .famh-hero-cta .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* v3.8.7: contrast-aware exposed zipper strips and accessible inline guide controls */
.famh-art.exposed-collar .collar-line,.famh-art.exposed-chest .chest-line,.famh-art.exposed-cuff .cuff-detail,.famh-art.exposed-side .side-detail{stroke:var(--zip-top,#bcb6ad)!important;stroke-width:3.6!important;stroke-dasharray:3 2!important;opacity:1!important}
.famh-art.exposed-hem .hem-detail{stroke:var(--zip-trouser,#bcb6ad)!important;stroke-width:3.6!important;stroke-dasharray:3 2!important;opacity:1!important}
.famh-art .famh-explore,.famh-feature-row .famh-explore{min-height:42px;padding:11px 15px;background:#f8f3ea!important;border:1px solid #c9b9a5!important;color:#222!important;font-size:11px!important;font-weight:700!important;letter-spacing:.055em!important;opacity:1!important;cursor:pointer}
.famh-feature-row .famh-explore.active{background:#e9ddcb!important;border:1.5px solid #8a7359!important;color:#171717!important}
.famh-feature-row .famh-explore:hover,.famh-feature-row .famh-explore:focus-visible{background:#eadfce!important;outline:2px solid #89745e;outline-offset:2px}
.famh-explorer-head>button[data-reset-focus]{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;border:1px solid #c9bfb2!important;background:#fff!important;color:#222!important;font:400 18px/1 Arial,sans-serif!important;box-sizing:border-box!important;cursor:pointer}
.famh-explorer-head>button[data-reset-focus]:focus-visible{outline:2px solid #222;outline-offset:2px}
@media(max-width:780px){.famh-feature-row .famh-explore{min-height:44px}.famh-explorer-head>button[data-reset-focus]{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}

/* v3.8.8 signature back pleat: visible only on BACK in Details */
.famh-art .famh-back-pleat-marker{display:none;pointer-events:none}
.famh-art.back.show-back-pleat .famh-back-pleat-marker{display:block}
.famh-back-pleat-marker path{fill:none;stroke:#262625;stroke-width:1.7;stroke-linecap:round}
.famh-back-pleat-marker circle{fill:#262625}
.famh-back-pleat-marker rect{fill:#fffdf9;stroke:#d7d0c6;stroke-width:1}
.famh-back-pleat-marker text{font:700 9px Inter,Arial,sans-serif;letter-spacing:.035em;fill:#242424;stroke:none}
.famh-pleat-guide{border:1px solid #e3dbcf;background:#faf8f4;border-radius:9px;padding:16px;margin:16px 0 22px}
.famh-pleat-guide[hidden],.famh-pleat-detail[hidden]{display:none!important}
.famh-pleat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.famh-pleat-heading small{display:block;font-size:9px;letter-spacing:.12em;color:#82786e;margin-bottom:7px}
.famh-pleat-heading strong{font-size:13px;letter-spacing:.07em}
.famh-pleat-heading button{border:1px solid #cdbda9;background:#f6efe5;color:#222;padding:11px 13px;border-radius:5px;font-size:11px;font-weight:700;min-height:42px}
.famh-pleat-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;margin-top:15px;border-top:1px solid #e3dbcf;padding-top:15px}
.famh-pleat-detail svg{width:100%;height:auto;border-radius:7px;overflow:hidden}
.famh-pleat-detail p{margin:0!important;font-size:12px!important;line-height:1.65!important}
@media(max-width:780px){.famh-pleat-detail{grid-template-columns:1fr}.famh-pleat-heading button{width:100%}.famh-back-pleat-marker text{font-size:10px}}

/* v3.9.0: colour-adaptive locator contrast on all fabric shades.
   Two-layer outline maintains visibility when a callout crosses the fabric edge. */
.famh-art .famh-back-pleat-marker path,
.famh-art .famh-feature-marker path,
.famh-art .famh-locator path{stroke:var(--marker-top,#292a27)!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 1.2px #777)!important}
.famh-art .famh-back-pleat-marker circle,
.famh-art .famh-feature-marker circle,
.famh-art .famh-locator circle{fill:var(--marker-top,#292a27)!important;stroke:#a59d92!important;stroke-width:1.1!important}
.famh-art .famh-hem-locator path{stroke:var(--marker-trouser,#292a27)!important;stroke-width:2.25!important;stroke-linecap:round!important;filter:drop-shadow(0 0 1.2px #777)!important}
.famh-art .famh-hem-locator circle{fill:var(--marker-trouser,#292a27)!important;stroke:#a59d92!important;stroke-width:1.1!important}
.famh-art .famh-back-pleat-marker rect,.famh-art .famh-feature-marker rect,.famh-art .famh-locator rect,.famh-art .famh-hem-locator rect{fill:#fffdf9!important;stroke:#c7bfb4!important}
.famh-art .famh-back-pleat-marker text,.famh-art .famh-feature-marker text,.famh-art .famh-locator text,.famh-art .famh-hem-locator text{fill:#242424!important;stroke:none!important}

/* v3.9.1: centre-back guide must remain legible on Onyx Black and all colours. */
.famh-art.back.show-back-pleat .famh-back-pleat-marker{display:block!important;visibility:visible!important;opacity:1!important}
.famh-art.back.show-back-pleat .famh-back-pleat-marker path{stroke:#fffaf1!important;stroke-width:3!important;filter:drop-shadow(0 1px 1px #111)!important}
.famh-art.back.show-back-pleat .famh-back-pleat-marker circle{fill:#fffaf1!important;stroke:#242424!important;stroke-width:1.5!important}
.famh-art.back.show-back-pleat .famh-back-pleat-marker rect{fill:#fffdf9!important;stroke:#aaa398!important}
/* Prevent theme-generated hover captions from obscuring option labels. */
.famh [data-options] button::before,.famh [data-options] button::after{content:none!important;display:none!important}
.famh [data-options] button:hover{color:#191a19;background:#f7f4ee;border-color:#aaa397}
.famh [data-options] button.selected:hover{background:#222;color:#fff;border-color:#222}
.famh [data-options] button{position:relative;white-space:normal;min-height:43px}
@media(max-width:780px){.famh [data-options] button{min-height:44px}}

/* v3.9.2: distinct directional arrow from label to the actual centre pleat.
   Light line with dark under-stroke stays legible on Onyx Black and pale fabrics. */
.famh-art.back.show-back-pleat .famh-back-pleat-marker .famh-pleat-guide-line{stroke:#fffdf5!important;stroke-width:3.2!important;paint-order:stroke!important;filter:drop-shadow(0 1px 1px #111)!important}
.famh-art.back.show-back-pleat .famh-back-pleat-marker .famh-pleat-guide-tip{fill:#fffdf5!important;stroke:#222!important;stroke-width:.8!important;filter:drop-shadow(0 1px 1px #111)!important}
.famh-art.back.show-back-pleat .famh-back-pleat-marker circle{fill:#fffdf5!important}

/* v3.9.3 mobile-only floating live preview */
.famh-mobile-preview[hidden],.famh-mobile-preview-sheet[hidden]{display:none!important}
.famh-mobile-preview{display:none}
@media(max-width:780px){
 .famh-mobile-preview{display:block;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:9998;pointer-events:none}
 .famh-mobile-preview-bar{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:11px 16px;background:#202020;color:white;border:1px solid #59544c;border-radius:13px;box-shadow:0 5px 24px #0002;text-align:left;cursor:pointer}
 .famh-mobile-preview-icon{font-size:24px;color:#d6c3a9}
 .famh-mobile-preview-label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
 .famh-mobile-preview-label strong{font-size:12px;letter-spacing:.11em}
 .famh-mobile-preview-label small{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .famh-mobile-preview-action{font-size:11px;letter-spacing:.08em;white-space:nowrap}
 .famh-mobile-preview-sheet{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;pointer-events:auto}
 .famh-mobile-preview-backdrop{position:absolute;inset:0;background:#0009}
 .famh-mobile-preview-content{position:relative;background:#f5f1ea;width:100%;max-height:92dvh;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -12px 45px #0002}
 .famh-mobile-preview-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#222}
 .famh-mobile-close{width:38px;height:38px;border:1px solid #c8bba9;border-radius:50%;background:white;color:#222;font-size:18px;display:grid;place-items:center}
 .famh-mobile-preview-views{display:flex;justify-content:center;gap:4px;margin:12px 0}
 .famh-mobile-preview-views button{border:1px solid #d6c9b8;background:white;color:#222;border-radius:20px;padding:9px 22px;font-size:12px}
 .famh-mobile-preview-views button.active{background:#222;color:white;border-color:#222}
 .famh-mobile-preview-art{width:min(100%,370px);height:min(53dvh,470px);margin:auto;display:flex;align-items:center;justify-content:center}
 .famh-mobile-preview-art svg{width:100%;height:100%;display:block}
 .famh-mobile-preview-description{text-align:center;color:#242424;font-size:13px;margin:8px 0 14px}
 .famh-mobile-preview-done{display:block;width:100%;padding:15px;background:#222;color:white;border:0;border-radius:8px;font-size:12px;letter-spacing:.08em}
 body.famh-mobile-preview-open{overflow:hidden}
}
@media(min-width:781px){.famh-mobile-preview{display:none!important}}

/* v3.9.4: keep the floating preview above common mobile bottom navigation */
@media(max-width:780px){
 .famh-mobile-preview{bottom:calc(88px + env(safe-area-inset-bottom));z-index:2147483000}
 .famh-mobile-preview-sheet{z-index:2147483001}
 .famh-mobile-preview-bar{box-shadow:0 3px 14px #0003}
}
