.ffds3221{--navy:#102b49;--blue:#0878d1;--line:#dfe7ef;--muted:#66788c;--bg:#f5f7fa;font-family:Inter,system-ui,sans-serif;color:#17283b;background:#fff;min-height:100vh;padding-bottom:78px}.ffds3221 button,.ffds3221 input,.ffds3221 textarea,.ffds3221 select{font:inherit}.ffds-topbar{height:72px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;border-bottom:1px solid var(--line);padding:0 22px;position:sticky;top:0;background:#fff;z-index:80}.ffds-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy)}.ffds-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--navy);color:#fff;font-weight:900;font-size:22px}.ffds-brand strong,.ffds-brand small{display:block}.ffds-brand strong{font-size:15px;letter-spacing:.04em}.ffds-brand small{font-size:9px;letter-spacing:.18em;color:#718096}.ffds-progress{display:flex;justify-content:center;align-items:center;gap:14px}.ffds-progress button{border:0;background:none;color:#6c7b8d;display:flex;align-items:center;gap:8px;font-weight:800;font-size:11px}.ffds-progress button b{width:28px;height:28px;border-radius:50%;background:#eef2f6;display:grid;place-items:center}.ffds-progress button.is-active{color:var(--navy)}.ffds-progress button.is-active b{background:var(--blue);color:#fff}.ffds-progress i{height:1px;width:76px;background:#dce4ec}.ffds-top-actions{display:flex;justify-content:flex-end;gap:10px}.ffds-quiet{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:#52657a;text-decoration:none;font-size:10px}.ffds-alert{margin:12px 20px;padding:11px 14px;border-radius:8px;background:#fff2f2;border:1px solid #ffd3d3;color:#9b1c1c;font-size:12px}.ffds-step[data-step=design]{display:grid;grid-template-columns:104px minmax(480px,1fr) 500px;min-height:calc(100vh - 150px)}.ffds-tools{border-right:1px solid var(--line);padding:16px 10px;background:#fff;display:flex;flex-direction:column;gap:8px}.ffds-tools button{border:0;background:#fff;border-radius:10px;min-height:72px;color:#53657a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700;cursor:pointer}.ffds-tools button.is-active{background:#eef7ff;color:#0878d1}.ffds-tool-icon svg{width:25px;height:25px}.ffds-tools small{font-size:10px}.ffds-canvas-wrap{position:relative;background:#f4f6f8;padding:16px 24px 24px;min-width:0}.ffds-canvas-toolbar{height:46px;display:flex;gap:8px;align-items:center}.ffds-canvas-toolbar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:10px;color:#53657a}.ffds-canvas-card{height:calc(100vh - 202px);min-height:520px;background:#fff;border:1px solid #e8edf2;border-radius:14px;box-shadow:0 8px 22px rgba(15,35,55,.06);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ffds-view-label{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:10;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:10px;font-weight:800}.ffds-stage{width:min(76%,700px);height:82%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.ffds-stage>img[data-ffgw-garment-image]{width:100%;height:100%;object-fit:contain;transition:transform .16s ease;user-select:none;pointer-events:none}.ffds-empty{display:flex;flex-direction:column;align-items:center;gap:9px;color:#8796a6;text-align:center}.ffds-empty svg{width:110px;height:110px}.ffds-empty strong{font-size:16px;color:#50647a}.ffds-empty small{font-size:11px}.ffds-object{position:absolute;z-index:8;cursor:move;touch-action:none;min-width:40px;min-height:40px}.ffds-template-object.is-mask{background:var(--design-colour);mask:var(--asset) center/contain no-repeat;-webkit-mask:var(--asset) center/contain no-repeat}.ffds-template-object.is-image{background-position:center;background-repeat:no-repeat;background-size:contain}.ffds-artwork-object{object-fit:contain}.ffds-object:hover{outline:1px dashed #0878d1}.ffds-group-text,.ffds-year,.ffds-personalisation{position:absolute;z-index:9;transform:translate(-50%,-50%);text-align:center;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere}.ffds-group-text{font-size:clamp(12px,1.2vw,18px)}.ffds-year{font-size:clamp(20px,2.4vw,36px)}.ffds-personalisation{font-size:13px;max-width:28%;line-height:1.05}.ffds-drop-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.9);border:1px dashed #cbd6e1;border-radius:999px;padding:7px 14px;font-size:9px;color:#6b7b8b;pointer-events:none}.ffds-stage.is-dragover{outline:2px dashed #0878d1;border-radius:12px}.ffds-notes{position:absolute;bottom:16px;left:18px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;color:#52657a}.ffds-side{display:grid;grid-template-columns:116px 1fr;border-left:1px solid var(--line);background:#fff;min-width:0}.ffds-views{padding:16px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.ffds-views>button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;min-height:92px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#52657a}.ffds-views>button.is-selected{border-color:#0878d1;box-shadow:0 0 0 2px rgba(8,120,209,.14);color:#0878d1}.ffds-views>button span{font-size:31px}.ffds-views>button strong{font-size:9px}.ffds-zoom{display:grid;grid-template-columns:25px 1fr 25px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px}.ffds-zoom button{border:0;background:none;font-size:18px}.ffds-zoom span{text-align:center}.ffds-zoom small,.ffds-zoom b{display:block}.ffds-zoom small{font-size:7px}.ffds-zoom b{font-size:9px}.ffds-panel{padding:28px 20px 20px;overflow:auto;max-height:calc(100vh - 150px)}.ffds-panel-kicker,.ffds-simple-head span,.ffds-review-details>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#0878d1}.ffds-panel h2{font-size:23px;line-height:1.15;margin:6px 0}.ffds-panel>p{font-size:11px;line-height:1.5;color:#6c7b8d;margin:0 0 18px}.ffds-section-label{font-size:9px;font-weight:800;color:#40536a;margin:18px 0 8px}.ffds-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ffds-pill-grid input,.ffds-segmented input,.ffds-garments input,.ffds-radio-list input,.ffds-order-methods input{position:absolute;opacity:0}.ffds-pill-grid span{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 9px;font-size:9px;cursor:pointer}.ffds-pill-grid input:checked+span{border-color:#0878d1;background:#eef7ff;color:#075f9e}.ffds-segmented{display:grid;grid-template-columns:1fr 1fr;background:#f2f5f8;border-radius:8px;padding:3px;margin:10px 0}.ffds-segmented span{display:block;text-align:center;padding:8px;border-radius:6px;font-size:10px;font-weight:800}.ffds-segmented input:checked+span{background:#fff;box-shadow:0 1px 5px rgba(15,35,55,.12)}.ffds-garment-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:#6d7d8f;margin:10px 0 8px}.ffds-garment-toolbar button{border:0;background:none;color:#0878d1;font-weight:800;font-size:8px}.ffds-garments{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:280px;overflow:auto}.ffds-garments label>span{border:1px solid var(--line);border-radius:9px;display:block;padding:7px;cursor:pointer}.ffds-garments input:checked+span{border-color:#0878d1;box-shadow:0 0 0 2px rgba(8,120,209,.12)}.ffds-garments img,.ffds-garments svg{width:100%;height:90px;object-fit:contain;background:#f6f8fa;border-radius:6px}.ffds-garments strong,.ffds-garments small{display:block}.ffds-garments strong{font-size:8px;margin-top:6px}.ffds-garments small{font-size:7px;color:#748497}.ffds-colours{display:flex;gap:7px;flex-wrap:wrap}.ffds-colours button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 7px;font-size:8px}.ffds-colours button.is-selected{border-color:#102b49}.ffds-colours i{width:20px;height:20px;border-radius:4px;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}.ffds-upload-zone{position:relative;border:1.5px dashed #b8c7d7;background:#f7fafc;border-radius:12px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;cursor:pointer}.ffds-upload-zone input{position:absolute;inset:0;opacity:0}.ffds-upload-zone .big{font-size:31px;color:#0878d1}.ffds-upload-zone strong{font-size:12px}.ffds-upload-zone small{font-size:9px;color:#7a8a9b}.ffds-action{width:100%;margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;font-size:9px;font-weight:800}.ffds-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffds-template{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px;text-align:left}.ffds-template.is-selected{border-color:#0878d1}.ffds-template img,.ffds-template .mask{display:block;width:100%;height:105px;object-fit:contain;background:#f3f6f9;border-radius:6px}.ffds-template .mask{background:#102b49;mask:var(--asset) center/contain no-repeat;-webkit-mask:var(--asset) center/contain no-repeat}.ffds-template strong,.ffds-template small{display:block}.ffds-template strong{font-size:8px;margin-top:5px}.ffds-template small{font-size:7px;color:#718096}.ffds-field{display:block;margin:12px 0}.ffds-field>span{display:block;font-size:9px;font-weight:800;margin-bottom:5px}.ffds-field input,.ffds-field textarea,.ffds-field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;font-size:10px}.ffds-field small{display:block;margin-top:5px;font-size:8px;color:#76879a}.ffds-design-colours{display:flex;gap:8px;flex-wrap:wrap}.ffds-design-colours button{width:31px;height:31px;border-radius:50%;background:var(--swatch);border:3px solid #fff;outline:1px solid #cbd6df}.ffds-design-colours button.is-selected{outline:2px solid #102b49}.ffds-radio-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ffds-radio-list span{display:block;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:9px}.ffds-radio-list input:checked+span{border-color:#0878d1;background:#eef7ff}.ffds-empty-card{padding:16px;border:1px dashed #ccd8e4;border-radius:9px;color:#718096;font-size:9px;text-align:center}.ffds-inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ffds-inline-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;font-size:9px;font-weight:800}.ffds-help{font-size:9px!important}.ffds-simple-page,.ffds-review-page{max-width:1120px;margin:0 auto;padding:54px 28px}.ffds-simple-head h1,.ffds-review-details h1{font-size:38px;margin:7px 0 5px}.ffds-simple-head p,.ffds-review-details>p{color:#6d7d8f;font-size:13px}.ffds-order-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.ffds-order-methods span{display:block;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:105px}.ffds-order-methods input:checked+span{border-color:#0878d1;background:#f2f8fd}.ffds-order-methods strong,.ffds-order-methods small{display:block}.ffds-order-methods strong{font-size:14px}.ffds-order-methods small{font-size:10px;color:#6f8092;margin-top:5px}.ffds-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ffds-bulk{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:#f7f9fb;padding:16px}.ffds-bulk [data-ffgw-size-quantity-grid]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ffds-bulk label span{display:block;font-size:9px;font-weight:800}.ffds-bulk input{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px}.ffds-review-page{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ffds-review-preview{border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:start}.ffds-review-stage{height:500px;background:#f5f7f9;display:grid;place-items:center}.ffds-review-stage .ffds-stage{width:100%;height:100%}.ffds-review-summary{padding:18px}.ffds-review-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffds-review-summary dl div{border:1px solid var(--line);border-radius:8px;padding:9px}.ffds-review-summary dt{font-size:8px;color:#718096}.ffds-review-summary dd{margin:2px 0 0;font-size:10px;font-weight:800}.ffds-review-summary button{border:0;background:none;color:#0878d1;font-weight:800;font-size:10px}.ffds-check{display:flex;gap:8px;margin:10px 0;font-size:9px;color:#627489}.ffds-bottom{position:fixed;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid var(--line);z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}.ffds-product-chip{display:flex;align-items:center;gap:9px}.ffds-product-chip>span{width:46px;height:46px;border-radius:9px;background:#eff4f8;display:grid;place-items:center}.ffds-product-chip svg{width:26px}.ffds-product-chip strong,.ffds-product-chip small{display:block;font-size:9px}.ffds-product-chip button{border:0;background:none;color:#0878d1;padding:0;font-size:8px}.ffds-methods{display:flex;gap:8px}.ffds-methods button{border:1px solid var(--line);background:#f6f8fa;border-radius:999px;padding:9px 16px;font-size:9px;font-weight:800}.ffds-methods button.is-active{background:#0878d1;color:#fff;border-color:#0878d1}.ffds-next{justify-self:end;width:min(430px,100%);height:50px;border:0;border-radius:999px;background:#0878d1;color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:18px}.ffds-next span{font-size:20px}.ffgo-honeypot{position:absolute;left:-10000px}.ffds3221 main.ffedu-group-main{padding:0!important}
@media(max-width:1180px){.ffds-step[data-step=design]{grid-template-columns:88px minmax(420px,1fr) 390px}.ffds-side{grid-template-columns:92px 1fr}.ffds-views>button{min-height:78px}.ffds-panel{padding:22px 14px}.ffds-topbar{grid-template-columns:220px 1fr 180px}.ffds-canvas-card{min-height:470px}}
@media(max-width:900px){.ffds-topbar{grid-template-columns:1fr auto}.ffds-brand{display:none}.ffds-top-actions{display:none}.ffds-progress{justify-content:flex-start}.ffds-progress i{width:26px}.ffds-step[data-step=design]{display:flex;flex-direction:column}.ffds-tools{order:1;border:0;border-bottom:1px solid var(--line);padding:6px 10px;flex-direction:row;overflow:auto;position:sticky;top:72px;z-index:40}.ffds-tools button{min-width:84px;min-height:60px}.ffds-canvas-wrap{order:2;padding:8px 12px}.ffds-canvas-toolbar{height:38px}.ffds-canvas-card{height:52vh;min-height:390px}.ffds-stage{width:92%;height:88%}.ffds-side{order:3;display:block;border:0}.ffds-views{position:absolute;right:12px;top:132px;z-index:35;border:0;background:transparent;width:82px;padding:0}.ffds-views>button{background:#fff;min-height:62px;padding:5px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ffds-views>button span{font-size:22px}.ffds-zoom{background:#fff}.ffds-panel{max-height:none;border-top:1px solid var(--line);padding:20px 16px 110px}.ffds-garments{grid-template-columns:repeat(3,1fr);max-height:none}.ffds-template-grid{grid-template-columns:repeat(3,1fr)}.ffds-bottom{grid-template-columns:1fr 1fr;height:70px;padding:0 12px}.ffds-methods{display:none}.ffds-next{height:46px}.ffds-review-page{grid-template-columns:1fr}.ffds-review-stage{height:420px}}
@media(max-width:560px){.ffds3221{padding-bottom:68px}.ffds-topbar{height:62px;padding:0 10px}.ffds-progress{gap:5px}.ffds-progress button{gap:4px;font-size:8px;padding:0}.ffds-progress button b{width:24px;height:24px}.ffds-progress i{width:14px}.ffds-tools{top:62px}.ffds-tools button{min-width:72px;min-height:52px}.ffds-tools small{font-size:8px}.ffds-tool-icon svg{width:21px;height:21px}.ffds-canvas-card{height:48vh;min-height:340px;border-radius:10px}.ffds-canvas-toolbar button span{display:none}.ffds-stage{width:96%;height:90%}.ffds-drop-hint{display:none}.ffds-views{top:118px;right:8px;width:66px}.ffds-views>button{min-height:54px}.ffds-views>button strong{font-size:7px}.ffds-views>button span{font-size:18px}.ffds-panel h2{font-size:20px}.ffds-pill-grid,.ffds-garments,.ffds-template-grid{grid-template-columns:1fr 1fr}.ffds-garments img,.ffds-garments svg{height:100px}.ffds-simple-page,.ffds-review-page{padding:30px 14px 100px}.ffds-simple-head h1,.ffds-review-details h1{font-size:30px}.ffds-order-methods,.ffds-form-grid{grid-template-columns:1fr}.ffds-bulk [data-ffgw-size-quantity-grid]{grid-template-columns:repeat(3,1fr)}.ffds-review-stage{height:360px}.ffds-bottom{grid-template-columns:minmax(0,1fr) 1fr}.ffds-product-chip strong{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ffds-next{font-size:10px}.ffds-review-summary dl{grid-template-columns:1fr 1fr}}
body.ffedu-group>.ffedu-top,body.ffedu-group>.ffedu-header{display:none!important}body.ffedu-group .ffedu-group-main{padding:0!important;max-width:none!important;width:100%!important}body.ffedu-group>.trust-strip,body.ffedu-group>.store-footer{display:none!important}
/* v3.22.1 — guided start, renderer fallbacks and real decoration-method controls */
.ffds-tools button:disabled{opacity:.42;cursor:not-allowed;background:#fff;color:#7b8897}
.ffds-empty{max-width:370px}
.ffds-empty-cta{margin-top:7px;border:0;border-radius:999px;background:#0878d1;color:#fff;padding:11px 20px;font-size:10px;font-weight:900;letter-spacing:.03em;cursor:pointer}
.ffds-empty-error{margin-top:4px;color:#a43b2d;font-size:9px;line-height:1.4;max-width:320px}
.ffds-method-badge{position:absolute;right:16px;top:14px;z-index:10;border:1px solid #dfe7ef;background:#f7fafc;color:#37516b;border-radius:999px;padding:6px 11px;font-size:9px;font-weight:850}
.ffds-method-badge.is-embroidery{background:#fff8eb;border-color:#f2d89c;color:#795919}
.ffds-start-callout{display:flex;align-items:center;gap:10px;border:1px solid #cfe5f7;background:#f1f8fe;border-radius:10px;padding:10px 11px;margin:0 0 14px}
.ffds-start-callout>b{width:26px;height:26px;border-radius:50%;background:#0878d1;color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.ffds-start-callout span,.ffds-start-callout strong,.ffds-start-callout small{display:block}
.ffds-start-callout strong{font-size:9px}.ffds-start-callout small{font-size:8px;color:#6b7e92;margin-top:2px}
.ffds-method-note{border:1px solid #dbe7f1;background:#f7fafc;border-radius:8px;padding:9px 10px;font-size:8px;line-height:1.45;color:#5d7186;margin:-5px 0 12px}
.ffds-method-note.is-embroidery{background:#fff9ef;border-color:#f2dfb5;color:#745a25}
.ffds-catalogue-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:4px}
.ffds-catalogue-empty strong{font-size:10px;color:#314a63}.ffds-catalogue-empty span{font-size:8px;line-height:1.45}
.ffds-garments label[hidden]{display:none!important}
.ffds-stage.is-image-error .ffds-drop-hint{display:none}
.ffds-methods button{cursor:pointer}
.ffds-methods button:focus-visible,.ffds-empty-cta:focus-visible{outline:3px solid rgba(8,120,209,.25);outline-offset:2px}
.ffds-panel [data-method-filter-message]{font-size:8px;color:#7a6a42;margin:7px 0 10px}
@media(max-width:900px){
.ffds-bottom{grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr);gap:8px}
.ffds-methods{display:flex}
.ffds-methods button{padding:7px 9px;font-size:7.5px}
}
@media(max-width:560px){
.ffds-bottom{grid-template-columns:auto minmax(0,1fr);gap:8px}
.ffds-product-chip{display:none}
.ffds-methods{display:flex}
.ffds-methods button{padding:7px 8px;font-size:7px}
.ffds-next{width:100%;min-width:0}
.ffds-method-badge{right:8px;top:10px;padding:5px 8px;font-size:7px}
.ffds-empty{max-width:250px}
.ffds-empty small{font-size:9px;line-height:1.45}
}
.ffds-thumb-fallback{width:100%;height:90px;border-radius:6px;background:#f2f5f8;color:#7c8b9b;display:grid;place-items:center;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
/* v3.22.2 — commercial designer visual refresh */
.ffds3222{--ff-blue:#0b7dd8;--ff-blue-dark:#0568ba;--ff-ink:#17283b;--ff-soft:#f6f8fb;--ff-panel:#ffffff;--ff-line:#dde6ee;--ff-sub:#6c7b8d;background:#fff}
.ffds3222 .ffds-topbar{height:68px;grid-template-columns:250px 1fr 250px;padding:0 16px;border-color:#e4eaf0;box-shadow:0 1px 0 rgba(15,35,55,.02)}
.ffds3222 .ffds-brand-mark{width:36px;height:36px;border-radius:10px;font-size:18px}
.ffds3222 .ffds-brand strong{font-size:14px}.ffds3222 .ffds-brand small{font-size:7.5px}
.ffds3222 .ffds-progress{gap:10px}.ffds3222 .ffds-progress i{width:62px;background:#dfe6ed}
.ffds3222 .ffds-progress button{height:48px;position:relative;color:#667588;font-size:10px;padding:0 4px}
.ffds3222 .ffds-progress button b{width:30px;height:30px;font-size:11px}
.ffds3222 .ffds-progress button.is-active{color:#12304f}.ffds3222 .ffds-progress button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--ff-blue);border-radius:2px}
.ffds3222 .ffds-progress button.is-complete b{background:#e9f5ff;color:var(--ff-blue)}
.ffds3222 .ffds-save-state{border:1px solid #e2e9ef;background:#fff;border-radius:999px;padding:9px 13px;color:#50647a;font-size:9px;font-weight:700}.ffds3222 .ffds-exit{border:1px solid #e2e9ef;border-radius:999px;padding:9px 13px;text-decoration:none;color:#50647a;font-size:9px;font-weight:700}
.ffds3222 .ffds-step[data-step=design]{grid-template-columns:94px minmax(560px,1fr) 455px;min-height:calc(100vh - 144px)}
.ffds3222 .ffds-tools{padding:12px 8px;gap:5px;border-color:#e3e9ef}
.ffds3222 .ffds-tools button{min-height:72px;border-radius:9px;color:#233a53;gap:5px}
.ffds3222 .ffds-tools button:hover:not(:disabled){background:#f5f9fd}.ffds3222 .ffds-tools button.is-active{background:#edf7ff;color:var(--ff-blue)}
.ffds3222 .ffds-tool-icon svg{width:27px;height:27px;stroke-width:1.7}.ffds3222 .ffds-tools small{font-size:9px;font-weight:800}
.ffds3222 .ffds-canvas-wrap{padding:12px 16px 16px;background:#f6f8fa}
.ffds3222 .ffds-canvas-toolbar{height:44px;gap:6px}.ffds3222 .ffds-canvas-toolbar button{background:#fff;border-color:#e3e9ef;padding:7px 11px;color:#607287;box-shadow:0 1px 2px rgba(10,30,50,.03)}
.ffds3222 .ffds-canvas-card{height:calc(100vh - 190px);min-height:540px;border-radius:13px;border-color:#e9edf1;box-shadow:0 5px 15px rgba(15,35,55,.08)}
.ffds3222 .ffds-stage{width:min(82%,760px);height:88%}.ffds3222 .ffds-stage>img[data-ffgw-garment-image]{width:96%;height:96%}
.ffds3222 .ffds-view-label{top:10px;padding:6px 15px;font-size:9px;box-shadow:0 2px 8px rgba(20,40,60,.04)}
.ffds3222 .ffds-method-badge{display:none}
.ffds3222 .ffds-drop-hint{bottom:14px;border:1px dashed #d7e1ea;border-radius:999px;background:rgba(255,255,255,.9);padding:8px 14px;color:#728397;font-size:8px}
.ffds3222 .ffds-empty svg{width:92px;height:92px}.ffds3222 .ffds-empty strong{font-size:17px}.ffds3222 .ffds-empty small{font-size:10px;max-width:320px;line-height:1.5}
.ffds3222 .ffds-side{grid-template-columns:104px 1fr;border-color:#e3e9ef;background:#fff}
.ffds3222 .ffds-views{padding:10px 8px;gap:8px;border-color:#e3e9ef;background:#fbfcfd}
.ffds3222 .ffds-views>button{min-height:102px;padding:7px 5px;border-radius:10px;border-color:#dde5ec;background:#fff;box-shadow:0 2px 5px rgba(15,35,55,.05)}
.ffds3222 .ffds-views>button.is-selected{border-color:var(--ff-blue);box-shadow:0 0 0 2px rgba(11,125,216,.15)}
.ffds3222 .ffds-view-thumb{width:72px;height:62px;display:grid!important;place-items:center;border-radius:7px;background:#eef6fc;overflow:hidden;font-size:0!important}
.ffds3222 .ffds-view-thumb img{width:100%;height:100%;object-fit:contain}.ffds3222 .ffds-view-thumb i{display:grid;place-items:center;color:#557089}.ffds3222 .ffds-view-thumb i svg{width:30px;height:30px}
.ffds3222 .ffds-view-more-icon{width:36px;height:36px!important;display:grid!important;place-items:center;border-radius:50%;font-size:24px!important;color:var(--ff-blue);background:#eef7ff}
.ffds3222 .ffds-views>button strong{font-size:8px;color:#263d55}.ffds3222 .ffds-zoom{border-radius:9px;border-color:#dde5ec;background:#fff;box-shadow:0 2px 5px rgba(15,35,55,.05)}
.ffds3222 .ffds-panel{padding:20px 18px 18px;max-height:calc(100vh - 144px)}
.ffds3222 .ffds-panel-kicker{font-size:7.5px;letter-spacing:.13em}.ffds3222 .ffds-panel h2{font-size:22px;margin:5px 0 4px}.ffds3222 .ffds-panel>p{font-size:10px;margin-bottom:14px}
.ffds3222 .ffds-panel-start{padding-top:18px}.ffds3222 .ffds-start-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.ffds3222 .ffds-start-actions button{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;text-align:left;gap:10px;width:100%;padding:9px 11px;border:1px solid #dfe7ee;background:#fff;border-radius:11px;color:#193149;cursor:pointer;transition:.14s ease}
.ffds3222 .ffds-start-actions button:hover{border-color:#b9d8ef;box-shadow:0 3px 10px rgba(20,55,85,.06);transform:translateY(-1px)}
.ffds3222 .ffds-start-actions button>span{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#eaf6ff;color:var(--ff-blue)}
.ffds3222 .ffds-start-actions svg{width:22px;height:22px}.ffds3222 .ffds-start-actions b{font-size:10px}.ffds3222 .ffds-start-actions small{display:block;margin-top:2px;font-size:8px;font-weight:500;color:#718195}.ffds3222 .ffds-start-actions em{font-style:normal;font-size:21px;color:#6b7c8f}
.ffds3222 .ffds-faster{margin-top:12px;padding:11px 12px;border-radius:10px;background:#edf7ff;color:#4a6075;display:flex;flex-direction:column;gap:5px;font-size:8px}.ffds3222 .ffds-faster strong{font-size:9px;color:#183b5d}.ffds3222 .ffds-faster kbd{border:1px solid #cdd8e2;border-bottom-width:2px;background:#fff;border-radius:4px;padding:1px 4px;font-size:7px}
.ffds3222 .ffds-how{margin-top:14px;display:flex;flex-direction:column;gap:7px}.ffds3222 .ffds-how>strong{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#687b8f}.ffds3222 .ffds-how>div{display:flex;align-items:flex-start;gap:8px}.ffds3222 .ffds-how>div>b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:var(--ff-blue);font-size:8px}.ffds3222 .ffds-how span{font-size:9px;font-weight:800}.ffds3222 .ffds-how small{display:block;color:#7a8999;font-size:7.5px;font-weight:500;margin-top:1px}
.ffds3222 .ffds-garments{gap:7px;max-height:290px}.ffds3222 .ffds-garments label>span{padding:6px;border-radius:10px}.ffds3222 .ffds-garments img,.ffds3222 .ffds-garments svg{height:88px;background:#f5f7fa}.ffds3222 .ffds-garments strong{font-size:8px}.ffds3222 .ffds-garments small{font-size:7px}
.ffds3222 .ffds-pill-grid span,.ffds3222 .ffds-segmented span{border-radius:8px}.ffds3222 .ffds-colours button{border-radius:8px}.ffds3222 .ffds-upload-zone{border-radius:12px;background:#fbfcfd}
.ffds3222 .ffds-bottom{height:72px;padding:0 16px;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);gap:12px;border-color:#e0e7ed;box-shadow:0 -3px 12px rgba(20,40,60,.05)}
.ffds3222 .ffds-product-chip{min-width:0}.ffds3222 .ffds-product-chip>span.ffds-product-image{width:50px;height:50px;background:#f4f7f9;border:1px solid #e1e8ee;overflow:hidden}.ffds3222 .ffds-product-image img{width:100%;height:100%;object-fit:contain}.ffds3222 .ffds-product-image i{display:grid;place-items:center}.ffds3222 .ffds-product-chip strong{font-size:9px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffds3222 .ffds-product-chip small{margin-top:2px}.ffds3222 .ffds-bottom-centre{display:flex;align-items:center;gap:7px;min-width:0}
.ffds3222 .ffds-bottom-colours{display:flex;align-items:center;gap:5px;padding-right:3px}.ffds3222 .ffds-bottom-swatch{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #cdd8e1;cursor:pointer}.ffds3222 .ffds-bottom-swatch.is-selected{box-shadow:0 0 0 2px #193149}.ffds3222 .ffds-bottom-more{border:1px dashed #cbd7e2;background:#fff;border-radius:999px;height:26px;min-width:34px;font-size:7px;color:#5e7185}
.ffds3222 .ffds-bottom-action{display:flex;align-items:center;gap:5px;border:1px solid #dfe6ed;background:#fff;border-radius:999px;padding:8px 11px;color:#263e56;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.ffds3222 .ffds-bottom-action svg{width:15px;height:15px}.ffds3222 .ffds-bottom-action.is-saved{border-color:#b8dfc6;background:#f0fbf4;color:#247040}
.ffds3222 .ffds-methods{gap:5px}.ffds3222 .ffds-methods button{padding:9px 13px;background:#f5f7f9;font-size:8px}.ffds3222 .ffds-methods button.is-active{background:var(--ff-blue);border-color:var(--ff-blue)}
.ffds3222 .ffds-next{width:min(360px,100%);height:48px;background:var(--ff-blue);font-size:11px;box-shadow:0 5px 10px rgba(11,125,216,.15)}.ffds3222 .ffds-next:hover{background:var(--ff-blue-dark)}
/* Quantity & sizes */
.ffds3222[data-current-step="quantity"],.ffds3222[data-current-step="review"]{padding-bottom:0;background:#f7f9fb}
.ffds3222[data-current-step="quantity"] .ffds-bottom,.ffds3222[data-current-step="review"] .ffds-bottom{display:none}
.ffds3222 .ffds-quantity-page{display:grid;grid-template-columns:minmax(380px,44%) 1fr;min-height:calc(100vh - 68px);background:#f7f9fb}
.ffds3222 .ffds-quantity-preview{padding:34px clamp(26px,4vw,70px);border-right:1px solid #e1e7ed;display:flex;flex-direction:column;align-items:center}
.ffds3222 .ffds-quantity-preview-card{width:min(100%,520px);height:540px;background:#fff;border:1px solid #e3e9ef;border-radius:13px;box-shadow:0 5px 18px rgba(25,50,75,.07);display:grid;place-items:center;overflow:hidden}
.ffds3222 .ffds-quantity-preview-card .ffds-stage{width:100%;height:100%}.ffds3222 .ffds-quantity-preview-card .ffds-view-label,.ffds3222 .ffds-quantity-preview-card .ffds-method-badge{display:none}.ffds3222 .ffds-quantity-preview-card .ffds-object:hover{outline:0}
.ffds3222 .ffds-quantity-product{width:min(100%,520px);padding-top:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ffds3222 .ffds-quantity-product>strong{font-size:12px}.ffds3222 .ffds-quantity-product>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#687b8f}.ffds3222 [data-quantity-colour-dot],.ffds3222 [data-size-colour-dot]{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--dot,#d4dde6);box-shadow:0 0 0 1px #d0dae4}.ffds3222 .ffds-quantity-product button,.ffds3222 .ffds-edit-design{border:0;background:none;color:var(--ff-blue);padding:3px 0;font-size:8px;font-weight:800;cursor:pointer}
.ffds3222 .ffds-quantity-workspace{padding:34px clamp(28px,4vw,72px) 50px;max-width:880px}.ffds3222 .ffds-quantity-workspace h1{font-size:30px;margin:12px 0 5px;line-height:1.15}.ffds3222 .ffds-quantity-workspace>p{margin:0 0 18px;color:#6d7d8f;font-size:10px;line-height:1.55;max-width:690px}
.ffds3222 .ffds-order-mode-card{margin-bottom:14px}.ffds3222 .ffds-order-methods-v3222{margin:7px 0 0;gap:8px}.ffds3222 .ffds-order-methods-v3222 span{padding:12px 13px;min-height:76px;border-radius:10px;background:#fff}.ffds3222 .ffds-order-methods-v3222 strong{font-size:10px}.ffds3222 .ffds-order-methods-v3222 small{font-size:8px;line-height:1.4}
.ffds3222 .ffds-individual-quantity{display:flex;justify-content:space-between;align-items:center;border:1px solid #dfe7ee;background:#fff;border-radius:11px;padding:14px 15px;margin-bottom:14px}.ffds3222 .ffds-individual-quantity strong,.ffds3222 .ffds-individual-quantity small{display:block}.ffds3222 .ffds-individual-quantity strong{font-size:10px}.ffds3222 .ffds-individual-quantity small{font-size:8px;color:#718295;margin-top:3px}
.ffds3222 .ffds-number-stepper,.ffds3222 .ffds-size-stepper{display:grid;grid-template-columns:34px 48px 34px;height:36px;border:1px solid #dbe4ec;border-radius:9px;overflow:hidden;background:#fff}.ffds3222 .ffds-number-stepper button,.ffds3222 .ffds-size-stepper button{border:0;background:#fff;color:#17334e;font-size:16px;cursor:pointer}.ffds3222 .ffds-number-stepper input,.ffds3222 .ffds-size-stepper input{width:100%;border:0;border-left:1px solid #e3e9ef;border-right:1px solid #e3e9ef;text-align:center;font-weight:800;color:#273e55;appearance:textfield}.ffds3222 .ffds-number-stepper input::-webkit-inner-spin-button,.ffds3222 .ffds-size-stepper input::-webkit-inner-spin-button{display:none}
.ffds3222 .ffds-size-builder{border:1px solid var(--ff-blue);background:#fff;border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(11,125,216,.05)}.ffds3222 .ffds-size-builder-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e7edf2}.ffds3222 .ffds-size-builder-head>div{display:flex;gap:9px;align-items:center}.ffds3222 .ffds-product-mini{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#edf7ff;color:var(--ff-blue)}.ffds3222 .ffds-size-builder-head span span{display:block}.ffds3222 .ffds-size-builder-head strong{font-size:9px}.ffds3222 .ffds-size-builder-head small{display:flex;gap:5px;align-items:center;font-size:7px;color:#728397;margin-top:2px}.ffds3222 .ffds-size-builder-head>strong{font-size:9px;color:#53677c}.ffds3222 .ffds-size-title{padding:9px 14px 0;font-size:8px;font-weight:900;text-transform:uppercase;color:#67798b}.ffds3222 .ffds-size-grid{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:14px 10px;padding:12px 14px 16px}.ffds3222 .ffds-size-item>strong{display:block;text-align:center;margin-bottom:5px;font-size:8px}.ffds3222 .ffds-size-stepper{grid-template-columns:28px 38px 28px;height:34px;margin:auto}
.ffds3222 .ffds-quantity-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ffds3222 .ffds-order-summary-card{margin-top:12px;border:1px solid #e0e7ee;background:#fff;border-radius:11px;padding:13px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffds3222 .ffds-order-summary-card>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #eef2f5}.ffds3222 .ffds-order-summary-card span{font-size:8px;color:#687b8e}.ffds3222 .ffds-order-summary-card strong{font-size:9px}.ffds3222 .ffds-order-summary-card small{grid-column:1/-1;color:#728397;font-size:7.5px;line-height:1.5}.ffds3222 .ffds-wide-cta{width:100%;height:50px;margin-top:14px;border:0;border-radius:999px;background:var(--ff-blue);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.ffds3222 .ffds-wide-cta span{margin-left:12px;font-size:17px}
/* Review */
.ffds3222 .ffds-review-v3222{max-width:1280px;padding:30px 28px 50px;grid-template-columns:minmax(440px,1.05fr) minmax(430px,.95fr);gap:28px}
.ffds3222 .ffds-review-preview{background:#fff;border-color:#e1e8ee;box-shadow:0 4px 14px rgba(20,45,70,.05);border-radius:13px}.ffds3222 .ffds-review-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e8edf2}.ffds3222 .ffds-review-heading span{font-size:8px;font-weight:900;color:#53677b;letter-spacing:.08em}.ffds3222 .ffds-review-heading button,.ffds3222 .ffds-review-card-head button{border:0;background:#edf7ff;color:var(--ff-blue);border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800;cursor:pointer}.ffds3222 .ffds-review-stage{height:540px;background:#fff}.ffds3222 .ffds-review-stage .ffds-stage{width:100%;height:100%}.ffds3222 .ffds-review-stage .ffds-view-label,.ffds3222 .ffds-review-stage .ffds-method-badge{display:none}.ffds3222 .ffds-review-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid #e8edf2}.ffds3222 .ffds-review-mini>div{background:#f7f9fb;border-radius:8px;padding:9px}.ffds3222 .ffds-review-mini span,.ffds3222 .ffds-review-mini strong{display:block}.ffds3222 .ffds-review-mini span{font-size:7px;color:#7a8a9b}.ffds3222 .ffds-review-mini strong{font-size:8px;margin-top:2px}
.ffds3222 .ffds-review-details{align-self:start}.ffds3222 .ffds-review-details h1{font-size:30px;margin:7px 0 4px}.ffds3222 .ffds-review-details>p{font-size:10px;margin-bottom:14px}.ffds3222 .ffds-review-card{background:#fff;border:1px solid #e0e7ed;border-radius:12px;padding:14px;margin-bottom:11px;box-shadow:0 2px 8px rgba(20,45,70,.03)}.ffds3222 .ffds-review-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ffds3222 .ffds-review-card-head>strong{font-size:10px}.ffds3222 .ffds-review-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.ffds3222 .ffds-review-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f5}.ffds3222 .ffds-review-card dt{font-size:8px;color:#6f8193}.ffds3222 .ffds-review-card dd{margin:0;font-size:8px;font-weight:800;text-align:right}.ffds3222 .ffds-review-card .ffds-form-grid{gap:8px}.ffds3222 .ffds-review-actions{display:grid;grid-template-columns:120px 1fr;gap:10px;margin-top:14px}.ffds3222 .ffds-back-btn{height:46px;border:1px solid #cbd9e5;background:#fff;color:#24628f;border-radius:999px;font-size:9px;font-weight:800}.ffds3222 .ffds-submit-btn{height:46px;border:0;background:var(--ff-blue);color:#fff;border-radius:999px;font-size:10px;font-weight:900}.ffds3222 .ffds-submit-btn span{margin-left:12px;font-size:16px}
@media(max-width:1280px){
.ffds3222 .ffds-step[data-step=design]{grid-template-columns:86px minmax(500px,1fr) 390px}.ffds3222 .ffds-side{grid-template-columns:92px 1fr}.ffds3222 .ffds-view-thumb{width:62px}.ffds3222 .ffds-bottom{grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr)}.ffds3222 .ffds-bottom-colours{display:none}.ffds3222 .ffds-bottom-action{padding:8px 9px}.ffds3222 .ffds-size-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}
}
@media(max-width:980px){
.ffds3222 .ffds-topbar{grid-template-columns:1fr auto}.ffds3222 .ffds-step[data-step=design]{display:flex}.ffds3222 .ffds-side{display:block}.ffds3222 .ffds-panel{padding-bottom:100px}.ffds3222 .ffds-bottom{grid-template-columns:minmax(0,1fr) auto;gap:8px}.ffds3222 .ffds-bottom-centre{display:none}.ffds3222 .ffds-quantity-page{grid-template-columns:1fr}.ffds3222 .ffds-quantity-preview{border-right:0;border-bottom:1px solid #e1e7ed;padding:22px}.ffds3222 .ffds-quantity-preview-card{height:430px}.ffds3222 .ffds-quantity-workspace{max-width:none;padding:28px 22px 50px}.ffds3222 .ffds-review-v3222{grid-template-columns:1fr;max-width:800px}
}
@media(max-width:560px){
.ffds3222 .ffds-topbar{height:60px}.ffds3222 .ffds-progress button span{font-size:7px}.ffds3222 .ffds-progress i{width:12px}.ffds3222 .ffds-canvas-wrap{padding:7px 9px}.ffds3222 .ffds-canvas-card{min-height:360px;height:50vh}.ffds3222 .ffds-stage{width:94%;height:90%}.ffds3222 .ffds-views{top:112px}.ffds3222 .ffds-panel{padding:16px 14px 90px}.ffds3222 .ffds-start-actions button{grid-template-columns:38px 1fr 14px}.ffds3222 .ffds-start-actions button>span{width:36px;height:36px}.ffds3222 .ffds-bottom{height:64px}.ffds3222 .ffds-product-chip>span.ffds-product-image{width:42px;height:42px}.ffds3222 .ffds-next{height:44px}.ffds3222 .ffds-quantity-preview{padding:14px}.ffds3222 .ffds-quantity-preview-card{height:360px}.ffds3222 .ffds-quantity-workspace{padding:22px 14px 34px}.ffds3222 .ffds-quantity-workspace h1{font-size:26px}.ffds3222 .ffds-order-methods-v3222{grid-template-columns:1fr}.ffds3222 .ffds-individual-quantity{align-items:flex-start;gap:12px;flex-direction:column}.ffds3222 .ffds-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ffds3222 .ffds-quantity-options{grid-template-columns:1fr}.ffds3222 .ffds-review-v3222{padding:18px 12px 32px}.ffds3222 .ffds-review-stage{height:390px}.ffds3222 .ffds-review-card dl{grid-template-columns:1fr}.ffds3222 .ffds-review-actions{grid-template-columns:100px 1fr}.ffds3222 .ffds-review-details h1{font-size:26px}
}
/* v3.22.3 — UX polish & direct manipulation */
.ffds3223{--ff-blue:#0b7dd8;--ff-navy:#102b49}
.ffds3223 .ffds-progress button span{font-size:12px;font-weight:900;letter-spacing:.02em}
.ffds3223 .ffds-progress button b{font-size:13px}
.ffds3223 .ffds-tools small{font-size:10px;font-weight:900;letter-spacing:.01em}
.ffds3223 .ffds-panel-kicker,.ffds3223 .ffds-review-details>span{font-size:8px;letter-spacing:.15em}
.ffds3223 .ffds-panel h2{font-size:26px;font-weight:900;letter-spacing:-.02em}
.ffds3223 .ffds-panel>p,.ffds3223 [data-object-panel-copy]{font-size:12px;line-height:1.55;color:#66788c}
.ffds3223 .ffds-section-label,.ffds3223 .ffds-garment-toolbar,.ffds3223 .ffds-field>span{font-size:10px;font-weight:900}
.ffds3223 .ffds-pill-grid span,.ffds3223 .ffds-segmented span,.ffds3223 .ffds-colours button,.ffds3223 .ffds-radio-list span{font-size:10px}
.ffds3223 .ffds-garments strong{font-size:10px;font-weight:800;line-height:1.35}
.ffds3223 .ffds-garments small{font-size:8px;line-height:1.35}
.ffds3223 .ffds-garment-toolbar span,.ffds3223 .ffds-garment-toolbar button{font-size:9px}
.ffds3223 .ffds-start-actions button b{font-size:14px;font-weight:900}
.ffds3223 .ffds-start-actions button small{font-size:11px;line-height:1.45}
.ffds3223 .ffds-faster,.ffds3223 .ffds-how strong,.ffds3223 .ffds-how span small{font-size:10px}
.ffds3223 .ffds-upload-zone strong{font-size:14px;font-weight:900}
.ffds3223 .ffds-upload-zone small{font-size:10px}
.ffds3223 .ffds-template strong{font-size:9px;font-weight:800}
.ffds3223 .ffds-template small{font-size:8px}
.ffds3223 .ffds-action,.ffds3223 .ffds-inline-actions button,.ffds3223 .ffds-bottom-action,.ffds3223 .ffds-methods button{font-size:9px;font-weight:900}
.ffds3223 .ffds-field input,.ffds3223 .ffds-field textarea,.ffds3223 .ffds-field select{font-size:11px}
.ffds3223 .ffds-help{font-size:10px!important;line-height:1.5;color:#687b8f}
.ffds3223 .ffds-group-text,.ffds3223 .ffds-year,.ffds3223 .ffds-personalisation{pointer-events:auto;cursor:move;user-select:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.ffds3223 .ffds-group-text{font-size:clamp(16px,1.5vw,24px);line-height:1.1}
.ffds3223 .ffds-year{font-size:clamp(24px,2.7vw,40px);line-height:1}
.ffds3223 .ffds-personalisation{font-size:14px;max-width:32%;line-height:1.05}
.ffds3223 .ffds-object{will-change:transform,left,top,width,height}
.ffds3223 .ffds-selection-box{position:absolute;z-index:21;border:2px solid var(--ff-blue);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 8px 20px rgba(11,125,216,.18);pointer-events:none}
.ffds3223 .ffds-selection-handle{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ff-blue);border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.16);pointer-events:auto}
.ffds3223 .ffds-selection-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}
.ffds3223 .ffds-selection-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}
.ffds3223 .ffds-selection-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}
.ffds3223 .ffds-selection-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}
.ffds3223 .ffds-inline-actions{grid-template-columns:1fr 1fr 1fr}
.ffds3223 .ffds-save-state{font-size:10px;font-weight:800;color:#5f7286}
.ffds3223 .ffds-product-chip strong{font-size:10px}
.ffds3223 .ffds-product-chip small,.ffds3223 .ffds-product-chip button{font-size:9px}
.ffds3223 .ffds-next{font-size:11px}
.ffds3223 .ffds-view-label,.ffds3223 .ffds-method-badge{font-size:11px;font-weight:900}
.ffds3223 .ffds-drop-hint{font-size:10px}
.ffds3223 .ffds-canvas-toolbar button{font-size:10px;font-weight:800}
.ffds3223 .ffds-top-actions .ffds-exit,.ffds3223 .ffds-save-state{border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:8px 12px}
.ffds3223 .ffds-save-state{display:inline-flex;align-items:center}
/* Hide floating cookie/settings widgets while designer is active */
body .ffds3223 ~ .cky-btn-revisit-wrapper,
body .ffds3223 ~ .ot-sdk-show-settings,
body .ffds3223 ~ .cc-revoke,
body .ffds3223 ~ .cookie-settings,
body .ffds3223 ~ .cmplz-manage-consent{display:none!important}
@media(max-width:980px){
.ffds3223 .ffds-panel h2{font-size:24px}
.ffds3223 .ffds-start-actions button b{font-size:13px}
}
@media(max-width:560px){
.ffds3223 .ffds-progress button span{font-size:7.5px}
.ffds3223 .ffds-tools small{font-size:8px}
.ffds3223 .ffds-panel h2{font-size:21px}
.ffds3223 .ffds-panel>p,.ffds3223 [data-object-panel-copy]{font-size:11px}
.ffds3223 .ffds-inline-actions{grid-template-columns:1fr}
.ffds3223 .ffds-selection-handle{width:14px;height:14px}
}
/* v3.22.4 — artwork processing & design sets */
.ffds3224 .ffds-artwork-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 10px}
.ffds3224 .ffds-action-ghost{background:#f8fbfe;color:#183a5a;border:1px dashed #c7d7e7}
.ffds3224 .ffds-upload-status{margin:8px 0 14px;padding:12px 14px;border-radius:14px;background:#f5f8fc;border:1px solid #d8e3ee;color:#3f566d;font-size:11px;font-weight:700;line-height:1.45}
.ffds3224 .ffds-upload-status[data-kind="success"]{background:#eefaf3;border-color:#b7e2c5;color:#236541}
.ffds3224 .ffds-upload-status[data-kind="warn"]{background:#fff8eb;border-color:#f2d18c;color:#845c0a}
.ffds3224 .ffds-upload-status[data-kind="error"]{background:#fff2f2;border-color:#f1c0c0;color:#a43131}
.ffds3224 .ffds-fit-card,.ffds3224 .ffds-set-card,.ffds3224 .ffds-design-set-inline,.ffds3224 .ffds-review-meta{border:1px solid #d9e4ef;background:#fbfdff;border-radius:18px;padding:14px 16px}
.ffds3224 .ffds-fit-card strong,.ffds3224 .ffds-design-set-inline strong,.ffds3224 .ffds-review-meta strong{display:block;font-size:11px;font-weight:900;letter-spacing:.03em;color:#12304e;margin-bottom:6px}
.ffds3224 .ffds-fit-card p,.ffds3224 .ffds-set-card p,.ffds3224 .ffds-design-set-inline span,.ffds3224 .ffds-review-meta span{margin:0;color:#5b6f84;font-size:11px;line-height:1.55}
.ffds3224 .ffds-fit-card ul{margin:10px 0 0 16px;padding:0;color:#173450;font-size:11px;line-height:1.55}
.ffds3224 .ffds-fit-card li+li{margin-top:4px}
.ffds3224 .ffds-set-card{display:grid;gap:12px;margin-top:12px}
.ffds3224 .ffds-set-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ffds3224 .ffds-design-set-list{display:grid;gap:10px}
.ffds3224 .ffds-set-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9e4ef;border-radius:14px;padding:12px 14px;background:#fff}
.ffds3224 .ffds-set-item.is-current{border-color:#0b7dd8;box-shadow:0 0 0 2px rgba(11,125,216,.09)}
.ffds3224 .ffds-set-item strong{display:block;font-size:11px;font-weight:900;color:#13314f}
.ffds3224 .ffds-set-item small{display:block;font-size:10px;color:#6a7d90;margin-top:2px}
.ffds3224 .ffds-set-item-actions{display:flex;gap:8px;flex-wrap:wrap}
.ffds3224 .ffds-set-item-actions button{border:1px solid #d7e1ea;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;color:#173654;cursor:pointer}
.ffds3224 .ffds-design-set-inline{display:grid;gap:6px;margin-top:12px}
.ffds3224 .ffds-review-meta{display:grid;gap:6px;margin-top:12px}
.ffds3224 .ffds-bottom-centre{gap:10px;flex-wrap:wrap}
.ffds3224 .ffds-bottom-action[data-design-set-add]{background:#fff;border:1px solid #d9e4ef;color:#173654}
@media (max-width:560px){
.ffds3224 .ffds-artwork-toolbar,.ffds3224 .ffds-set-actions{grid-template-columns:1fr}
.ffds3224 .ffds-set-item{flex-direction:column;align-items:flex-start}
.ffds3224 .ffds-set-item-actions{width:100%}
}
/* v3.22.4.1 — keep image processing tools visible for selected artwork */
.ffds3224 .ffds-selected-artwork-tools{margin-top:20px;padding-top:18px;border-top:1px solid #dfe8f1;display:grid;gap:12px}
.ffds3224 .ffds-selected-artwork-tools[hidden]{display:none!important}
.ffds3224 .ffds-object-tools-head>span{display:block;font-size:8px;font-weight:900;letter-spacing:.15em;color:#0b7dd8;margin-bottom:5px}
.ffds3224 .ffds-object-tools-head>strong{display:block;font-size:16px;font-weight:900;color:#173654;margin-bottom:4px}
.ffds3224 .ffds-object-tools-head>p{margin:0;color:#697b8d;font-size:10px;line-height:1.45}
.ffds3224 .ffds-selected-artwork-tools .ffds-artwork-toolbar{margin:0}
.ffds3224 .ffds-selected-artwork-tools .ffds-upload-status{margin:0}
.ffds3224 .ffds-selected-artwork-tools .ffds-fit-card{margin:0}
/* v3.22.5 — approved mockup parity rebuild */
.ffds3225{--ff325-blue:#0b7fd3;--ff325-blue2:#0874c6;--ff325-navy:#0c3158;--ff325-text:#132b45;--ff325-muted:#6a7c8f;--ff325-line:#dde6ee;--ff325-bg:#f5f7fa;--ff325-soft:#eef6fc;font-family:Inter,Arial,sans-serif;color:var(--ff325-text);background:#fff;padding-bottom:74px}
.ffds3225 .ffds-i{width:20px;height:20px;display:block;flex:none}
.ffds3225 .ffds-topbar-325{height:64px;grid-template-columns:260px 1fr 270px;padding:0 18px;border-bottom:1px solid var(--ff325-line);box-shadow:0 1px 0 rgba(20,45,70,.02);z-index:120}
.ffds3225 .ffds-brand-325{display:flex;align-items:center;height:100%;width:225px}
.ffds3225 .ffds-brand-325 img{display:block;width:215px;height:50px;object-fit:contain;object-position:left center}
.ffds3225 .ffds-progress{gap:12px;height:100%}
.ffds3225 .ffds-progress button{height:100%;padding:0 8px;border-radius:0;gap:8px;font-size:12px;font-weight:800;letter-spacing:.01em;position:relative;color:#718095}
.ffds3225 .ffds-progress button b{width:29px;height:29px;font-size:12px;background:#edf1f5;color:#52677b}
.ffds3225 .ffds-progress button.is-active{color:var(--ff325-navy)}
.ffds3225 .ffds-progress button.is-active:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:3px;background:var(--ff325-blue)}
.ffds3225 .ffds-progress i{width:54px;background:#dce4ec}
.ffds3225 .ffds-top-actions{align-items:center;gap:8px}
.ffds3225 .ffds-header-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:1px solid #dbe4ec;background:#fff;border-radius:999px;color:#53677c;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.ffds3225 .ffds-header-pill .ffds-i{width:15px;height:15px}
.ffds3225 .ffds-step[data-step=design]{grid-template-columns:86px 96px minmax(520px,1fr) 365px;min-height:calc(100vh - 138px);background:var(--ff325-bg)}
.ffds3225 .ffds-tools{grid-column:1;padding:10px 6px;background:#fff;border-right:1px solid var(--ff325-line);gap:3px;z-index:20}
.ffds3225 .ffds-tools button{min-height:78px;border-radius:9px;color:#1d3d5c;gap:7px;padding:8px 4px}
.ffds3225 .ffds-tools button.is-active{background:#eaf5fd;color:#0878d1;box-shadow:inset 3px 0 0 #1187dc}
.ffds3225 .ffds-tools button:hover:not(:disabled){background:#f2f7fb}
.ffds3225 .ffds-tools small{font-size:10px;line-height:1.15;font-weight:800;max-width:72px;text-align:center}
.ffds3225 .ffds-tool-icon .ffds-i{width:28px;height:28px}
.ffds3225 .ffds-side{display:contents}
.ffds3225 .ffds-views{grid-column:2;grid-row:1;padding:14px 9px;border-right:1px solid var(--ff325-line);background:#fff;gap:9px;overflow:auto}
.ffds3225 .ffds-views>button{min-height:88px;padding:6px;border-radius:12px;border:1px solid #dce5ed;background:#fff;box-shadow:0 2px 5px rgba(17,42,67,.05);cursor:pointer}
.ffds3225 .ffds-views>button.is-selected{border:2px solid var(--ff325-blue);box-shadow:0 0 0 2px rgba(11,127,211,.08)}
.ffds3225 .ffds-view-thumb{width:70px;height:58px;border-radius:8px;background:#eff6fb;display:grid;place-items:center;overflow:hidden}
.ffds3225 .ffds-view-thumb img{width:100%;height:100%;object-fit:contain}
.ffds3225 .ffds-views>button strong{font-size:9px;font-weight:900;color:#244562}
.ffds3225 .ffds-view-more-icon .ffds-i{width:24px;height:24px}
.ffds3225 .ffds-zoom{border-radius:12px;padding:7px 4px;background:#fff;box-shadow:0 2px 5px rgba(17,42,67,.05)}
.ffds3225 .ffds-canvas-wrap{grid-column:3;grid-row:1;padding:14px 14px 18px;background:#f5f7fa;min-width:0}
.ffds3225 .ffds-canvas-toolbar{height:38px;gap:6px}
.ffds3225 .ffds-canvas-toolbar button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:800;color:#496278}
.ffds3225 .ffds-canvas-toolbar .ffds-i{width:14px;height:14px}
.ffds3225 .ffds-canvas-card{height:calc(100vh - 180px);min-height:560px;border-radius:13px;border:1px solid #e3e9ef;box-shadow:0 4px 14px rgba(20,45,70,.055);background:#fff}
.ffds3225 .ffds-stage{width:min(78%,760px);height:88%;overflow:visible}
.ffds3225 .ffds-stage>img[data-ffgw-garment-image]{max-width:100%;max-height:100%;object-fit:contain}
.ffds3225 .ffds-view-label{top:12px;padding:5px 15px;border-radius:999px;font-size:10px;background:#fff;box-shadow:0 1px 5px rgba(15,35,55,.04)}
.ffds3225 .ffds-method-badge{display:none}
.ffds3225 .ffds-drop-hint{bottom:14px;padding:7px 12px;font-size:9px;background:rgba(255,255,255,.94)}
.ffds3225 .ffds-selection-box{border:2px solid #0b7fd3;border-radius:3px;box-shadow:none}
.ffds3225 .ffds-selection-handle{width:11px;height:11px;background:#fff;border:2px solid #0b7fd3;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.ffds3225 .ffds-panel{grid-column:4;grid-row:1;padding:20px 18px 94px;background:#fff;border-left:1px solid var(--ff325-line);max-height:calc(100vh - 64px);overflow:auto;z-index:18}
.ffds3225 .ffds-panel-kicker{font-size:8px;font-weight:900;letter-spacing:.12em;color:#0b7fd3}
.ffds3225 .ffds-panel h2{font-size:24px;line-height:1.12;margin:6px 0 5px;font-weight:900;letter-spacing:-.025em;color:#132b45}
.ffds3225 .ffds-panel>p,.ffds3225 [data-object-panel-copy]{font-size:11px;line-height:1.5;margin-bottom:14px;color:#687b8e}
.ffds3225 .ffds-start-actions{gap:8px}
.ffds3225 .ffds-start-actions button{min-height:62px;border-radius:12px;border:1px solid #dde7ef;grid-template-columns:42px 1fr 15px;padding:9px 11px;background:#fff}
.ffds3225 .ffds-start-actions button>span{width:40px;height:40px;border-radius:10px;background:#eaf6fd;color:#0b7fd3;display:grid;place-items:center}
.ffds3225 .ffds-start-actions .ffds-i{width:21px;height:21px}
.ffds3225 .ffds-start-actions button b{font-size:12px;font-weight:900}
.ffds3225 .ffds-start-actions button small{font-size:9px;line-height:1.35;color:#6a7c8e;margin-top:2px}
.ffds3225 .ffds-faster,.ffds3225 .ffds-how{border-radius:12px;padding:12px;margin-top:12px;background:#eff8fe;border:1px solid #d8eaf6}
.ffds3225 .ffds-how{background:#fff;border-color:#e4ebf1}
/* Product manager / add product drawer */
.ffds3225 .ffds-manager-title h2{margin-bottom:4px}
.ffds3225 .ffds-manager-title p,.ffds3225 .ffds-manager-note{font-size:10px;line-height:1.5;color:#6f8193;margin:0 0 14px}
.ffds3225 .ffds-managed-products{display:grid;gap:9px;margin:12px 0}
.ffds3225 .ffds-managed-product{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:1px solid #dfe7ee;border-radius:13px;padding:9px;background:#fff}
.ffds3225 .ffds-managed-product.is-current{border:2px solid #0b7fd3;padding:8px;box-shadow:0 0 0 2px rgba(11,127,211,.06)}
.ffds3225 .ffds-managed-thumb{width:54px;height:54px;border-radius:9px;background:#eff5f9;display:grid;place-items:center;overflow:hidden}
.ffds3225 .ffds-managed-thumb img{width:100%;height:100%;object-fit:contain}
.ffds3225 .ffds-managed-copy strong{font-size:10px;line-height:1.25;display:block;font-weight:900}
.ffds3225 .ffds-managed-copy small{font-size:9px;display:flex;align-items:center;gap:5px;color:#6a7e92;margin-top:3px}
.ffds3225 .ffds-managed-copy small i{width:9px;height:9px;border-radius:50%;background:var(--swatch)}
.ffds3225 .ffds-managed-copy em{font-style:normal;font-size:7px;font-weight:900;color:#0b7fd3;display:block;margin-top:4px;letter-spacing:.05em}
.ffds3225 .ffds-managed-actions{display:flex;gap:5px;align-items:center}
.ffds3225 .ffds-managed-actions button{height:28px;border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:0 9px;font-size:8px;font-weight:900;color:#31526f;cursor:pointer}
.ffds3225 .ffds-add-product-card{width:100%;min-height:60px;border:1.5px dashed #79b9e8;background:#fafdff;color:#0878d1;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;cursor:pointer}
.ffds3225 .ffds-add-product-card .ffds-i{width:22px;height:22px}
.ffds3225 .ffds-add-product-card strong,.ffds3225 .ffds-add-product-card small{display:block;text-align:left}
.ffds3225 .ffds-add-product-card strong{font-size:11px;font-weight:900}
.ffds3225 .ffds-add-product-card small{font-size:9px;color:#6b8094;margin-top:2px}
.ffds-product-drawer[hidden]{display:none!important}
.ffds-product-drawer{position:fixed;inset:0;z-index:300;display:flex;justify-content:flex-end}
.ffds-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(10,31,51,.28);backdrop-filter:blur(2px)}
.ffds-drawer-sheet{position:relative;width:min(560px,100vw);height:100%;background:#fff;display:grid;grid-template-rows:auto auto auto 1fr auto;box-shadow:-18px 0 45px rgba(13,42,67,.18);overflow:hidden}
.ffds-drawer-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 15px;border-bottom:1px solid #e4ebf1}
.ffds-drawer-sheet>header span{font-size:8px;color:#0b7fd3;font-weight:900;letter-spacing:.12em}
.ffds-drawer-sheet>header h2{font-size:25px;margin:4px 0 3px;letter-spacing:-.025em}
.ffds-drawer-sheet>header p{font-size:11px;color:#687c8f;margin:0}
.ffds3225 .ffds-icon-button{border:0;background:#f3f6f9;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#35536e;cursor:pointer}
.ffds-product-search{margin:14px 20px 10px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #dbe5ed;border-radius:10px;background:#f9fbfc;color:#6c7f91}
.ffds-product-search .ffds-i{width:17px;height:17px}
.ffds-product-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#223e59}
.ffds-drawer-filters{padding:0 20px 12px;border-bottom:1px solid #e7edf2}
.ffds-filter-section{margin:9px 0}.ffds-filter-section>strong{font-size:9px;font-weight:900;display:block;margin-bottom:6px}
.ffds-chip-row,.ffds-category-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ffds-chip-row input{position:absolute;opacity:0}
.ffds-chip-row span,.ffds-category-tabs button{display:block;border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;color:#52677b;cursor:pointer}
.ffds-chip-row input:checked+span,.ffds-category-tabs button.is-active{background:#0b7fd3;color:#fff;border-color:#0b7fd3}
.ffds-audience-filter{display:inline-block;margin-right:12px}
.ffds-category-tabs{margin-top:10px;white-space:nowrap;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}
.ffds-drawer-products{padding:14px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;align-content:start}
.ffds-drawer-product{border:1px solid #dfe7ee;border-radius:13px;background:#fff;padding:9px;display:grid;grid-template-columns:86px 1fr;gap:10px;cursor:pointer;min-height:108px}
.ffds-drawer-product input{position:absolute;opacity:0}
.ffds-drawer-product.is-pending,.ffds-drawer-product:has(input:checked){border:2px solid #0b7fd3;padding:8px;box-shadow:0 0 0 2px rgba(11,127,211,.06)}
.ffds-drawer-product-media{width:86px;height:86px;border-radius:9px;background:#f3f6f8;display:grid;place-items:center;overflow:hidden}
.ffds-drawer-product-media img{width:100%;height:100%;object-fit:contain}
.ffds-drawer-product-copy{min-width:0;padding-top:3px}.ffds-drawer-product-copy strong{font-size:10px;line-height:1.25;display:block;font-weight:900}.ffds-drawer-product-copy>small{font-size:8px;color:#6d8092;display:block;margin-top:3px}
.ffds-product-swatches{display:flex;align-items:center;gap:3px;margin-top:8px}.ffds-product-swatches i{width:11px;height:11px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.09)}.ffds-product-swatches em{font-style:normal;font-size:7px;color:#6e8092;margin-left:2px}
.ffds-drawer-sheet>footer{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:14px 20px 18px;border-top:1px solid #e3eaf0;background:#fff}
.ffds-drawer-cancel,.ffds-drawer-add{height:44px;border-radius:999px;font-size:10px;font-weight:900;cursor:pointer}
.ffds-drawer-cancel{border:1px solid #d6e0e8;background:#fff;color:#35516a}.ffds-drawer-add{border:0;background:#0b7fd3;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.ffds-drawer-add:disabled{opacity:.45;cursor:not-allowed}.ffds-drawer-add .ffds-i{width:16px;height:16px}
body.ffds-drawer-open{overflow:hidden}
/* Upload and selected artwork — match approved mockup */
.ffds3225 .ffds-upload-zone{min-height:142px;border-radius:12px;background:#fbfdff}
.ffds3225 .ffds-artwork-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}
.ffds3225 .ffds-artwork-toolbar .ffds-action{min-height:44px;margin:0;padding:7px 5px;font-size:8px;border-radius:9px}
.ffds3225 .ffds-selected-artwork-tools{margin-top:16px;padding-top:14px;border-top:1px solid #e4ebf1}
.ffds3225 .ffds-object-tools-head>span{font-size:8px;color:#0b7fd3;font-weight:900;letter-spacing:.1em}.ffds3225 .ffds-object-tools-head>strong{display:block;font-size:13px;margin-top:4px}.ffds3225 .ffds-object-tools-head>p{font-size:9px;color:#708295;margin:3px 0 8px}
.ffds3225 .ffds-fit-card{padding:11px 12px;border-radius:11px}.ffds3225 .ffds-fit-card strong{font-size:10px}.ffds3225 .ffds-fit-card li{font-size:9px}
.ffds3225 .ffds-upload-status{font-size:9px;padding:9px 10px;border-radius:10px}
.ffds3225 .ffds-inline-actions{grid-template-columns:repeat(3,1fr);gap:7px}.ffds3225 .ffds-inline-actions button{font-size:8px;padding:8px 5px;border-radius:9px}
.ffds3225 .ffds-field>span{font-size:9px}.ffds3225 .ffds-field input[type=range]{padding:0;border:0}
/* Bottom bar */
.ffds3225 .ffds-bottom{height:74px;padding:0 16px;grid-template-columns:minmax(210px,1fr) auto minmax(290px,1fr);gap:12px;border-top:1px solid #dfe7ee;box-shadow:0 -2px 10px rgba(23,45,68,.035);z-index:140}
.ffds3225 .ffds-product-chip{gap:8px}.ffds3225 .ffds-product-chip>span.ffds-product-image{width:48px;height:48px;border-radius:9px;background:#eef4f8;overflow:hidden}.ffds3225 .ffds-product-chip>span img{width:100%;height:100%;object-fit:contain}.ffds3225 .ffds-product-chip strong{font-size:10px;font-weight:900}.ffds3225 .ffds-product-chip button{font-size:8px;font-weight:800}
.ffds3225 .ffds-bottom-centre{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}
.ffds3225 .ffds-bottom-action{height:36px;border-radius:999px;padding:0 12px;display:flex;align-items:center;gap:5px;font-size:8px}.ffds3225 .ffds-bottom-action .ffds-i{width:14px;height:14px}
.ffds3225 .ffds-methods{gap:5px}.ffds3225 .ffds-methods button{height:36px;padding:0 14px;font-size:8px;background:#f5f7f9}.ffds3225 .ffds-methods button.is-active{background:#0b7fd3;color:#fff}
.ffds3225 .ffds-next{width:min(430px,100%);height:48px;font-size:10px;background:#0b7fd3;box-shadow:0 3px 0 #075c98;gap:14px}.ffds3225 .ffds-next .ffds-i{width:16px;height:16px}
/* Quantity & Sizes mockup parity */
.ffds3225 .ffds-step[data-step=quantity]{background:#f5f7fa;min-height:calc(100vh - 64px)}
.ffds3225 .ffds-quantity-shell{max-width:1160px;margin:0 auto;padding:28px 24px 110px}
.ffds3225 .ffds-quantity-head{display:grid;grid-template-columns:140px 1fr 130px;align-items:end;gap:18px;margin-bottom:18px}.ffds3225 .ffds-quantity-head>div>span{font-size:8px;color:#0b7fd3;font-weight:900;letter-spacing:.12em}.ffds3225 .ffds-quantity-head h1{font-size:30px;margin:4px 0 3px;letter-spacing:-.03em}.ffds3225 .ffds-quantity-head p{font-size:11px;color:#6d7e90;margin:0}.ffds3225 .ffds-link-back{border:0;background:none;padding:0;color:#0b7fd3;font-size:9px;font-weight:900;display:flex;align-items:center;gap:5px;cursor:pointer}.ffds3225 .ffds-link-back .ffds-i{width:15px;height:15px}.ffds3225 .ffds-total-pill{justify-self:end;border:1px solid #dbe4ec;border-radius:13px;background:#fff;padding:9px 15px;text-align:right}.ffds3225 .ffds-total-pill small,.ffds3225 .ffds-total-pill strong{display:block}.ffds3225 .ffds-total-pill small{font-size:8px;color:#6f8294}.ffds3225 .ffds-total-pill strong{font-size:18px;color:#123451;margin-top:2px}
.ffds3225 .ffds-multi-quantity-list{display:grid;gap:12px}
.ffds3225 .ffds-qty-product-card{background:#fff;border:1px solid #dfe7ee;border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(20,45,70,.025)}
.ffds3225 .ffds-qty-product-card>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e8edf2}.ffds3225 .ffds-qty-product-main{display:flex;align-items:center;gap:10px}.ffds3225 .ffds-qty-product-image{width:58px;height:58px;border-radius:9px;background:#f2f5f7;display:grid;place-items:center;overflow:hidden}.ffds3225 .ffds-qty-product-image img{width:100%;height:100%;object-fit:contain}.ffds3225 .ffds-qty-product-main strong{display:block;font-size:11px;font-weight:900}.ffds3225 .ffds-qty-product-main small{display:flex;align-items:center;gap:5px;font-size:9px;color:#6d8193;margin-top:3px}.ffds3225 .ffds-qty-product-main small i{width:10px;height:10px;border-radius:50%;background:var(--swatch)}.ffds3225 .ffds-qty-product-main button{border:0;background:none;color:#0b7fd3;font-size:8px;font-weight:800;padding:3px 0;cursor:pointer}.ffds3225 .ffds-qty-product-actions{text-align:right}.ffds3225 .ffds-qty-product-actions button{border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:5px 9px;font-size:8px;color:#526a80}.ffds3225 .ffds-qty-product-actions strong{display:block;font-size:11px;margin-top:6px}.ffds3225 .ffds-qty-size-row{display:flex;gap:10px;flex-wrap:wrap;padding:13px 14px 15px}.ffds3225 .ffds-qty-size{min-width:84px}.ffds3225 .ffds-qty-size>strong{display:block;text-align:center;font-size:9px;margin-bottom:5px}.ffds3225 .ffds-qty-size>div{display:grid;grid-template-columns:28px 38px 28px;height:34px;border:1px solid #dbe4ec;border-radius:8px;overflow:hidden}.ffds3225 .ffds-qty-size button,.ffds3225 .ffds-qty-size input{border:0;background:#fff;text-align:center;font-size:11px;color:#173a58}.ffds3225 .ffds-qty-size input{border-left:1px solid #e5ebf0;border-right:1px solid #e5ebf0;width:100%;font-weight:900}.ffds3225 .ffds-add-product-wide{width:100%;height:54px;margin-top:12px;border:1.5px dashed #79b9e8;background:#fbfdff;color:#0b7fd3;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;cursor:pointer}.ffds3225 .ffds-add-product-wide .ffds-i{width:18px;height:18px}.ffds3225 .ffds-quantity-options-325{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.ffds3225 .ffds-quantity-footer{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:16px}.ffds3225 .ffds-quantity-footer .ffds-back-btn{height:46px;display:flex;align-items:center;justify-content:center;gap:5px}.ffds3225 .ffds-quantity-footer .ffds-wide-cta{justify-self:end;width:min(360px,100%);height:48px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.ffds3225 .ffds-quantity-footer .ffds-i{width:15px;height:15px}
/* Review */
.ffds3225 .ffds-review-v3222{max-width:1140px;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);gap:22px;padding:30px 24px 110px}.ffds3225 .ffds-review-preview,.ffds3225 .ffds-review-card{border-radius:13px}.ffds3225 .ffds-review-stage{height:500px}.ffds3225 .ffds-review-details h1{font-size:29px}.ffds3225 .ffds-review-card-head>strong{font-size:11px}.ffds3225 .ffds-review-card dt,.ffds3225 .ffds-review-card dd{font-size:9px}.ffds3225 .ffds-submit-btn{height:48px;background:#0b7fd3}
/* Mobile is intentionally a separate composition, not squeezed desktop */
.ffds-mobile-dock{display:none}
@media(max-width:800px){
.ffds3225{padding-bottom:66px;background:#fff}
.ffds3225 .ffds-topbar-325{height:56px;grid-template-columns:1fr auto;padding:0 10px;position:sticky;top:0}.ffds3225 .ffds-brand-325{display:flex;width:118px}.ffds3225 .ffds-brand-325 img{width:116px;height:38px}.ffds3225 .ffds-progress{display:none}.ffds3225 .ffds-top-actions{display:flex;gap:6px}.ffds3225 .ffds-top-actions .ffds-header-pill:first-child{display:none}.ffds3225 .ffds-header-pill{height:34px;padding:0 11px;font-size:9px}.ffds3225 .ffds-exit{display:none!important}
.ffds3225 .ffds-step[data-step=design]{display:block;min-height:calc(100vh - 122px);background:#fff}.ffds3225 .ffds-tools{display:none}.ffds3225 .ffds-side{display:block}.ffds3225 .ffds-views{position:absolute;right:8px;top:70px;width:62px;padding:0;border:0;background:transparent;z-index:45;display:flex;flex-direction:column;gap:7px}.ffds3225 .ffds-views>button{min-height:55px;width:62px;padding:4px;border-radius:11px;background:#fff;box-shadow:0 2px 10px rgba(18,44,70,.12)}.ffds3225 .ffds-view-thumb{width:48px;height:38px}.ffds3225 .ffds-views>button strong{font-size:7px}.ffds3225 .ffds-views [data-view-more]{min-height:46px}.ffds3225 .ffds-zoom{display:none}
.ffds3225 .ffds-canvas-wrap{padding:0;background:#fff}.ffds3225 .ffds-canvas-toolbar{position:absolute;top:67px;left:10px;z-index:44;height:auto}.ffds3225 .ffds-canvas-toolbar button{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 2px 9px rgba(20,45,70,.1)}.ffds3225 .ffds-canvas-toolbar button span{display:none}.ffds3225 .ffds-canvas-card{height:calc(100vh - 122px);min-height:560px;border:0;border-radius:0;box-shadow:none}.ffds3225 .ffds-stage{width:94%;height:84%;overflow:visible}.ffds3225 .ffds-view-label{top:8px;font-size:8px;padding:4px 10px}.ffds3225 .ffds-drop-hint{display:none}
.ffds3225 .ffds-panel{position:fixed;left:0;right:0;bottom:60px;top:auto;z-index:110;background:#fff;border:0;border-top:1px solid #dce5ed;border-radius:18px 18px 0 0;max-height:46vh;padding:16px 15px 18px;box-shadow:0 -10px 28px rgba(11,37,61,.14);overflow:auto}.ffds3225 .ffds-panel[hidden]{display:none!important}.ffds3225 .ffds-panel h2{font-size:19px}.ffds3225 .ffds-panel-kicker{font-size:7px}.ffds3225 .ffds-panel>p,.ffds3225 [data-object-panel-copy]{font-size:10px}.ffds3225 .ffds-panel-start{display:none!important}
.ffds3225 .ffds-selected-artwork-tools{display:block}.ffds3225 .ffds-artwork-toolbar{grid-template-columns:repeat(4,1fr)}.ffds3225 .ffds-artwork-toolbar .ffds-action{min-height:42px;font-size:7px}.ffds3225 .ffds-fit-card,.ffds3225 .ffds-upload-status{display:none}
.ffds-mobile-dock{display:grid;position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid #dfe7ee;z-index:150;grid-template-columns:repeat(5,1fr);padding-bottom:max(0px,env(safe-area-inset-bottom))}.ffds-mobile-dock button{border:0;background:#fff;color:#173b59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:800}.ffds-mobile-dock .ffds-i{width:19px;height:19px}.ffds-mobile-dock button.is-active{color:#0b7fd3}
.ffds3225 .ffds-bottom{top:6px;bottom:auto;left:auto;right:8px;width:auto;height:44px;border:0;background:transparent;box-shadow:none;padding:0;display:block;z-index:160}.ffds3225 .ffds-product-chip,.ffds3225 .ffds-bottom-centre{display:none}.ffds3225 .ffds-next{width:96px;height:38px;font-size:9px;box-shadow:none}.ffds3225 .ffds-next span{display:none}
.ffds-product-drawer{align-items:flex-end}.ffds-drawer-sheet{width:100%;height:min(86vh,760px);border-radius:20px 20px 0 0;grid-template-rows:auto auto auto 1fr auto}.ffds-drawer-sheet>header{padding:16px 16px 12px}.ffds-drawer-sheet>header h2{font-size:21px}.ffds-product-search{margin:10px 14px 8px}.ffds-drawer-filters{padding:0 14px 9px}.ffds-drawer-products{grid-template-columns:1fr 1fr;padding:10px 14px;gap:8px}.ffds-drawer-product{grid-template-columns:1fr;min-height:155px;padding:7px}.ffds-drawer-product-media{width:100%;height:96px}.ffds-drawer-product-copy strong{font-size:9px}.ffds-drawer-sheet>footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
.ffds3225 .ffds-step[data-step=quantity]{padding-top:0}.ffds3225 .ffds-quantity-shell{padding:18px 12px 82px}.ffds3225 .ffds-quantity-head{grid-template-columns:1fr auto;align-items:start;margin-bottom:12px}.ffds3225 .ffds-quantity-head>.ffds-link-back{display:none}.ffds3225 .ffds-quantity-head h1{font-size:23px}.ffds3225 .ffds-quantity-head p{font-size:10px}.ffds3225 .ffds-total-pill{padding:7px 10px}.ffds3225 .ffds-qty-product-card>header{padding:9px 10px}.ffds3225 .ffds-qty-product-image{width:48px;height:48px}.ffds3225 .ffds-qty-product-main strong{font-size:10px}.ffds3225 .ffds-qty-size-row{padding:10px;gap:8px}.ffds3225 .ffds-qty-size{min-width:calc(33.33% - 6px);flex:1}.ffds3225 .ffds-qty-size>div{grid-template-columns:28px 1fr 28px}.ffds3225 .ffds-quantity-options-325{grid-template-columns:1fr}.ffds3225 .ffds-quantity-footer{grid-template-columns:90px 1fr}.ffds3225 .ffds-quantity-footer .ffds-wide-cta{width:100%}
.ffds3225 .ffds-review-v3222{grid-template-columns:1fr;padding:14px 10px 82px}.ffds3225 .ffds-review-stage{height:390px}.ffds3225 .ffds-review-details h1{font-size:24px}
}
@media(max-width:430px){
.ffds3225 .ffds-drawer-products{grid-template-columns:1fr 1fr}.ffds3225 .ffds-drawer-product-media{height:84px}.ffds3225 .ffds-canvas-card{min-height:520px}.ffds3225 .ffds-stage{width:96%;height:80%}.ffds3225 .ffds-qty-size{min-width:calc(50% - 5px)}
}
.ffds-mobile-art-tools{display:none}
@media(max-width:800px){
.ffds-mobile-art-tools{position:fixed;left:0;right:0;bottom:60px;height:62px;background:#fff;border-top:1px solid #e0e7ee;z-index:148;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);overflow-x:auto;box-shadow:0 -2px 8px rgba(15,36,58,.04)}
.ffds-mobile-art-tools[hidden]{display:none!important}
.ffds-mobile-art-tools button{border:0;background:#fff;color:#0d6fb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 4px;font-size:7px;font-weight:800;white-space:nowrap}
.ffds-mobile-art-tools .ffds-i{width:19px;height:19px}
.ffds3225:has(.ffds-mobile-art-tools:not([hidden])) .ffds-panel[data-panel="object"]{bottom:122px;max-height:38vh}
}
/* ========================================================================
v3.22.6 — Mockup parity pass: colour UX, multi-product quantities/review,
cleaner hierarchy and mobile-first controls
======================================================================== */
.ffds3226{
--ff326-blue:#1687e0;
--ff326-blue-2:#0b73c9;
--ff326-navy:#122b46;
--ff326-text:#18324d;
--ff326-muted:#6d8094;
--ff326-line:#dfe7ef;
--ff326-soft:#f6f8fb;
--ff326-card:#fff;
--ff326-shadow:0 8px 28px rgba(20,48,77,.07);
color:var(--ff326-text);
background:#f7f9fb;
}
.ffds3226 .ffds-topbar-325{height:68px;grid-template-columns:250px 1fr 330px;padding:0 18px;background:#fff;border-bottom:1px solid var(--ff326-line)}
.ffds3226 .ffds-brand-325{width:220px}.ffds3226 .ffds-brand-325 img{width:210px;height:46px;object-fit:contain;object-position:left center}
.ffds3226 .ffds-progress{gap:12px}.ffds3226 .ffds-progress button{font-size:11px;font-weight:850;letter-spacing:.015em}.ffds3226 .ffds-progress button b{width:30px;height:30px;font-size:12px}.ffds3226 .ffds-progress i{width:66px;background:#d8e3ec}
.ffds3226 .ffds-top-actions{align-items:center}.ffds3226 .ffds-header-pill{height:38px;padding:0 13px;border:1px solid #dbe4ec;border-radius:999px;background:#fff;color:#3c5369;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.ffds3226 .ffds-header-pill .ffds-i{width:15px;height:15px}.ffds3226 .ffds-product-count-pill b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e9f5ff;color:#0878d1;font-size:10px}.ffds3226 .ffds-mobile-next{display:none}
.ffds3226 .ffds-step[data-step=design]{grid-template-columns:94px minmax(500px,1fr) 420px;min-height:calc(100vh - 140px)}
.ffds3226 .ffds-tools{padding:12px 7px;gap:4px}.ffds3226 .ffds-tools button{min-height:76px;border-radius:12px;color:#27455f}.ffds3226 .ffds-tools button.is-active{background:#eaf5ff;color:#087bd4;box-shadow:inset 3px 0 0 #1687e0}.ffds3226 .ffds-tool-icon .ffds-i{width:27px;height:27px}.ffds3226 .ffds-tools small{font-size:10px;font-weight:850;line-height:1.15}
.ffds3226 .ffds-canvas-wrap{padding:14px 18px 20px;background:#f6f8fa}.ffds3226 .ffds-canvas-toolbar{height:44px}.ffds3226 .ffds-canvas-toolbar button{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border-color:#dce5ed;background:#fff;color:#486078;font-weight:750;box-shadow:0 2px 5px rgba(20,45,70,.025)}.ffds3226 .ffds-canvas-toolbar .ffds-i{width:14px;height:14px}
.ffds3226 .ffds-canvas-card{height:calc(100vh - 192px);min-height:560px;border-radius:16px;border:1px solid #e1e8ee;box-shadow:0 6px 24px rgba(22,47,74,.045)}.ffds3226 .ffds-stage{width:min(80%,780px);height:86%}.ffds3226 .ffds-view-label{top:12px;padding:6px 15px;font-size:10px}.ffds3226 .ffds-drop-hint{bottom:12px;padding:7px 13px;font-size:9px}.ffds3226 .ffds-method-badge{display:none}
.ffds3226 .ffds-side{grid-template-columns:104px 1fr}.ffds3226 .ffds-views{padding:14px 9px;gap:9px}.ffds3226 .ffds-views>button{min-height:90px;border-radius:13px;border-color:#dbe4ec;box-shadow:0 2px 6px rgba(20,48,77,.035)}.ffds3226 .ffds-views>button.is-selected{border-color:#1687e0;box-shadow:0 0 0 2px rgba(22,135,224,.12)}.ffds3226 .ffds-view-thumb{height:64px}.ffds3226 .ffds-views>button strong{font-size:9px;font-weight:850}.ffds3226 .ffds-zoom{height:45px;border-radius:12px}
.ffds3226 .ffds-panel{padding:22px 20px 94px;max-height:calc(100vh - 136px)}.ffds3226 .ffds-panel-kicker{font-size:8px;letter-spacing:.14em}.ffds3226 .ffds-panel h2{font-size:26px;letter-spacing:-.03em;margin:5px 0 7px}.ffds3226 .ffds-panel>p,.ffds3226 [data-object-panel-copy]{font-size:11.5px;line-height:1.55;color:#687c90}
/* Product manager follows the approved mockup, with explicit colour controls. */
.ffds3226 .ffds-products-manager{padding-top:20px}.ffds3226 .ffds-manager-title{padding-bottom:10px;border-bottom:1px solid #e5ebf1}.ffds3226 .ffds-manager-title h2{font-size:22px;margin:0 0 5px}.ffds3226 .ffds-manager-title p{font-size:11px;margin:0;color:#6d8092}.ffds3226 .ffds-managed-products{display:grid;gap:10px;margin-top:14px}.ffds3226 .ffds-managed-product{grid-template-columns:70px minmax(0,1fr) auto;min-height:94px;padding:9px;border:1px solid #dfe6ec;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(23,49,76,.035)}.ffds3226 .ffds-managed-product.is-current{border-color:#1687e0;box-shadow:0 0 0 2px rgba(22,135,224,.10)}.ffds3226 .ffds-managed-thumb{width:68px;height:74px;background:#f4f7f9;border-radius:10px}.ffds3226 .ffds-managed-thumb img{width:100%;height:100%;object-fit:contain}.ffds3226 .ffds-managed-copy>span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#8ca0b3;margin-bottom:3px}.ffds3226 .ffds-managed-copy strong{font-size:11.5px;font-weight:900;color:#17334f;line-height:1.2}.ffds3226 .ffds-managed-copy small{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:9.5px;color:#6b7f92}.ffds3226 .ffds-managed-copy small i{width:11px;height:11px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ffds3226 .ffds-managed-copy em{display:block;margin-top:5px;color:#0b7fd3;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.07em}.ffds3226 .ffds-managed-colour{display:inline-flex!important;border:0!important;background:none!important;color:#0b7fd3!important;padding:5px 0 0!important;font-size:9px!important;font-weight:850!important}.ffds3226 .ffds-managed-actions{display:flex;gap:6px;align-items:flex-start}.ffds3226 .ffds-managed-actions button{border:1px solid #dbe4ec;background:#fff;border-radius:999px;min-width:44px;height:28px;padding:0 9px;color:#496177;font-size:8.5px;font-weight:800}.ffds3226 .ffds-add-product-card{height:58px;margin-top:12px;border:1.5px dashed #7fbde9;border-radius:13px;background:#fbfdff;color:#0a79cf;display:flex;align-items:center;justify-content:center;gap:9px}.ffds3226 .ffds-add-product-card .ffds-i{width:21px;height:21px}.ffds3226 .ffds-add-product-card strong{font-size:11px}.ffds3226 .ffds-add-product-card small{display:none}.ffds3226 .ffds-manager-note{font-size:9px!important;text-align:center;margin-top:9px!important}
/* Visible current garment + colour controls in the sticky footer. */
.ffds3226 .ffds-bottom{height:74px;padding:0 14px;border-top:1px solid #dce5ed;box-shadow:0 -4px 16px rgba(18,43,69,.05)}.ffds3226 .ffds-product-chip{min-width:285px;gap:10px}.ffds3226 .ffds-product-image{width:50px;height:54px;border-radius:9px;background:#f3f6f8}.ffds3226 .ffds-product-chip strong{font-size:11px}.ffds3226 .ffds-product-chip small{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:3px}.ffds3226 .ffds-product-chip small button{border:0;background:none;padding:0;color:#0b7fd3;font-size:9px;font-weight:850}.ffds3226 .ffds-current-colour{display:flex;align-items:center;gap:4px;color:#63778b;font-size:9px}.ffds3226 .ffds-current-colour i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--swatch,#64748b);box-shadow:0 0 0 1px rgba(0,0,0,.12)}.ffds3226 .ffds-bottom-centre{gap:9px}.ffds3226 .ffds-bottom-action,.ffds3226 .ffds-methods button{height:36px;border-radius:999px;padding:0 13px;font-size:9px;font-weight:850}.ffds3226 .ffds-next{height:50px;max-width:350px;border-radius:999px;font-size:11px;font-weight:900;background:#1687e0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
/* Colour picker */
.ffds-colour-sheet[hidden]{display:none!important}.ffds-colour-sheet{position:fixed;inset:0;z-index:230}.ffds-colour-backdrop{position:absolute;inset:0;border:0;background:rgba(14,35,57,.38);backdrop-filter:blur(2px)}.ffds-colour-card{position:absolute;right:24px;bottom:88px;width:min(420px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#fff;border:1px solid #dce5ed;border-radius:18px;box-shadow:0 24px 70px rgba(15,38,63,.22);padding:18px}.ffds-colour-card>header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ebf0;padding-bottom:13px}.ffds-colour-card header span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#0b7fd3}.ffds-colour-card h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.025em}.ffds-colour-card p{margin:0;font-size:10px;color:#6d8094}.ffds-colour-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:14px}.ffds-colour-choice{min-height:60px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;text-align:left;border:1px solid #dfe7ee;background:#fff;border-radius:12px;padding:9px;color:#173650}.ffds-colour-choice.is-selected{border-color:#1687e0;background:#f3faff;box-shadow:0 0 0 2px rgba(22,135,224,.08)}.ffds-colour-choice>i{width:28px;height:28px;border-radius:8px;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}.ffds-colour-choice strong{display:block;font-size:10px}.ffds-colour-choice small{display:block;font-size:8.5px;color:#75889b;margin-top:2px}
/* Product drawer */
.ffds3226 .ffds-drawer-sheet{width:min(760px,calc(100vw - 36px));border-radius:18px}.ffds3226 .ffds-drawer-sheet>header h2{font-size:26px}.ffds3226 .ffds-product-search{height:44px;border-radius:11px}.ffds3226 .ffds-category-tabs button{font-size:9px;font-weight:850}.ffds3226 .ffds-drawer-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.ffds3226 .ffds-drawer-product>span{border-radius:13px}.ffds3226 .ffds-drawer-product-media{height:126px}.ffds3226 .ffds-drawer-product-copy strong{font-size:10.5px}.ffds3226 .ffds-drawer-product-copy small{font-size:8.5px}.ffds3226 .ffds-drawer-sheet>footer{height:72px}.ffds3226 .ffds-drawer-add{height:44px;border-radius:999px;min-width:190px;background:#1687e0}
/* Quantity step: product-by-product, no legacy 'size mix' form feeling. */
.ffds3226 .ffds-step[data-step=quantity]{background:#f6f8fa;min-height:calc(100vh - 68px)}.ffds3226 .ffds-quantity-326{max-width:1180px;margin:0 auto;padding:28px 22px 100px}.ffds3226 .ffds-quantity-head-326{display:grid;grid-template-columns:150px 1fr 130px;align-items:start;gap:18px;margin-bottom:18px}.ffds3226 .ffds-quantity-head-326>div:nth-child(2){text-align:center}.ffds3226 .ffds-quantity-head-326 span{font-size:8px;letter-spacing:.14em;font-weight:900;color:#0b7fd3}.ffds3226 .ffds-quantity-head-326 h1{font-size:30px;margin:4px 0 5px;letter-spacing:-.035em}.ffds3226 .ffds-quantity-head-326 p{font-size:11px;color:#6d8094;margin:0}.ffds3226 .ffds-link-back{border:0;background:none;display:flex;align-items:center;gap:5px;color:#0b7fd3;font-size:9px;font-weight:850;padding:8px 0}.ffds3226 .ffds-total-pill{justify-self:end;background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:8px 14px;text-align:center;min-width:100px}.ffds3226 .ffds-total-pill small{display:block;font-size:8px;color:#73869a}.ffds3226 .ffds-total-pill strong{font-size:20px;color:#15324e}.ffds3226 .ffds-multi-quantity-list{display:grid;gap:12px}.ffds3226 .ffds-qty-product-card{border-radius:15px;box-shadow:0 3px 12px rgba(19,45,72,.035)}.ffds3226 .ffds-qty-product-card>header{padding:13px 16px}.ffds3226 .ffds-qty-product-main{gap:12px}.ffds3226 .ffds-qty-product-image{width:66px;height:66px;border-radius:10px}.ffds3226 .ffds-product-index{display:block;font-size:7px!important;letter-spacing:.1em;color:#8a9db0!important;font-weight:900;margin-bottom:2px}.ffds3226 .ffds-qty-product-main strong{font-size:12px}.ffds3226 .ffds-qty-product-main small{font-size:9.5px}.ffds3226 .ffds-qty-product-main button{font-size:9px;margin-top:3px}.ffds3226 .ffds-qty-product-actions strong{font-size:12px}.ffds3226 .ffds-qty-size-row{gap:10px;padding:14px 16px 17px}.ffds3226 .ffds-qty-size{min-width:88px}.ffds3226 .ffds-qty-size>strong{font-size:9px}.ffds3226 .ffds-qty-size>div{height:36px;grid-template-columns:29px 40px 29px;border-radius:9px}.ffds3226 .ffds-qty-size button{font-size:16px}.ffds3226 .ffds-add-product-wide{height:58px;margin-top:14px;border-radius:13px;font-size:11px}.ffds3226 .ffds-order-preferences{margin-top:16px;display:grid;grid-template-columns:1fr 210px 110px;align-items:center;gap:12px;background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:14px 16px}.ffds3226 .ffds-pref-copy{display:flex;align-items:center;gap:10px}.ffds3226 .ffds-pref-copy>.ffds-i{width:24px;height:24px;color:#1687e0}.ffds3226 .ffds-pref-copy strong{display:block;font-size:11px}.ffds3226 .ffds-pref-copy small{display:block;font-size:9px;color:#718498;margin-top:2px}.ffds3226 .ffds-date-control span{display:block;font-size:8px;font-weight:850;color:#526a80;margin-bottom:4px}.ffds3226 .ffds-date-control input{height:38px;width:100%;border:1px solid #dbe4ec;border-radius:9px;padding:0 10px;background:#fff;color:#173650;font-size:10px}.ffds3226 .ffds-no-date{height:38px;border:1px solid #dbe4ec;background:#fff;border-radius:999px;color:#456078;font-size:9px;font-weight:850}.ffds3226 .ffds-quantity-summary-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe7ee;border:1px solid #dfe7ee;border-radius:13px;overflow:hidden;margin-top:14px}.ffds3226 .ffds-quantity-summary-bar>div{background:#fff;padding:11px 14px}.ffds3226 .ffds-quantity-summary-bar span{display:block;font-size:8px;color:#778a9c}.ffds3226 .ffds-quantity-summary-bar strong{font-size:12px}.ffds3226 .ffds-quantity-footer{grid-template-columns:120px 1fr;margin-top:18px}.ffds3226 .ffds-quantity-footer .ffds-wide-cta{width:320px;background:#1687e0;border-radius:999px}
/* Review step: every product shown, with quantities and colours. */
.ffds3226 .ffds-step[data-step=review]{background:#f6f8fa;min-height:calc(100vh - 68px)}.ffds3226 .ffds-review-shell-326{max-width:1220px;margin:0 auto;padding:26px 22px 110px}.ffds3226 .ffds-review-head-326{display:grid;grid-template-columns:180px 1fr 180px;align-items:start;margin-bottom:18px}.ffds3226 .ffds-review-head-326>div{text-align:center}.ffds3226 .ffds-review-head-326>div span{font-size:8px;letter-spacing:.14em;color:#0b7fd3;font-weight:900}.ffds3226 .ffds-review-head-326 h1{font-size:30px;letter-spacing:-.035em;margin:4px 0 5px}.ffds3226 .ffds-review-head-326 p{font-size:11px;color:#6d8094;margin:0}.ffds3226 .ffds-review-grid-326{display:grid;grid-template-columns:minmax(430px,.92fr) minmax(500px,1.08fr);gap:18px}.ffds3226 .ffds-review-products-326,.ffds3226 .ffds-review-card{background:#fff;border:1px solid #dfe7ee;border-radius:15px;box-shadow:0 3px 14px rgba(20,47,75,.035)}.ffds3226 .ffds-review-products-326{padding:16px}.ffds3226 .ffds-review-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ecf1;padding-bottom:12px;margin-bottom:12px}.ffds3226 .ffds-review-section-head span{font-size:7px;letter-spacing:.12em;font-weight:900;color:#0b7fd3}.ffds3226 .ffds-review-section-head h2{font-size:18px;margin:3px 0 0}.ffds3226 .ffds-review-section-head button{border:1px solid #dce5ed;background:#fff;border-radius:999px;height:32px;padding:0 11px;display:flex;align-items:center;gap:5px;color:#0b7fd3;font-size:9px;font-weight:850}.ffds3226 .ffds-review-section-head .ffds-i{width:14px;height:14px}.ffds3226 .ffds-review-product-list{display:grid;gap:9px}.ffds3226 .ffds-review-product{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid #e0e7ee;border-radius:12px;background:#fff}.ffds3226 .ffds-review-product-thumb{width:64px;height:66px;border-radius:9px;background:#f3f6f8;display:grid;place-items:center;overflow:hidden}.ffds3226 .ffds-review-product-thumb img{width:100%;height:100%;object-fit:contain}.ffds3226 .ffds-review-product>div>span{display:block;font-size:7px;color:#8ba0b4;font-weight:900;letter-spacing:.09em}.ffds3226 .ffds-review-product>div>strong{display:block;font-size:11px;margin-top:2px}.ffds3226 .ffds-review-product small{display:flex;align-items:center;gap:5px;color:#718497;font-size:9px;margin-top:3px}.ffds3226 .ffds-review-product small i{width:10px;height:10px;border-radius:50%;background:var(--swatch)}.ffds3226 .ffds-review-product p{margin:4px 0 0;font-size:8.5px;color:#536b82}.ffds3226 .ffds-review-product>strong{font-size:11px}.ffds3226 .ffds-review-stage-wrap{margin-top:12px;border-top:1px solid #e5ebf0;padding-top:12px}.ffds3226 .ffds-review-stage-wrap .ffds-review-stage{height:360px;border-radius:12px;background:#fbfcfd}.ffds3226 .ffds-review-stage-wrap>small{display:block;text-align:center;margin-top:7px;font-size:8px;color:#8495a6}.ffds3226 .ffds-review-details-326{display:grid;gap:12px;align-content:start}.ffds3226 .ffds-review-card{padding:15px}.ffds3226 .ffds-review-card-head{padding:0 0 11px;margin-bottom:10px}.ffds3226 .ffds-review-card-head strong{font-size:12px}.ffds3226 .ffds-review-card-head button{font-size:9px}.ffds3226 .ffds-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e8ee;border-radius:11px;overflow:hidden}.ffds3226 .ffds-overview-stats>div{padding:10px;border-right:1px solid #e5ebf0}.ffds3226 .ffds-overview-stats>div:last-child{border-right:0}.ffds3226 .ffds-overview-stats span{display:block;font-size:7.5px;color:#7b8d9f}.ffds3226 .ffds-overview-stats strong{display:block;font-size:10px;margin-top:2px}.ffds3226 .ffds-review-breakdown{display:grid;gap:8px;margin-top:10px}.ffds3226 .ffds-breakdown-row{display:grid;grid-template-columns:minmax(130px,1fr) 1.5fr 44px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eef2f5}.ffds3226 .ffds-breakdown-row:last-child{border-bottom:0}.ffds3226 .ffds-breakdown-row>div:first-child strong{display:block;font-size:9.5px}.ffds3226 .ffds-breakdown-row>div:first-child small{font-size:8px;color:#7a8d9f}.ffds3226 .ffds-breakdown-row>div:nth-child(2){display:flex;gap:5px;flex-wrap:wrap}.ffds3226 .ffds-breakdown-row>div:nth-child(2) span{font-size:8px;background:#f3f7fa;border-radius:6px;padding:4px 6px}.ffds3226 .ffds-breakdown-row>div:nth-child(2) b{font-size:8px}.ffds3226 .ffds-breakdown-row>strong{text-align:right;font-size:11px}.ffds3226 .ffds-form-grid{gap:10px}.ffds3226 .ffds-field{margin:7px 0}.ffds3226 .ffds-field>span{font-size:8.5px}.ffds3226 .ffds-field input,.ffds3226 .ffds-field textarea,.ffds3226 .ffds-field select{font-size:10px;padding:9px 10px;border-radius:9px}.ffds3226 .ffds-review-actions{display:grid;grid-template-columns:110px 1fr;gap:10px}.ffds3226 .ffds-submit-btn{height:48px;border-radius:999px;background:#1687e0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.ffds3226 .ffds-submit-btn .ffds-i{width:15px;height:15px}
/* Mobile: garment first; compact top bar, floating sides, bottom tools and sheets. */
@media(max-width:760px){
body:has(.ffds3226){background:#fff}
.ffds3226{padding-bottom:64px;background:#fff}
.ffds3226 .ffds-topbar-325{height:54px;grid-template-columns:1fr auto;padding:0 8px;box-shadow:0 1px 5px rgba(15,38,62,.05)}
.ffds3226 .ffds-brand-325{width:118px}.ffds3226 .ffds-brand-325 img{width:116px;height:36px}
.ffds3226 .ffds-progress,.ffds3226 .ffds-product-count-pill,.ffds3226 .ffds-save-pill,.ffds3226 .ffds-exit{display:none!important}
.ffds3226 .ffds-mobile-next{height:36px;border:0;border-radius:999px;padding:0 13px;background:#1687e0;color:#fff;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:900;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}.ffds3226 .ffds-mobile-next .ffds-i{width:13px;height:13px}
.ffds3226 .ffds-step[data-step=design]{display:block;min-height:calc(100svh - 114px)}
.ffds3226 .ffds-canvas-wrap{padding:0;background:#fff;min-height:calc(100svh - 114px)}.ffds3226 .ffds-canvas-toolbar{display:none}.ffds3226 .ffds-canvas-card{height:calc(100svh - 114px);min-height:500px;border:0;border-radius:0;box-shadow:none}.ffds3226 .ffds-stage{width:100%;height:100%;padding:38px 40px 86px}.ffds3226 .ffds-stage>img[data-ffgw-garment-image]{max-height:100%;object-fit:contain}.ffds3226 .ffds-view-label{top:10px;font-size:8px;padding:5px 9px}.ffds3226 .ffds-drop-hint{display:none}
.ffds3226 .ffds-tools{display:none}.ffds3226 .ffds-side{display:block}.ffds3226 .ffds-views{position:absolute;right:8px;top:66px;width:57px;padding:0;border:0;background:transparent;z-index:54;display:flex;gap:7px}.ffds3226 .ffds-views>button{width:57px;min-height:55px;padding:4px;border-radius:11px;background:#fff;box-shadow:0 2px 10px rgba(18,44,70,.13)}.ffds3226 .ffds-view-thumb{width:46px;height:37px}.ffds3226 .ffds-views>button strong{font-size:7px}.ffds3226 .ffds-views [data-view-more]{min-height:43px}.ffds3226 .ffds-zoom{display:none}
.ffds3226 .ffds-panel{position:fixed;left:0;right:0;bottom:60px;top:auto;z-index:145;max-height:48svh;border:0;border-top:1px solid #dce5ed;border-radius:18px 18px 0 0;padding:16px 14px 18px;background:#fff;box-shadow:0 -12px 34px rgba(11,37,61,.16)}.ffds3226 .ffds-panel h2{font-size:20px}.ffds3226 .ffds-panel>p,.ffds3226 [data-object-panel-copy]{font-size:10px}.ffds3226 .ffds-panel-start{display:none!important}
.ffds3226 .ffds-bottom{display:none!important}.ffds-mobile-dock{display:grid!important;height:60px}.ffds-mobile-dock button{font-size:7.5px}.ffds-mobile-dock .ffds-i{width:20px;height:20px}.ffds-mobile-art-tools{bottom:60px;height:64px;z-index:143}.ffds-mobile-art-tools button{font-size:7.5px}.ffds3225:has(.ffds-mobile-art-tools:not([hidden])) .ffds-panel[data-panel="object"]{bottom:124px;max-height:39svh}
.ffds-colour-card{left:8px;right:8px;bottom:66px;width:auto;max-height:62svh;border-radius:18px;padding:15px}.ffds-colour-options{grid-template-columns:1fr 1fr}.ffds-colour-choice{min-height:56px}.ffds-colour-card h2{font-size:20px}
.ffds3226 .ffds-drawer-sheet{inset:54px 0 0!important;width:100%!important;height:calc(100svh - 54px)!important;max-height:none!important;border-radius:18px 18px 0 0!important}.ffds3226 .ffds-drawer-sheet>header{padding:15px}.ffds3226 .ffds-drawer-sheet>header h2{font-size:21px}.ffds3226 .ffds-drawer-filters{padding:0 12px 10px}.ffds3226 .ffds-filter-section:first-child{display:none}.ffds3226 .ffds-category-tabs{overflow-x:auto;flex-wrap:nowrap}.ffds3226 .ffds-drawer-products{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px 80px}.ffds3226 .ffds-drawer-product-media{height:116px}.ffds3226 .ffds-drawer-sheet>footer{position:absolute;left:0;right:0;bottom:0;background:#fff}
.ffds3226 .ffds-step[data-step=quantity],.ffds3226 .ffds-step[data-step=review]{min-height:calc(100svh - 54px)}
.ffds3226 .ffds-quantity-326,.ffds3226 .ffds-review-shell-326{padding:16px 10px 76px}.ffds3226 .ffds-quantity-head-326{grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.ffds3226 .ffds-quantity-head-326>.ffds-link-back{display:none}.ffds3226 .ffds-quantity-head-326>div:nth-child(2){text-align:left}.ffds3226 .ffds-quantity-head-326 h1{font-size:23px}.ffds3226 .ffds-quantity-head-326 p{font-size:9.5px}.ffds3226 .ffds-total-pill{padding:6px 9px;min-width:72px}.ffds3226 .ffds-total-pill strong{font-size:17px}.ffds3226 .ffds-qty-product-card>header{padding:10px}.ffds3226 .ffds-qty-product-image{width:52px;height:52px}.ffds3226 .ffds-qty-product-main strong{font-size:10.5px}.ffds3226 .ffds-qty-product-actions button{font-size:7.5px}.ffds3226 .ffds-qty-product-actions strong{font-size:10px}.ffds3226 .ffds-qty-size-row{padding:10px;gap:8px}.ffds3226 .ffds-qty-size{min-width:calc(33.333% - 6px);flex:1}.ffds3226 .ffds-qty-size>div{grid-template-columns:28px 1fr 28px}.ffds3226 .ffds-order-preferences{grid-template-columns:1fr;gap:9px;padding:12px}.ffds3226 .ffds-pref-copy>.ffds-i{width:20px;height:20px}.ffds3226 .ffds-date-control input{height:40px}.ffds3226 .ffds-no-date{width:max-content;padding:0 14px}.ffds3226 .ffds-quantity-summary-bar{grid-template-columns:repeat(3,1fr)}.ffds3226 .ffds-quantity-summary-bar>div{padding:9px}.ffds3226 .ffds-quantity-footer{grid-template-columns:88px 1fr;position:sticky;bottom:4px;background:rgba(246,248,250,.92);backdrop-filter:blur(8px);padding:8px 0 3px}.ffds3226 .ffds-quantity-footer .ffds-wide-cta{width:100%;height:46px}.ffds3226 .ffds-quantity-footer .ffds-back-btn{height:46px}
.ffds3226 .ffds-review-head-326{grid-template-columns:1fr;margin-bottom:12px}.ffds3226 .ffds-review-head-326>.ffds-link-back{display:none}.ffds3226 .ffds-review-head-326>div{text-align:left}.ffds3226 .ffds-review-head-326 h1{font-size:23px}.ffds3226 .ffds-review-head-326 p{font-size:9.5px}.ffds3226 .ffds-review-grid-326{grid-template-columns:1fr;gap:12px}.ffds3226 .ffds-review-products-326{padding:11px}.ffds3226 .ffds-review-section-head h2{font-size:16px}.ffds3226 .ffds-review-product{grid-template-columns:54px 1fr auto;padding:8px}.ffds3226 .ffds-review-product-thumb{width:52px;height:54px}.ffds3226 .ffds-review-stage-wrap .ffds-review-stage{height:310px}.ffds3226 .ffds-overview-stats{grid-template-columns:1fr 1fr}.ffds3226 .ffds-overview-stats>div:nth-child(2){border-right:0}.ffds3226 .ffds-overview-stats>div:nth-child(-n+2){border-bottom:1px solid #e5ebf0}.ffds3226 .ffds-breakdown-row{grid-template-columns:1fr auto}.ffds3226 .ffds-breakdown-row>div:nth-child(2){grid-column:1/-1}.ffds3226 .ffds-review-actions{position:sticky;bottom:4px;background:rgba(246,248,250,.94);backdrop-filter:blur(8px);padding:7px 0 3px}.ffds3226 .ffds-form-grid{grid-template-columns:1fr}
}
.ffds3226 .ffds-review-product{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer}.ffds3226 .ffds-review-product.is-current{border-color:#1687e0;background:#f8fcff;box-shadow:0 0 0 2px rgba(22,135,224,.08)}
/* =====================================================================
v3.22.7 — Designer parity rebuild
This block intentionally resets the accumulated 3.22.x presentation
rules so the live designer follows the approved mock-up geometry.
===================================================================== */
.ffds3227{
--d-blue:#1687e0;
--d-blue-dark:#0875c8;
--d-navy:#102f52;
--d-ink:#152d45;
--d-muted:#64798e;
--d-line:#dde6ee;
--d-soft:#f5f8fb;
--d-panel:#fff;
--d-header:66px;
--d-footer:72px;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
color:var(--d-ink);
background:#fff;
min-height:100vh;
padding-bottom:var(--d-footer);
font-size:13px;
-webkit-font-smoothing:antialiased;
}
.ffds3227 *{box-sizing:border-box}
.ffds3227 button,.ffds3227 input,.ffds3227 textarea,.ffds3227 select{font-family:inherit}
.ffds3227 button{cursor:pointer}
.ffds3227 .ffds-i{width:22px;height:22px;display:block;flex:0 0 auto}
/* HEADER */
.ffds3227 .ffds-topbar-325{
height:var(--d-header)!important;
min-height:var(--d-header)!important;
display:grid!important;
grid-template-columns:260px minmax(480px,1fr) 310px!important;
align-items:center!important;
gap:16px;
padding:0 18px!important;
background:#fff!important;
border-bottom:1px solid var(--d-line)!important;
box-shadow:0 1px 6px rgba(19,48,77,.035)!important;
z-index:180!important;
}
.ffds3227 .ffds-brand-325{width:240px!important;height:54px!important;display:flex!important;align-items:center!important;overflow:hidden}
.ffds3227 .ffds-brand-325 .ffds-configured-brand-logo{display:block!important;max-width:224px!important;max-height:46px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.ffds3227 .ffds-wordmark-fallback{font-size:22px;font-weight:900;letter-spacing:.045em;color:var(--d-navy)}
.ffds3227 .ffds-progress{gap:13px!important}
.ffds3227 .ffds-progress button{height:64px!important;padding:0 7px!important;gap:8px!important;border-radius:0!important;font-size:12px!important;font-weight:850!important;letter-spacing:.01em;color:#677b90!important;position:relative}
.ffds3227 .ffds-progress button b{width:30px!important;height:30px!important;font-size:12px!important;background:#eef3f7!important;color:#657b90!important;font-weight:850!important}
.ffds3227 .ffds-progress button.is-active{color:var(--d-navy)!important}
.ffds3227 .ffds-progress button.is-active b{background:var(--d-blue)!important;color:#fff!important}
.ffds3227 .ffds-progress button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--d-blue)}
.ffds3227 .ffds-progress button.is-complete b{background:#e8f4fd!important;color:var(--d-blue)!important}
.ffds3227 .ffds-progress i{width:58px!important;background:#dce5ec!important}
.ffds3227 .ffds-top-actions{gap:8px!important;align-items:center!important}
.ffds3227 .ffds-header-pill{height:38px!important;border:1px solid var(--d-line)!important;background:#fff!important;border-radius:999px!important;padding:0 13px!important;font-size:11px!important;font-weight:800!important;color:#405a73!important;gap:7px!important}
.ffds3227 .ffds-header-pill .ffds-i{width:17px;height:17px}
.ffds3227 .ffds-product-count-pill b{width:23px;height:23px;border-radius:50%;background:#eaf5fd;color:var(--d-blue);display:grid;place-items:center;font-size:10px}
.ffds3227 .ffds-mobile-next{display:none}
/* EXACT DESKTOP DESIGN WORKSPACE: tools | views | canvas | inspector */
.ffds3227 .ffds-step[data-step="design"]{
display:grid!important;
grid-template-columns:88px 92px minmax(580px,1fr) 370px!important;
grid-template-rows:minmax(0,calc(100vh - var(--d-header) - var(--d-footer)))!important;
grid-template-areas:"tools views canvas inspector"!important;
min-height:calc(100vh - var(--d-header) - var(--d-footer))!important;
height:calc(100vh - var(--d-header) - var(--d-footer))!important;
overflow:hidden!important;
background:#f7f9fb!important;
}
.ffds3227 .ffds-tools{grid-area:tools!important;position:static!important;display:flex!important;flex-direction:column!important;gap:5px!important;padding:10px 7px!important;border-right:1px solid var(--d-line)!important;background:#fff!important;overflow:auto!important}
.ffds3227 .ffds-tools button{min-width:0!important;width:100%!important;min-height:72px!important;padding:7px 3px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:#213d58!important;gap:7px!important;font-size:12px!important;font-weight:800!important;transition:.14s ease}
.ffds3227 .ffds-tools button:hover{background:#f5f9fc!important}
.ffds3227 .ffds-tools button.is-active{background:#eaf5fd!important;color:var(--d-blue)!important}
.ffds3227 .ffds-tool-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:currentColor}
.ffds3227 .ffds-tools button.is-active .ffds-tool-icon{background:#fff;box-shadow:0 2px 7px rgba(22,135,224,.11)}
.ffds3227 .ffds-tool-icon .ffds-i{width:26px!important;height:26px!important;stroke-width:2.05}
.ffds3227 .ffds-tools small{font-size:11px!important;line-height:1.15!important;font-weight:850!important;color:inherit!important}
.ffds3227 .ffds-side{display:contents!important}
.ffds3227 .ffds-views{grid-area:views!important;position:static!important;width:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important;padding:14px 8px!important;border:0!important;border-right:1px solid var(--d-line)!important;background:#fff!important;overflow-y:auto!important;z-index:auto!important}
.ffds3227 .ffds-views>button{width:100%!important;min-height:88px!important;padding:6px!important;border:1px solid #dce5ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 6px rgba(20,48,77,.04)!important;color:#334f68!important;gap:4px!important}
.ffds3227 .ffds-views>button:hover{border-color:#b9cce0!important;background:#fbfdff!important}
.ffds3227 .ffds-views>button.is-selected{border:2px solid var(--d-blue)!important;box-shadow:0 0 0 2px rgba(22,135,224,.08)!important;color:var(--d-blue)!important}
.ffds3227 .ffds-view-thumb{display:grid!important;place-items:center!important;width:70px!important;height:62px!important;border-radius:9px!important;background:#f1f6fa!important;overflow:hidden!important}
.ffds3227 .ffds-view-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.ffds3227 .ffds-view-thumb i{display:grid;place-items:center}.ffds3227 .ffds-view-thumb .ffds-i{width:27px;height:27px}
.ffds3227 .ffds-views>button strong{font-size:10px!important;font-weight:900!important;line-height:1.1!important}
.ffds3227 .ffds-views [data-view-more]{min-height:70px!important}
.ffds3227 .ffds-view-more-icon{width:34px!important;height:34px!important;border-radius:50%!important;background:#eef7fe!important;color:var(--d-blue)!important;display:grid!important;place-items:center!important}
.ffds3227 .ffds-view-more-icon .ffds-i{width:20px;height:20px}
.ffds3227 .ffds-zoom{margin-top:2px!important;min-height:44px!important;border:1px solid #dce5ed!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;grid-template-columns:25px 1fr 25px!important;padding:4px!important}
.ffds3227 .ffds-zoom button{font-size:18px!important;color:#294760!important}.ffds3227 .ffds-zoom small{font-size:7px!important;font-weight:800!important}.ffds3227 .ffds-zoom b{font-size:10px!important;font-weight:900!important}
.ffds3227 .ffds-canvas-wrap{grid-area:canvas!important;order:initial!important;position:relative!important;min-width:0!important;padding:12px 16px 16px!important;background:#f7f9fb!important;overflow:hidden!important}
.ffds3227 .ffds-canvas-toolbar{height:42px!important;display:flex!important;gap:8px!important;align-items:center!important}
.ffds3227 .ffds-canvas-toolbar button{height:32px!important;border:1px solid #dce5ed!important;border-radius:999px!important;background:#fff!important;padding:0 12px!important;color:#405a73!important;font-size:11px!important;font-weight:750!important;display:flex!important;align-items:center!important;gap:5px!important;box-shadow:0 1px 3px rgba(20,48,77,.035)!important}
.ffds3227 .ffds-canvas-toolbar .ffds-i{width:15px;height:15px}
.ffds3227 .ffds-canvas-card{height:calc(100% - 42px)!important;min-height:0!important;border:1px solid #e0e7ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(21,50,77,.05)!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ffds3227 .ffds-stage{width:min(90%,860px)!important;height:90%!important;min-height:0!important;padding:0!important;overflow:visible!important}
.ffds3227 .ffds-stage>img[data-ffgw-garment-image]{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.ffds3227 .ffds-view-label{top:12px!important;padding:6px 14px!important;font-size:11px!important;font-weight:850!important;border:1px solid #dce5ed!important;background:#fff!important;box-shadow:0 1px 3px rgba(17,42,67,.04)!important}
.ffds3227 .ffds-method-badge{display:none!important}
.ffds3227 .ffds-drop-hint{bottom:11px!important;font-size:10px!important;padding:7px 13px!important;color:#71879b!important}
.ffds3227 .ffds-selection-box{border:2px solid var(--d-blue)!important;border-radius:2px!important;box-shadow:none!important}
.ffds3227 .ffds-selection-handle{width:12px!important;height:12px!important;background:#fff!important;border:2px solid var(--d-blue)!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important}
/* Inspector */
.ffds3227 .ffds-panel{grid-area:inspector!important;position:static!important;display:block!important;max-height:none!important;height:100%!important;overflow-y:auto!important;padding:20px 18px 90px!important;border:0!important;background:#fff!important;border-left:1px solid var(--d-line)!important;border-radius:0!important;box-shadow:none!important;z-index:auto!important}
.ffds3227 .ffds-panel[hidden]{display:none!important}
.ffds3227 .ffds-panel-kicker{font-size:9px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.12em!important;color:var(--d-blue)!important;margin-bottom:6px!important}
.ffds3227 .ffds-panel h2{margin:0 0 7px!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.025em!important;font-weight:900!important;color:#102d49!important}
.ffds3227 .ffds-panel>p,.ffds3227 [data-object-panel-copy]{margin:0 0 17px!important;font-size:13px!important;line-height:1.48!important;color:#637a90!important;font-weight:500!important}
.ffds3227 .ffds-start-actions{display:grid!important;gap:9px!important}
.ffds3227 .ffds-start-actions button{min-height:68px!important;display:grid!important;grid-template-columns:46px 1fr 18px!important;align-items:center!important;gap:11px!important;padding:10px!important;border:1px solid #dbe5ed!important;border-radius:13px!important;background:#fff!important;text-align:left!important;box-shadow:none!important}
.ffds3227 .ffds-start-actions button:hover{border-color:#b8d1e6!important;background:#fbfdff!important}
.ffds3227 .ffds-start-actions button>span{width:44px!important;height:44px!important;border-radius:11px!important;background:#eaf5fd!important;color:var(--d-blue)!important;display:grid!important;place-items:center!important}
.ffds3227 .ffds-start-actions .ffds-i{width:23px;height:23px}
.ffds3227 .ffds-start-actions button b{font-size:14px!important;line-height:1.2!important;font-weight:850!important;color:#173652!important}
.ffds3227 .ffds-start-actions button small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.25!important;font-weight:500!important;color:#71869a!important}
.ffds3227 .ffds-start-actions button em{font-style:normal!important;font-size:22px!important;color:#6f879c!important}
.ffds3227 .ffds-faster{padding:13px!important;border-radius:13px!important;background:#eef7fe!important;border:1px solid #d6eafa!important;margin-top:13px!important;font-size:11px!important;line-height:1.5!important;color:#42617c!important}
.ffds3227 .ffds-faster strong{font-size:12px!important;font-weight:900!important;color:#173652!important}
.ffds3227 .ffds-how{margin-top:12px!important;padding:13px!important;border:1px solid #e0e7ed!important;border-radius:13px!important;background:#fff!important}
.ffds3227 .ffds-how>strong{font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important;color:#597087!important}.ffds3227 .ffds-how div span{font-size:11px!important;font-weight:800!important}.ffds3227 .ffds-how div small{font-size:10px!important;font-weight:500!important;color:#7890a4!important}
/* Product manager & drawer */
.ffds3227 .ffds-manager-title h2{font-size:26px!important}.ffds3227 .ffds-manager-title p,.ffds3227 .ffds-manager-note{font-size:12px!important;line-height:1.45!important}
.ffds3227 .ffds-managed-product{grid-template-columns:70px minmax(0,1fr) auto!important;gap:11px!important;padding:11px!important;border-radius:14px!important;border:1px solid #dce5ed!important;background:#fff!important}
.ffds3227 .ffds-managed-product+.ffds-managed-product{margin-top:9px!important}
.ffds3227 .ffds-managed-thumb{width:68px!important;height:72px!important;border-radius:10px!important;background:#f3f7fa!important}.ffds3227 .ffds-managed-thumb img{width:100%;height:100%;object-fit:contain}
.ffds3227 .ffds-managed-copy>span{font-size:8px!important}.ffds3227 .ffds-managed-copy>strong{font-size:13px!important;font-weight:850!important}.ffds3227 .ffds-managed-copy small,.ffds3227 .ffds-managed-colour{font-size:10px!important}.ffds3227 .ffds-managed-actions button{font-size:10px!important;min-height:31px!important}
.ffds3227 .ffds-add-product-card{min-height:60px!important;margin-top:12px!important;border:1.5px dashed #9cc9ed!important;border-radius:13px!important;background:#fbfdff!important;color:var(--d-blue)!important;font-size:13px!important}.ffds3227 .ffds-add-product-card strong{font-size:13px!important}.ffds3227 .ffds-add-product-card small{font-size:10px!important}
.ffds3227 .ffds-drawer-sheet{width:640px!important;max-width:min(94vw,640px)!important}.ffds3227 .ffds-drawer-sheet>header h2{font-size:27px!important;font-weight:900!important}.ffds3227 .ffds-drawer-sheet>header p{font-size:12px!important}.ffds3227 .ffds-drawer-search input{height:42px!important;font-size:12px!important}.ffds3227 .ffds-category-tabs button{font-size:11px!important;font-weight:800!important}.ffds3227 .ffds-drawer-products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.ffds3227 .ffds-drawer-product-media{height:135px!important}.ffds3227 .ffds-drawer-product-copy strong{font-size:12px!important}.ffds3227 .ffds-drawer-product-copy small{font-size:10px!important}
/* Artwork/text inspector controls */
.ffds3227 .ffds-field>span,.ffds3227 .ffds-section-label{font-size:11px!important;font-weight:850!important;color:#294760!important}.ffds3227 .ffds-field input,.ffds3227 .ffds-field textarea,.ffds3227 .ffds-field select{font-size:13px!important;min-height:40px!important;padding:9px 11px!important;border-radius:9px!important}.ffds3227 .ffds-artwork-toolbar{gap:8px!important}.ffds3227 .ffds-action{min-height:38px!important;font-size:11px!important;font-weight:800!important;border-radius:9px!important}.ffds3227 .ffds-upload-zone{min-height:180px!important}.ffds3227 .ffds-upload-zone strong{font-size:14px!important}.ffds3227 .ffds-upload-zone small{font-size:11px!important}.ffds3227 .ffds-upload-status,.ffds3227 .ffds-fit-card,.ffds3227 .ffds-fit-card li{font-size:11px!important}.ffds3227 .ffds-inline-actions button{min-height:38px!important;font-size:10px!important}.ffds3227 .ffds-help{font-size:11px!important}.ffds3227 input[type="range"]{accent-color:var(--d-blue)}
/* BOTTOM ACTION BAR */
.ffds3227 .ffds-bottom{height:var(--d-footer)!important;display:grid!important;grid-template-columns:300px minmax(520px,1fr) 300px!important;gap:12px!important;align-items:center!important;padding:0 14px!important;border-top:1px solid var(--d-line)!important;background:#fff!important;box-shadow:0 -3px 14px rgba(16,47,82,.04)!important;z-index:170!important}
.ffds3227 .ffds-product-chip{min-width:0!important;gap:9px!important}.ffds3227 .ffds-product-image{width:48px!important;height:52px!important;border-radius:9px!important;background:#f1f6fa!important}.ffds3227 .ffds-product-chip strong{font-size:12px!important;font-weight:850!important;max-width:220px!important}.ffds3227 .ffds-product-chip small{display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important}.ffds3227 .ffds-product-chip small button{font-size:10px!important;font-weight:800!important;color:var(--d-blue)!important}.ffds3227 .ffds-bottom-centre{justify-content:center!important;gap:8px!important}.ffds3227 .ffds-bottom-colours button{width:28px!important;height:28px!important}.ffds3227 .ffds-bottom-action,.ffds3227 .ffds-methods button{height:38px!important;padding:0 13px!important;border-radius:999px!important;font-size:10px!important;font-weight:850!important}.ffds3227 .ffds-bottom-action .ffds-i{width:16px;height:16px}.ffds3227 .ffds-methods button.is-active{background:var(--d-blue)!important;color:#fff!important;border-color:var(--d-blue)!important}.ffds3227 .ffds-next{height:48px!important;border-radius:999px!important;background:var(--d-blue)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)!important}
/* QUANTITY */
.ffds3227 .ffds-step[data-step="quantity"],.ffds3227 .ffds-step[data-step="review"]{background:#f5f7f9!important;min-height:calc(100vh - var(--d-header))!important}
.ffds3227 .ffds-quantity-326{max-width:1180px!important;margin:0 auto!important;padding:26px 18px 40px!important}.ffds3227 .ffds-quantity-head-326{grid-template-columns:160px 1fr 130px!important;margin-bottom:18px!important}.ffds3227 .ffds-quantity-head-326>div:nth-child(2){text-align:center!important}.ffds3227 .ffds-quantity-head-326>div:nth-child(2)>span{font-size:9px!important;font-weight:900!important;color:var(--d-blue)!important;letter-spacing:.1em!important}.ffds3227 .ffds-quantity-head-326 h1{font-size:30px!important;font-weight:900!important;letter-spacing:-.025em!important;margin:4px 0!important}.ffds3227 .ffds-quantity-head-326 p{font-size:12px!important;line-height:1.45!important;color:#667c90!important}.ffds3227 .ffds-link-back{font-size:11px!important;font-weight:800!important}.ffds3227 .ffds-total-pill{border-radius:12px!important;padding:9px 13px!important}.ffds3227 .ffds-total-pill small{font-size:9px!important}.ffds3227 .ffds-total-pill strong{font-size:22px!important}
.ffds3227 .ffds-multi-quantity-list{display:grid!important;gap:12px!important}.ffds3227 .ffds-qty-product-card{border:1px solid #dce5ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px rgba(20,48,77,.035)!important;overflow:hidden!important}.ffds3227 .ffds-qty-product-card>header{padding:13px 15px!important}.ffds3227 .ffds-qty-product-main{gap:12px!important}.ffds3227 .ffds-qty-product-image{width:76px!important;height:82px!important;border-radius:10px!important;background:#f2f6f9!important}.ffds3227 .ffds-qty-product-main strong{font-size:14px!important;font-weight:850!important}.ffds3227 .ffds-qty-product-main small{font-size:11px!important}.ffds3227 .ffds-qty-product-main button{font-size:10px!important;font-weight:800!important}.ffds3227 .ffds-qty-product-actions strong{font-size:13px!important}.ffds3227 .ffds-qty-product-actions button{font-size:10px!important}.ffds3227 .ffds-qty-size-row{padding:14px 15px!important;gap:9px!important;background:#fbfcfd!important}.ffds3227 .ffds-qty-size{min-width:112px!important}.ffds3227 .ffds-qty-size>strong{font-size:11px!important}.ffds3227 .ffds-qty-size>div{height:38px!important;grid-template-columns:32px 1fr 32px!important;border-radius:9px!important}.ffds3227 .ffds-qty-size button,.ffds3227 .ffds-qty-size input{font-size:12px!important}
.ffds3227 .ffds-add-product-wide{height:54px!important;margin:13px 0!important;border:1.5px dashed #93c8ef!important;border-radius:13px!important;background:#fff!important;color:var(--d-blue)!important;font-size:13px!important;font-weight:850!important}.ffds3227 .ffds-delivery-date-card{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:18px!important;padding:15px 17px!important;border:1px solid #dce5ed!important;border-radius:15px!important;background:#fff!important;margin-top:14px!important}.ffds3227 .ffds-delivery-heading{display:flex!important;align-items:center!important;gap:11px!important}.ffds3227 .ffds-delivery-icon{width:40px;height:40px;border-radius:11px;background:#eaf5fd;color:var(--d-blue);display:grid;place-items:center}.ffds3227 .ffds-delivery-heading strong{display:block;font-size:13px!important;font-weight:850!important}.ffds3227 .ffds-delivery-heading small{display:block;margin-top:2px;font-size:10px!important;color:#71869a!important}.ffds3227 .ffds-delivery-actions{display:flex!important;gap:8px!important;align-items:center!important}.ffds3227 .ffds-date-choice{height:40px!important;border:1px solid #d6e1ea!important;border-radius:10px!important;background:#fff!important;color:#294760!important;font-size:10px!important;font-weight:800!important}.ffds3227 .ffds-date-unsure{padding:0 14px!important}.ffds3227 .ffds-date-picker{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important}.ffds3227 .ffds-date-picker input{border:0!important;background:transparent!important;font-size:11px!important;min-height:0!important;padding:0!important}.ffds3227 .ffds-quantity-summary-bar{margin-top:14px!important;border-radius:13px!important;background:#fff!important}.ffds3227 .ffds-quantity-summary-bar span{font-size:9px!important}.ffds3227 .ffds-quantity-summary-bar strong{font-size:13px!important}.ffds3227 .ffds-quantity-footer{grid-template-columns:120px 1fr!important;margin-top:15px!important}.ffds3227 .ffds-quantity-footer button{height:48px!important;font-size:11px!important;font-weight:850!important}
/* REVIEW: show every product as a real card, not a hidden/secondary list */
.ffds3227 .ffds-review-shell-326{max-width:1180px!important;margin:0 auto!important;padding:26px 18px 44px!important}.ffds3227 .ffds-review-head-326{grid-template-columns:180px 1fr 180px!important;margin-bottom:18px!important}.ffds3227 .ffds-review-head-326>div{text-align:center!important;grid-column:2!important}.ffds3227 .ffds-review-head-326 h1{font-size:30px!important;font-weight:900!important;letter-spacing:-.025em!important;margin:4px 0!important}.ffds3227 .ffds-review-head-326 p{font-size:12px!important;color:#667c90!important}.ffds3227 .ffds-review-grid-326{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr)!important;gap:16px!important}.ffds3227 .ffds-review-products-326,.ffds3227 .ffds-review-card{border:1px solid #dce5ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px rgba(20,48,77,.035)!important}.ffds3227 .ffds-review-products-326{padding:15px!important}.ffds3227 .ffds-review-section-head h2{font-size:19px!important;font-weight:900!important}.ffds3227 .ffds-review-section-head button{font-size:10px!important;font-weight:800!important}.ffds3227 .ffds-review-product-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;max-height:none!important}.ffds3227 .ffds-review-product{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px 10px!important;padding:10px!important;border:1px solid #dfe7ee!important;border-radius:13px!important;background:#fff!important;min-height:108px!important}.ffds3227 .ffds-review-product-thumb{grid-row:1/3!important;width:72px!important;height:88px!important;border-radius:9px!important;background:#f2f6f9!important}.ffds3227 .ffds-review-product>div>span{font-size:8px!important}.ffds3227 .ffds-review-product>div>strong{font-size:12px!important;font-weight:850!important}.ffds3227 .ffds-review-product small,.ffds3227 .ffds-review-product p{font-size:9.5px!important;line-height:1.35!important}.ffds3227 .ffds-review-product>strong{grid-column:2!important;font-size:11px!important;align-self:end!important}.ffds3227 .ffds-review-stage-wrap{margin-top:13px!important}.ffds3227 .ffds-review-stage-wrap .ffds-review-stage{height:330px!important;background:#f8fafc!important;border-radius:12px!important}.ffds3227 .ffds-review-stage-wrap>small{font-size:9px!important}.ffds3227 .ffds-review-details-326{gap:12px!important}.ffds3227 .ffds-review-card{padding:16px!important}.ffds3227 .ffds-review-card-head strong{font-size:14px!important;font-weight:900!important}.ffds3227 .ffds-review-card-head button{font-size:10px!important;font-weight:800!important}.ffds3227 .ffds-overview-stats span{font-size:9px!important}.ffds3227 .ffds-overview-stats strong{font-size:12px!important}.ffds3227 .ffds-breakdown-row>div:first-child strong{font-size:11px!important}.ffds3227 .ffds-breakdown-row>div:first-child small,.ffds3227 .ffds-breakdown-row>div:nth-child(2) span{font-size:9px!important}.ffds3227 .ffds-field>span{font-size:10px!important}.ffds3227 .ffds-check{font-size:10px!important;line-height:1.4!important}.ffds3227 .ffds-review-actions{grid-template-columns:120px 1fr!important}.ffds3227 .ffds-review-actions button{height:49px!important;font-size:11px!important;font-weight:850!important}
/* DESKTOP LOWER-WIDTH FALLBACK */
@media (max-width:1380px) and (min-width:761px){
.ffds3227 .ffds-topbar-325{grid-template-columns:220px 1fr 275px!important}
.ffds3227 .ffds-brand-325{width:205px!important}.ffds3227 .ffds-brand-325 .ffds-configured-brand-logo{max-width:195px!important}
.ffds3227 .ffds-step[data-step="design"]{grid-template-columns:78px 82px minmax(470px,1fr) 330px!important}
.ffds3227 .ffds-tools small{font-size:10px!important}.ffds3227 .ffds-panel h2{font-size:24px!important}.ffds3227 .ffds-panel>p{font-size:12px!important}
.ffds3227 .ffds-view-thumb{width:60px!important;height:55px!important}
.ffds3227 .ffds-bottom{grid-template-columns:250px minmax(420px,1fr) 240px!important}
}
/* MOBILE — mock-up parity: canvas first, controls as sheets/docks */
@media(max-width:760px){
.ffds3227{--d-header:56px;--d-footer:0px;padding-bottom:60px!important;background:#fff!important;font-size:13px!important}
.ffds3227 .ffds-topbar-325{height:56px!important;min-height:56px!important;grid-template-columns:1fr auto!important;padding:0 10px!important;gap:8px!important}
.ffds3227 .ffds-brand-325{width:145px!important;height:46px!important}.ffds3227 .ffds-brand-325 .ffds-configured-brand-logo{max-width:140px!important;max-height:38px!important}.ffds3227 .ffds-wordmark-fallback{font-size:17px!important}
.ffds3227 .ffds-progress,.ffds3227 .ffds-product-count-pill,.ffds3227 .ffds-save-pill,.ffds3227 .ffds-exit{display:none!important}.ffds3227 .ffds-mobile-next{height:38px!important;border:0!important;border-radius:999px!important;padding:0 14px!important;background:var(--d-blue)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;font-weight:900!important}.ffds3227 .ffds-mobile-next .ffds-i{width:15px;height:15px}
.ffds3227 .ffds-step[data-step="design"]{display:block!important;height:calc(100svh - 56px - 60px)!important;min-height:calc(100svh - 116px)!important;overflow:hidden!important;background:#fff!important}
.ffds3227 .ffds-tools{display:none!important}
.ffds3227 .ffds-side{display:block!important}
.ffds3227 .ffds-canvas-wrap{display:block!important;height:100%!important;padding:0!important;background:#fff!important;overflow:hidden!important}.ffds3227 .ffds-canvas-toolbar{display:none!important}.ffds3227 .ffds-canvas-card{height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.ffds3227 .ffds-stage{width:100%!important;height:100%!important;padding:28px 36px 116px!important;overflow:hidden!important}.ffds3227 .ffds-stage>img[data-ffgw-garment-image]{max-height:100%!important}.ffds3227 .ffds-view-label{top:10px!important;font-size:9px!important;padding:5px 9px!important}.ffds3227 .ffds-drop-hint{display:none!important}
.ffds3227 .ffds-views{position:absolute!important;right:8px!important;top:68px!important;width:58px!important;padding:0!important;border:0!important;background:transparent!important;z-index:145!important;display:flex!important;flex-direction:column!important;gap:7px!important;overflow:visible!important}.ffds3227 .ffds-views>button{width:58px!important;min-height:55px!important;padding:4px!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 10px rgba(18,44,70,.13)!important}.ffds3227 .ffds-view-thumb{width:47px!important;height:38px!important}.ffds3227 .ffds-views>button strong{font-size:7.5px!important}.ffds3227 .ffds-views [data-view-more]{min-height:42px!important}.ffds3227 .ffds-views [data-view-more] strong{display:none!important}.ffds3227 .ffds-zoom{display:none!important}
.ffds3227 .ffds-panel{position:fixed!important;left:0!important;right:0!important;bottom:60px!important;top:auto!important;height:auto!important;max-height:52svh!important;z-index:210!important;overflow:auto!important;border:0!important;border-top:1px solid #dce5ed!important;border-radius:18px 18px 0 0!important;padding:17px 15px 22px!important;background:#fff!important;box-shadow:0 -15px 36px rgba(11,37,61,.16)!important}.ffds3227 .ffds-panel-start{display:none!important}.ffds3227 .ffds-panel h2{font-size:22px!important}.ffds3227 .ffds-panel>p,.ffds3227 [data-object-panel-copy]{font-size:12px!important}.ffds3227 .ffds-start-actions button b{font-size:13px!important}.ffds3227 .ffds-start-actions button small{font-size:10px!important}
.ffds3227 .ffds-bottom{display:none!important}.ffds-mobile-dock{display:grid!important;height:60px!important;z-index:220!important}.ffds-mobile-dock button{font-size:9px!important;font-weight:800!important}.ffds-mobile-dock .ffds-i{width:21px!important;height:21px!important}.ffds-mobile-art-tools{bottom:60px!important;height:66px!important;z-index:205!important}.ffds-mobile-art-tools button{font-size:8.5px!important;font-weight:750!important}.ffds-mobile-art-tools .ffds-i{width:20px!important;height:20px!important}
.ffds3227 .ffds-drawer-sheet{inset:56px 0 0!important;width:100%!important;max-width:none!important;height:calc(100svh - 56px)!important;border-radius:18px 18px 0 0!important}.ffds3227 .ffds-drawer-sheet>header h2{font-size:23px!important}.ffds3227 .ffds-drawer-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-bottom:80px!important}.ffds3227 .ffds-drawer-product-media{height:120px!important}.ffds3227 .ffds-colour-card{left:8px!important;right:8px!important;bottom:66px!important;width:auto!important;max-height:65svh!important;border-radius:18px!important}.ffds3227 .ffds-colour-options{grid-template-columns:1fr 1fr!important}
.ffds3227 .ffds-step[data-step="quantity"],.ffds3227 .ffds-step[data-step="review"]{min-height:calc(100svh - 56px)!important}.ffds3227 .ffds-quantity-326,.ffds3227 .ffds-review-shell-326{padding:15px 10px 78px!important}.ffds3227 .ffds-quantity-head-326{grid-template-columns:1fr auto!important}.ffds3227 .ffds-quantity-head-326>.ffds-link-back{display:none!important}.ffds3227 .ffds-quantity-head-326>div:nth-child(2){text-align:left!important}.ffds3227 .ffds-quantity-head-326 h1,.ffds3227 .ffds-review-head-326 h1{font-size:24px!important}.ffds3227 .ffds-quantity-head-326 p,.ffds3227 .ffds-review-head-326 p{font-size:11px!important}.ffds3227 .ffds-qty-product-card>header{padding:11px!important}.ffds3227 .ffds-qty-product-image{width:58px!important;height:62px!important}.ffds3227 .ffds-qty-product-main strong{font-size:12px!important}.ffds3227 .ffds-qty-size-row{padding:11px!important;gap:8px!important}.ffds3227 .ffds-qty-size{min-width:calc(33.333% - 6px)!important;flex:1!important}.ffds3227 .ffds-delivery-date-card{grid-template-columns:1fr!important;gap:11px!important}.ffds3227 .ffds-delivery-actions{display:grid!important;grid-template-columns:1fr!important}.ffds3227 .ffds-date-choice{width:100%!important}.ffds3227 .ffds-date-picker{justify-content:space-between!important}.ffds3227 .ffds-quantity-summary-bar{grid-template-columns:repeat(3,1fr)!important}.ffds3227 .ffds-quantity-footer,.ffds3227 .ffds-review-actions{position:sticky!important;bottom:4px!important;background:rgba(245,247,249,.94)!important;backdrop-filter:blur(8px)!important;padding:7px 0 3px!important}
.ffds3227 .ffds-review-head-326{grid-template-columns:1fr!important}.ffds3227 .ffds-review-head-326>.ffds-link-back{display:none!important}.ffds3227 .ffds-review-head-326>div{grid-column:auto!important;text-align:left!important}.ffds3227 .ffds-review-grid-326{grid-template-columns:1fr!important}.ffds3227 .ffds-review-product-list{grid-template-columns:1fr!important}.ffds3227 .ffds-review-product{grid-template-columns:62px minmax(0,1fr)!important}.ffds3227 .ffds-review-product-thumb{width:62px!important;height:72px!important}.ffds3227 .ffds-review-stage-wrap .ffds-review-stage{height:300px!important}.ffds3227 .ffds-overview-stats{grid-template-columns:1fr 1fr!important}.ffds3227 .ffds-form-grid{grid-template-columns:1fr!important}
}
/* v3.22.7 explicit colour control in product bar */
.ffds3227 .ffds-product-chip-copy{min-width:0;display:grid;gap:4px}
.ffds3227 .ffds-product-chip-actions{display:flex;align-items:center;gap:8px;min-width:0}
.ffds3227 .ffds-colour-trigger{display:flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:4px 8px!important;border:1px solid #dce5ed!important;border-radius:9px!important;background:#fff!important;color:#23435f!important;text-align:left!important}
.ffds3227 .ffds-colour-trigger>i{width:18px;height:18px;border-radius:50%;background:var(--dot,#64748b);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px #fff}
.ffds3227 .ffds-colour-trigger span{display:grid;line-height:1.05}.ffds3227 .ffds-colour-trigger small{font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important;color:#7b8fa3!important}.ffds3227 .ffds-colour-trigger b{font-size:10px!important;font-weight:850!important;color:#173652!important}
.ffds3227 .ffds-colour-trigger .ffds-i{width:13px!important;height:13px!important;color:#7790a5!important}
.ffds3227 .ffds-change-product-link{border:0!important;background:none!important;color:var(--d-blue)!important;font-size:10px!important;font-weight:800!important;padding:4px!important}
@media(max-width:1380px) and (min-width:761px){.ffds3227 .ffds-product-chip-actions{gap:4px}.ffds3227 .ffds-change-product-link{display:none!important}}
/* =====================================================================
v3.23.0 — Fashionflo Designer Core
Critical state isolation + production-grade interaction components.
===================================================================== */
.ffds3230{--core-blue:#087fd7;--core-navy:#102f4c;--core-line:#d9e3ec;--core-soft:#f5f8fb;--core-danger:#e53935;--core-success:#178754;font-size:14px}
.ffds3230 .ffds-step[hidden]{display:none!important}
.ffds3230 .ffds-step.is-active[data-step="design"]{display:grid!important}
.ffds3230 .ffds-step.is-active[data-step="quantity"],.ffds3230 .ffds-step.is-active[data-step="review"]{display:block!important}
.ffds3230 .ffds-panel h2{font-size:30px!important;font-weight:900!important;letter-spacing:-.03em!important}.ffds3230 .ffds-panel>p,.ffds3230 [data-object-panel-copy]{font-size:14px!important;line-height:1.55!important}.ffds3230 .ffds-tools small{font-size:12px!important}.ffds3230 .ffds-start-actions button b{font-size:15px!important}.ffds3230 .ffds-start-actions button small{font-size:12px!important}.ffds3230 .ffds-field>span{font-size:11px!important}.ffds3230 .ffds-field input,.ffds3230 .ffds-field textarea,.ffds3230 .ffds-field select{font-size:13px!important}
/* real product-specific view rail */
.ffds3230 .ffds-extra-views{display:grid;gap:9px}.ffds3230 .ffds-extra-views[hidden]{display:none!important}.ffds3230 .ffds-extra-views button{width:100%;min-height:82px;padding:6px;border:1px solid var(--core-line);border-radius:12px;background:#fff;color:#334f68;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;cursor:pointer}.ffds3230 .ffds-extra-views button.is-selected{border:2px solid var(--core-blue);color:var(--core-blue);box-shadow:0 0 0 2px rgba(8,127,215,.08)}.ffds3230 .ffds-extra-views .ffds-view-thumb{width:66px!important;height:52px!important}.ffds3230 .ffds-extra-views strong{font-size:9px;font-weight:900;text-align:center;line-height:1.15}
/* object canvas toolbar */
.ffds3230 .ffds-object-float{position:absolute;z-index:40;display:flex;align-items:center;gap:3px;padding:5px;background:#fff;border:1px solid #d7e2eb;border-radius:999px;box-shadow:0 8px 24px rgba(15,41,65,.18);transform:none}.ffds3230 .ffds-object-float[hidden]{display:none!important}.ffds3230 .ffds-object-float button{border:0;background:transparent;min-width:42px;height:40px;border-radius:999px;color:#35516c;display:grid;place-items:center;gap:0;cursor:pointer}.ffds3230 .ffds-object-float button:hover{background:#edf7ff;color:var(--core-blue)}.ffds3230 .ffds-object-float button:first-child:hover{background:#fff0f0;color:#d92d20}.ffds3230 .ffds-object-float .ffds-i{width:18px;height:18px}.ffds3230 .ffds-object-float span{display:none}
.ffds3230 .ffds-object-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.ffds3230 .ffds-object-metrics label>span{display:block;font-size:11px;font-weight:850;margin-bottom:7px;color:#334d65}.ffds3230 .ffds-object-metrics label>div{height:42px;border:1px solid var(--core-line);border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fff}.ffds3230 .ffds-object-metrics input{min-width:0;width:100%;height:100%;border:0;text-align:center;font-weight:800;color:#173754;outline:0}.ffds3230 .ffds-object-metrics button{width:34px;height:100%;border:0;background:#f8fafc;font-weight:900;color:#37546e}.ffds3230 .ffds-object-metrics em{font-style:normal;font-size:10px;color:#75889a;margin-right:8px}.ffds3230 .ffds-range-field{margin:14px 0}.ffds3230 .ffds-align-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0 16px}.ffds3230 .ffds-align-row button{height:38px;border:1px solid var(--core-line);border-radius:9px;background:#fff;color:#486078}.ffds3230 .ffds-align-row button:hover{background:#edf7ff;color:var(--core-blue);border-color:#a7d4f3}.ffds3230 .ffds-align-row .ffds-i{width:17px;height:17px}
/* premium modal system */
.ffds3230 .ffds-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.ffds3230 .ffds-modal[hidden]{display:none!important}.ffds3230 .ffds-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(4,15,26,.72);backdrop-filter:blur(3px)}.ffds3230 .ffds-modal-card{position:relative;width:min(760px,100%);max-height:min(86vh,820px);overflow:auto;background:#fff;border-radius:18px;border:1px solid #d4dee7;box-shadow:0 30px 90px rgba(3,18,32,.35);padding:26px}.ffds3230 .ffds-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.ffds3230 .ffds-modal-card header span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--core-blue)}.ffds3230 .ffds-modal-card h2{margin:4px 0 5px;font-size:27px;line-height:1.1;color:#172f48}.ffds3230 .ffds-modal-card header p{margin:0;color:#6a7d90;font-size:13px;line-height:1.5}.ffds3230 .ffds-icon-button{width:38px;height:38px;border:1px solid var(--core-line);border-radius:50%;background:#fff;display:grid;place-items:center;color:#5b6f82}.ffds3230 .ffds-modal-card>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ffds3230 .ffds-primary,.ffds3230 .ffds-secondary{min-height:44px;padding:0 20px;border-radius:999px;font-weight:900;font-size:13px;cursor:pointer}.ffds3230 .ffds-primary{border:0;background:var(--core-blue);color:#fff}.ffds3230 .ffds-secondary{border:1px solid var(--core-line);background:#fff;color:#324b63}
.ffds3230 .ffds-white-layout{display:grid;grid-template-columns:245px 1fr;gap:24px}.ffds3230 .ffds-white-preview{height:245px;border-radius:14px;background-color:#fff;background-image:linear-gradient(45deg,#eef1f4 25%,transparent 25%),linear-gradient(-45deg,#eef1f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f4 75%),linear-gradient(-45deg,transparent 75%,#eef1f4 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;display:grid;place-items:center;overflow:hidden}.ffds3230 .ffds-white-preview img{max-width:90%;max-height:90%;object-fit:contain}.ffds3230 .ffds-choice-stack{display:grid;gap:10px}.ffds3230 .ffds-choice-stack>button{border:1px solid var(--core-line);border-radius:13px;background:#fff;padding:14px;display:grid;grid-template-columns:20px 1fr;gap:10px;text-align:left;color:#42566b;cursor:pointer}.ffds3230 .ffds-choice-stack>button.is-selected{border:2px solid var(--core-blue);background:#eef8ff;padding:13px}.ffds3230 .ffds-choice-stack>button>i{width:17px;height:17px;border:1.5px solid var(--core-blue);border-radius:50%;margin-top:2px}.ffds3230 .ffds-choice-stack>button.is-selected>i{box-shadow:inset 0 0 0 4px #eef8ff;background:var(--core-blue)}.ffds3230 .ffds-choice-stack strong,.ffds3230 .ffds-choice-stack small{display:block}.ffds3230 .ffds-choice-stack strong{font-size:14px}.ffds3230 .ffds-choice-stack small{font-size:11px;line-height:1.45;color:#748596;margin-top:3px}
.ffds3230 .ffds-emb-modal{width:min(560px,100%)}.ffds3230 .ffds-emb-modal>header{justify-content:flex-start}.ffds3230 .ffds-thread-icon{font-size:34px;color:var(--core-blue);font-weight:900}.ffds3230 .ffds-emb-list{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:8px}.ffds3230 .ffds-emb-list li{position:relative;padding-left:28px;font-size:13px;color:#54677a;line-height:1.4}.ffds3230 .ffds-emb-list li:before{position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.ffds3230 .ffds-emb-list li.ok:before{content:'✓';color:#17734a;border:1px solid #17734a}.ffds3230 .ffds-emb-list li.bad:before{content:'×';color:#e33b35;border:1px solid #e33b35}.ffds3230 .ffds-guidelines-link{font-size:13px;color:var(--core-blue);font-weight:750}.ffds3230 .ffds-emb-modal>footer{display:grid;grid-template-columns:1fr;gap:9px}.ffds3230 .ffds-emb-modal .ffds-primary,.ffds3230 .ffds-emb-modal .ffds-secondary{width:100%}
/* toast */
.ffds3230 .ffds-toast{position:fixed;right:28px;bottom:92px;z-index:1200;width:min(390px,calc(100vw - 32px));min-height:76px;border:1px solid #ffc8c5;border-radius:12px;background:#fff2f2;box-shadow:0 16px 42px rgba(59,23,23,.18);display:grid;grid-template-columns:26px 1fr 24px;align-items:center;gap:9px;padding:14px 14px 14px 16px;opacity:0;transform:translateY(10px);transition:.18s ease}.ffds3230 .ffds-toast[hidden]{display:none!important}.ffds3230 .ffds-toast.is-visible{opacity:1;transform:none}.ffds3230 .ffds-toast-icon{width:22px;height:22px;border-radius:50%;background:#e52323;color:#fff;display:grid;place-items:center;font-weight:900}.ffds3230 .ffds-toast strong{font-size:13px;line-height:1.4;color:#c51b1b}.ffds3230 .ffds-toast button{grid-column:3;grid-row:1;border:0;background:none;color:#e55b5b;font-size:20px}
/* accordion quantity step */
.ffds3230 .ffds-multi-quantity-list{display:grid;gap:12px}.ffds3230 .ffds-qty-product-card{border:1px solid #d7e1ea;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(17,43,67,.035)}.ffds3230 .ffds-qty-product-card.is-open{border:2px solid var(--core-blue);box-shadow:0 0 0 2px rgba(8,127,215,.06)}.ffds3230 .ffds-qty-product-card>header{padding:0!important;display:flex!important;align-items:stretch!important}.ffds3230 .ffds-qty-accordion-toggle{flex:1;min-width:0;display:grid;grid-template-columns:24px 54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;background:#fff;text-align:left;color:#1d3852;cursor:pointer}.ffds3230 .ffds-accordion-chevron{font-size:20px;color:#607991;transform:rotate(-90deg);transition:.15s}.ffds3230 .is-open .ffds-accordion-chevron{transform:none}.ffds3230 .ffds-qty-product-image{width:50px;height:54px;border-radius:8px;background:#f4f7fa;display:grid;place-items:center;overflow:hidden}.ffds3230 .ffds-qty-product-image img{width:100%;height:100%;object-fit:contain}.ffds3230 .ffds-qty-product-copy{display:grid;gap:2px}.ffds3230 .ffds-qty-product-copy strong{font-size:13px;font-weight:900}.ffds3230 .ffds-qty-product-copy small{font-size:10px;color:#667b90}.ffds3230 .ffds-qty-header-total{font-size:12px;color:#425d76}.ffds3230 .ffds-qty-product-actions{display:flex!important;align-items:center!important;gap:5px!important;padding:10px 12px!important}.ffds3230 .ffds-qty-product-actions button{height:32px!important;padding:0 10px!important;border:1px solid #dbe4ec!important;border-radius:999px!important;background:#fff!important;color:#496178!important;font-size:9px!important;font-weight:800!important}.ffds3230 .ffds-qty-body{border-top:1px solid #e4ebf1;padding:15px}.ffds3230 .ffds-qty-body[hidden]{display:none!important}.ffds3230 .ffds-size-label{font-size:10px;font-weight:900;letter-spacing:.06em;color:#50657a;margin-bottom:12px}.ffds3230 .ffds-qty-size-row{padding:0!important}.ffds3230 .ffds-add-colour-row{width:100%;height:44px;margin-top:13px;border:1px dashed #82bdf0;border-radius:10px;background:#fbfdff;color:#0878d1;font-size:11px;font-weight:900}.ffds3230 .ffds-minimum-banner{margin:12px 0;padding:11px 13px;border-radius:11px;background:#fff0f0;color:#d93832;font-size:12px;font-weight:800}.ffds3230 .ffds-minimum-banner[hidden]{display:none!important}
/* richer artwork tool cards */
.ffds3230 .ffds-selected-artwork-tools{margin-top:22px;padding-top:20px;border-top:1px solid #e4ebf1}.ffds3230 .ffds-object-tools-head>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--core-blue)}.ffds3230 .ffds-object-tools-head strong{display:block;margin-top:5px;font-size:15px;color:#193852}.ffds3230 .ffds-object-tools-head p{margin:3px 0 12px;font-size:11px;color:#708397}.ffds3230 .ffds-artwork-toolbar{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.ffds3230 .ffds-artwork-toolbar .ffds-action{min-height:56px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:10px!important;border-radius:11px!important;font-size:11px!important}.ffds3230 .ffds-artwork-toolbar .ffds-action .ffds-i{width:20px;height:20px;color:var(--core-blue)}
@media(max-width:760px){
.ffds3230 .ffds-step.is-active[data-step="design"]{display:block!important}.ffds3230 .ffds-step[hidden]{display:none!important}
.ffds3230 .ffds-panel h2{font-size:24px!important}.ffds3230 .ffds-panel>p,.ffds3230 [data-object-panel-copy]{font-size:13px!important}
.ffds3230 .ffds-extra-views{display:flex;flex-direction:column;gap:7px}.ffds3230 .ffds-extra-views button{width:58px;min-height:50px;padding:4px;box-shadow:0 2px 10px rgba(18,44,70,.13)}.ffds3230 .ffds-extra-views .ffds-view-thumb{width:47px!important;height:35px!important}.ffds3230 .ffds-extra-views strong{font-size:7px}
.ffds3230 .ffds-object-float{bottom:72px!important;left:50%!important;top:auto!important;transform:translateX(-50%)!important;max-width:calc(100vw - 18px);overflow-x:auto}.ffds3230 .ffds-object-float button{min-width:48px}.ffds3230 .ffds-object-float span{display:block;font-size:7px;font-weight:800}.ffds3230 .ffds-object-metrics{grid-template-columns:1fr 1fr}.ffds3230 .ffds-align-row{grid-template-columns:repeat(5,1fr)}
.ffds3230 .ffds-modal{padding:10px;align-items:end}.ffds3230 .ffds-modal-card{width:100%;max-height:88svh;border-radius:20px 20px 8px 8px;padding:20px 16px}.ffds3230 .ffds-white-layout{grid-template-columns:1fr}.ffds3230 .ffds-white-preview{height:180px}.ffds3230 .ffds-modal-card h2{font-size:23px}.ffds3230 .ffds-modal-card>footer{position:sticky;bottom:-20px;background:#fff;padding:12px 0 4px}
.ffds3230 .ffds-toast{right:12px;bottom:72px;width:calc(100vw - 24px)}
.ffds3230 .ffds-qty-product-card>header{display:block!important}.ffds3230 .ffds-qty-accordion-toggle{width:100%;grid-template-columns:20px 48px minmax(0,1fr) auto}.ffds3230 .ffds-qty-product-actions{border-top:1px solid #edf1f4;justify-content:flex-end!important}.ffds3230 .ffds-qty-size{min-width:calc(50% - 5px)!important}
}
.ffds3230 .ffds-brand-325{display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:220px!important;text-decoration:none!important}.ffds3230 .ffds-brand-325 .ffds-configured-brand-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;border-radius:10px!important}.ffds3230 .ffds-brand-copy-3230{display:grid;line-height:1.05}.ffds3230 .ffds-brand-copy-3230 strong{font-size:17px;font-weight:950;letter-spacing:.03em;color:#123451}.ffds3230 .ffds-brand-copy-3230 small{margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.16em;color:#71869a}.ffds3230 .ffds-topbar-325{grid-template-columns:250px 1fr 340px!important}
@media(max-width:760px){.ffds3230 .ffds-brand-325{min-width:0!important;width:auto!important}.ffds3230 .ffds-brand-325 .ffds-configured-brand-logo{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}.ffds3230 .ffds-brand-copy-3230 strong{font-size:14px}.ffds3230 .ffds-brand-copy-3230 small{font-size:6px}.ffds3230 .ffds-topbar-325{grid-template-columns:1fr auto!important}}
.ffds3230 .ffds-quantity-workbench-3230{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(560px,1.25fr);gap:28px;align-items:start;margin-top:18px}.ffds3230 .ffds-quantity-preview-3230{position:sticky;top:88px}.ffds3230 .ffds-quantity-preview-card-3230{height:610px;border:1px solid #dce5ed;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(18,43,67,.06);display:grid;place-items:center;overflow:hidden}.ffds3230 .ffds-quantity-preview-card-3230 .ffds-stage{width:100%!important;height:100%!important}.ffds3230 .ffds-quantity-preview-card-3230 .ffds-view-label,.ffds3230 .ffds-quantity-preview-card-3230 .ffds-method-badge,.ffds3230 .ffds-quantity-preview-card-3230 .ffds-object-float{display:none!important}.ffds3230 .ffds-quantity-preview-3230>p{text-align:center;color:#6d8093;font-size:11px}.ffds3230 .ffds-quantity-controls-3230{min-width:0}.ffds3230 .ffds-delivery-date-card,.ffds3230 .ffds-quantity-summary-bar,.ffds3230 .ffds-quantity-footer,.ffds3230 .ffds-minimum-banner{margin-left:calc(40% + 14px)}
@media(max-width:1100px){.ffds3230 .ffds-quantity-workbench-3230{grid-template-columns:1fr}.ffds3230 .ffds-quantity-preview-3230{position:static}.ffds3230 .ffds-quantity-preview-card-3230{height:420px}.ffds3230 .ffds-delivery-date-card,.ffds3230 .ffds-quantity-summary-bar,.ffds3230 .ffds-quantity-footer,.ffds3230 .ffds-minimum-banner{margin-left:0}}
@media(max-width:760px){.ffds3230 .ffds-quantity-workbench-3230{display:block}.ffds3230 .ffds-quantity-preview-3230{margin-bottom:14px}.ffds3230 .ffds-quantity-preview-card-3230{height:310px}.ffds3230 .ffds-quantity-preview-3230>p{font-size:10px}.ffds3230 .ffds-delivery-date-card,.ffds3230 .ffds-quantity-summary-bar,.ffds3230 .ffds-quantity-footer,.ffds3230 .ffds-minimum-banner{margin-left:0}}
/* ======================================================================
v3.23.1 — Commercial Configuration & Designer UX Stabilisation
====================================================================== */
.ffds3231{--ffds-blue:#087fd7;--ffds-navy:#0e2c49;--ffds-soft:#f5f8fb;--ffds-line:#dce6ef;--ffds-text:#173650;--ffds-muted:#6e8296}.ffds3231.is-step-quantity,.ffds3231.is-step-review{padding-bottom:0!important}.ffds3231:not(.is-step-design) .ffds-bottom-3231{display:none!important}.ffds3231.is-step-review .ffds-mobile-dock,.ffds3231.is-step-quantity .ffds-mobile-dock{display:none!important}
/* Primary canvas configuration is intentionally centred and visible. */
.ffds3231 .ffds-canvas-wrap{padding-top:10px}.ffds3231 .ffds-canvas-toolbar{height:42px}.ffds3231 .ffds-canvas-config{display:flex;justify-content:center;align-items:stretch;gap:8px;margin:0 auto 10px;position:relative;z-index:18;max-width:850px}.ffds3231 .ffds-config-choice,.ffds3231 .ffds-config-method{height:54px;border:1px solid #d8e3ec;background:#fff;border-radius:13px;box-shadow:0 2px 8px rgba(17,44,70,.04);display:flex;align-items:center;gap:9px}.ffds3231 .ffds-config-choice{min-width:210px;padding:7px 12px;color:var(--ffds-text);cursor:pointer;text-align:left}.ffds3231 .ffds-config-product{min-width:265px}.ffds3231 .ffds-config-choice>span:not(.ffds-config-icon){min-width:0;flex:1}.ffds3231 .ffds-config-choice small,.ffds3231 .ffds-config-method small{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;color:#8797a7}.ffds3231 .ffds-config-choice strong,.ffds3231 .ffds-config-method strong{display:block;margin-top:2px;font-size:12px;font-weight:900;color:#193a56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ffds3231 .ffds-config-choice em{font-style:normal;color:#7890a5}.ffds3231 .ffds-config-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef7fe;color:#0878d1}.ffds3231 .ffds-config-icon .ffds-i{width:19px;height:19px}.ffds3231 .ffds-config-swatch{width:28px;height:28px;border-radius:9px;background:var(--swatch,#64748b);border:2px solid #fff;box-shadow:0 0 0 1px #cdd9e4;flex:none}.ffds3231 .ffds-config-method{min-width:280px;padding:5px 6px 5px 12px;justify-content:space-between}.ffds3231 .ffds-config-method>span{min-width:82px}.ffds3231 .ffds-methods-config{margin:0!important;background:#eff4f8!important;border-radius:9px!important;padding:3px!important;display:flex!important}.ffds3231 .ffds-methods-config button{height:36px!important;padding:0 11px!important;font-size:10px!important;border-radius:7px!important}.ffds3231 .ffds-canvas-card{height:calc(100vh - 254px);min-height:500px}
/* Product views are exactly those supplied by Product Renderer Studio. */
.ffds3231 .ffds-extra-views{display:flex;flex-direction:column;gap:10px}.ffds3231 .ffds-extra-views[hidden]{display:none!important}.ffds3231 .ffds-extra-views button{border:1px solid var(--ffds-line);background:#fff;border-radius:12px;padding:8px;min-height:92px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#52657a}.ffds3231 .ffds-extra-views button.is-selected{border-color:var(--ffds-blue);box-shadow:0 0 0 2px rgba(8,127,215,.12);color:var(--ffds-blue)}.ffds3231 .ffds-extra-views img{width:60px;height:54px;object-fit:contain}.ffds3231 .ffds-extra-views strong{font-size:9px}.ffds3231 .ffds-views{overflow:auto}
/* Text is now a true selectable design object rather than display-only copy. */
.ffds3231 .ffds-group-text,.ffds3231 .ffds-year,.ffds3231 .ffds-personalisation{pointer-events:auto!important;cursor:move;touch-action:none;min-width:30px;min-height:18px}.ffds3231 .ffds-group-text:hover,.ffds3231 .ffds-year:hover,.ffds3231 .ffds-personalisation:hover{outline:1px dashed var(--ffds-blue);outline-offset:3px}.ffds3231 .ffds-selected-text-tools{margin-top:17px;padding-top:16px;border-top:1px solid #e4ebf1}.ffds3231 .ffds-selected-text-tools[hidden]{display:none!important}.ffds3231 .ffds-text-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffds3231 .ffds-text-style-grid>label>span{display:block;font-size:10px;font-weight:850;margin-bottom:5px;color:#40566c}.ffds3231 .ffds-text-style-grid select{width:100%;height:38px;border:1px solid #dbe4ec;border-radius:8px;background:#fff;padding:0 8px;font-size:11px}.ffds3231 .ffds-text-colour-row{display:grid;grid-template-columns:40px 1fr;border:1px solid #dbe4ec;border-radius:8px;overflow:hidden;height:38px}.ffds3231 .ffds-text-colour-row input[type=color]{width:40px;height:38px;border:0;padding:3px;background:#fff}.ffds3231 .ffds-text-colour-row input[type=text]{min-width:0;border:0!important;border-left:1px solid #e2e9ef!important;border-radius:0!important;height:38px;padding:0 7px;font-size:10px}.ffds3231 .ffds-text-align-control{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.ffds3231 .ffds-text-align-control button{height:34px;border:1px solid #dce5ed;border-radius:8px;background:#fff;font-size:9px;font-weight:800;color:#526a80}.ffds3231 .ffds-text-align-control button.is-active{border-color:var(--ffds-blue);background:#eef8ff;color:var(--ffds-blue)}.ffds3231 .ffds-text-quick-swatches{display:flex;gap:8px}.ffds3231 .ffds-text-quick-swatches button{width:28px;height:28px;border-radius:7px;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #d0dae3}.ffds3231 .ffds-object-tools-head{margin-bottom:10px}.ffds3231 .ffds-object-tools-head>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--ffds-blue)}.ffds3231 .ffds-object-tools-head strong{display:block;font-size:15px;margin-top:3px}.ffds3231 .ffds-object-tools-head p{font-size:10px;color:#788b9e;margin:3px 0 0}
/* Artwork controls: clear hierarchy; floating quick tools remain on-canvas. */
.ffds3231 .ffds-object-float{border:1px solid #d9e4ed!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(17,45,70,.16)!important;padding:4px!important;gap:2px!important}.ffds3231 .ffds-object-float button{width:38px!important;height:36px!important;border-radius:8px!important}.ffds3231 .ffds-object-float button:hover{background:#eef7fe!important;color:var(--ffds-blue)!important}.ffds3231 .ffds-selected-artwork-tools{margin-top:16px;padding-top:16px;border-top:1px solid #e4ebf1}.ffds3231 .ffds-selected-artwork-tools[hidden]{display:none!important}.ffds3231 .ffds-artwork-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.ffds3231 .ffds-artwork-toolbar .ffds-action{margin:0!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;padding:9px 10px!important}.ffds3231 .ffds-artwork-toolbar .ffds-i{width:18px;height:18px}
/* Personalisation only exposes real renderer positions. */
.ffds3231 .ffds-personalisation-positions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ffds3231 .ffds-personalisation-positions label{min-width:0}.ffds3231 .ffds-personalisation-positions span{height:42px!important;display:flex!important;align-items:center!important;padding:7px 9px!important;line-height:1.25!important}.ffds3231 .ffds-personalisation-note{margin-top:8px;padding:9px 10px;border-radius:9px;background:#f3f7fa;color:#718599;font-size:9px}
/* Autosave has one clear meaning; the dead Save action is removed. */
.ffds3231 .ffds-save-pill{cursor:default!important}.ffds3231 .ffds-save-pill:hover{background:#fff!important}
/* Design-only bottom navigation. Product, colour and decoration live above the canvas. */
.ffds3231 .ffds-bottom-3231{grid-template-columns:minmax(220px,.7fr) auto minmax(260px,.8fr)!important;padding:8px 14px!important;min-height:68px!important}.ffds3231 .ffds-bottom-message{display:flex;flex-direction:column;justify-content:center}.ffds3231 .ffds-bottom-message strong{font-size:11px;color:#24415c}.ffds3231 .ffds-bottom-message span{font-size:9px;color:#7c8ea0;margin-top:2px}.ffds3231 .ffds-bottom-3231 .ffds-bottom-centre{justify-content:center!important}.ffds3231 .ffds-bottom-3231 .ffds-bottom-action{height:40px!important}.ffds3231 .ffds-bottom-3231 .ffds-next{justify-self:end;min-width:280px!important;height:48px!important}.ffds3231 .ffds-bottom-3231 .ffds-product-chip,.ffds3231 .ffds-bottom-colours{display:none!important}
/* Step 2: product cards are a visible size workbench, not nested accordions. */
.ffds3231 .ffds-quantity-workbench-3230{grid-template-columns:minmax(300px,.72fr) minmax(600px,1.45fr)!important;gap:22px!important}.ffds3231 .ffds-quantity-preview-3230{top:88px}.ffds3231 .ffds-quantity-preview-card-3230{height:460px!important}.ffds3231 .ffds-quantity-preview-3230>p{font-size:10px!important}.ffds3231 .ffds-qty-product-card-3231{border:1px solid #dbe5ed!important;border-radius:15px!important;box-shadow:0 2px 10px rgba(15,43,68,.04)!important;overflow:hidden;background:#fff}.ffds3231 .ffds-qty-product-card-3231.is-current{border-color:#9bccef!important;box-shadow:0 0 0 2px rgba(8,127,215,.07)!important}.ffds3231 .ffds-qty-product-card-3231>header{display:flex!important;align-items:stretch!important;padding:0!important;border-bottom:1px solid #e7edf2}.ffds3231 .ffds-qty-product-main-3231{flex:1;display:grid;grid-template-columns:66px minmax(0,1fr);gap:11px;align-items:center;border:0;background:#fff;text-align:left;padding:11px 14px;cursor:pointer;color:#173650}.ffds3231 .ffds-qty-product-main-3231:hover{background:#f8fbfd}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-image{width:62px!important;height:68px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-copy strong{font-size:14px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-product-index{font-size:8px!important;color:#7a8ea1;font-weight:900;letter-spacing:.08em}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions{flex-wrap:wrap!important;justify-content:flex-end!important;max-width:310px}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions>strong{width:100%;text-align:right;color:#31516e;font-size:11px}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-body{display:block!important;padding:16px!important;background:#fbfcfd}.ffds3231 .ffds-qty-size-row{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:10px!important}.ffds3231 .ffds-qty-size{min-width:0!important;width:auto!important}.ffds3231 .ffds-add-colour-row{height:42px!important;background:#fff!important}.ffds3231 .ffds-delivery-date-card,.ffds3231 .ffds-quantity-summary-bar,.ffds3231 .ffds-quantity-footer,.ffds3231 .ffds-minimum-banner{margin-left:calc(32% + 12px)!important}
/* Custom scheduling selector — no browser-native calendar UI. */
.ffds3231 .ffds-delivery-date-card-3231{position:relative;grid-template-columns:minmax(230px,.85fr) minmax(520px,1.5fr)!important;align-items:center!important;padding:15px!important}.ffds3231 .ffds-date-mode-options{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice{position:relative;min-width:0!important;height:58px!important;padding:8px 28px 8px 10px!important;border:1px solid #d7e2eb!important;border-radius:11px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;color:#38546e!important;cursor:pointer}.ffds3231 .ffds-date-mode-options .ffds-date-choice span{font-size:10px;font-weight:900}.ffds3231 .ffds-date-mode-options .ffds-date-choice small{font-size:8px;color:#8697a7;margin-top:2px}.ffds3231 .ffds-date-mode-options .ffds-date-choice b{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--ffds-blue);color:#fff;text-align:center;line-height:18px;font-size:10px}.ffds3231 .ffds-date-mode-options .ffds-date-choice.is-selected{border:2px solid var(--ffds-blue)!important;background:#eef8ff!important;padding:7px 27px 7px 9px!important;color:#075f9e!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice.is-selected b{display:block}.ffds3231 .ffds-calendar-popover{position:absolute;right:15px;top:84px;width:350px;background:#fff;border:1px solid #d7e2eb;border-radius:15px;box-shadow:0 18px 45px rgba(15,38,62,.18);padding:13px;z-index:80}.ffds3231 .ffds-calendar-popover[hidden]{display:none!important}.ffds3231 .ffds-calendar-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:10px}.ffds3231 .ffds-calendar-head strong{text-align:center;font-size:12px;color:#23435f}.ffds3231 .ffds-calendar-head button{height:32px;border:1px solid #e0e7ee;border-radius:8px;background:#fff;font-size:18px;color:#526b82}.ffds3231 .ffds-calendar-week,.ffds3231 .ffds-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.ffds3231 .ffds-calendar-week span{text-align:center;font-size:8px;font-weight:900;color:#8a99a7;padding:4px 0}.ffds3231 .ffds-calendar-grid button{aspect-ratio:1;border:0;border-radius:8px;background:#fff;font-size:9px;color:#31506b}.ffds3231 .ffds-calendar-grid button:hover:not(:disabled){background:#eaf6ff;color:#0878d1}.ffds3231 .ffds-calendar-grid button.is-outside{color:#bac4ce}.ffds3231 .ffds-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px #8fc7ed}.ffds3231 .ffds-calendar-grid button.is-selected{background:var(--ffds-blue)!important;color:#fff!important;font-weight:900}.ffds3231 .ffds-calendar-grid button:disabled{color:#d4dbe1;background:#fafbfc}.ffds3231 .ffds-calendar-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f4;margin-top:9px;padding-top:9px}.ffds3231 .ffds-calendar-foot button{border:0;background:none;color:#0878d1;font-size:9px;font-weight:850}.ffds3231 .ffds-calendar-foot span{font-size:9px;color:#6d8295}
/* Embroidery guidance stays inside the designer so artwork state cannot be lost by navigation. */
.ffds3231 .ffds-guidelines-button{width:100%;text-align:left;border:0;background:none;cursor:pointer}.ffds3231 .ffds-guidelines-button span{float:right}.ffds3231 .ffds-emb-guidelines-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 2px}.ffds3231 .ffds-emb-guidelines-inline[hidden]{display:none!important}.ffds3231 .ffds-emb-guidelines-inline>div{border:1px solid #dce5ed;border-radius:10px;padding:10px;background:#f8fafc}.ffds3231 .ffds-emb-guidelines-inline strong{font-size:10px;color:#24435e}.ffds3231 .ffds-emb-guidelines-inline p{font-size:8px;line-height:1.45;color:#708398;margin:3px 0 0}
/* Review is a normal page: no designer footer can cover the submit action. */
.ffds3231.is-step-review .ffds-review-shell-326{padding-bottom:42px!important}.ffds3231 .ffds-review-grid-326{align-items:start!important}.ffds3231 .ffds-review-products-326{position:sticky;top:86px}.ffds3231 .ffds-review-card{border-radius:15px!important;box-shadow:0 3px 14px rgba(17,43,67,.04)!important}.ffds3231 .ffds-review-actions{position:static!important;display:grid!important;grid-template-columns:150px 1fr!important;gap:10px!important;background:transparent!important;padding:8px 0 0!important}.ffds3231 .ffds-submit-btn{height:54px!important;font-size:13px!important;box-shadow:0 6px 18px rgba(8,127,215,.22)!important}.ffds3231 .ffds-check{font-size:10px!important;line-height:1.45!important}
/* Last rule intentionally wins over inherited legacy selectors. */
.ffds3231 [hidden]{display:none!important}
@media(max-width:1350px){.ffds3231 .ffds-canvas-config{max-width:760px}.ffds3231 .ffds-config-product{min-width:220px}.ffds3231 .ffds-config-choice{min-width:180px}.ffds3231 .ffds-config-method{min-width:250px}.ffds3231 .ffds-quantity-workbench-3230{grid-template-columns:1fr!important}.ffds3231 .ffds-quantity-preview-3230{position:static!important}.ffds3231 .ffds-quantity-preview-card-3230{height:360px!important}.ffds3231 .ffds-delivery-date-card,.ffds3231 .ffds-quantity-summary-bar,.ffds3231 .ffds-quantity-footer,.ffds3231 .ffds-minimum-banner{margin-left:0!important}}
@media(max-width:900px){.ffds3231 .ffds-canvas-config{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.ffds3231 .ffds-config-choice,.ffds3231 .ffds-config-method{flex:none}.ffds3231 .ffds-bottom-message{display:none}.ffds3231 .ffds-bottom-3231{grid-template-columns:1fr auto!important}.ffds3231 .ffds-bottom-3231 .ffds-bottom-centre{justify-content:flex-start!important}.ffds3231 .ffds-bottom-3231 .ffds-next{min-width:230px!important}.ffds3231 .ffds-delivery-date-card-3231{grid-template-columns:1fr!important}.ffds3231 .ffds-calendar-popover{top:145px}.ffds3231 .ffds-emb-guidelines-inline{grid-template-columns:1fr}}
@media(max-width:760px){.ffds3231 .ffds-canvas-config{margin:0 -2px 8px}.ffds3231 .ffds-config-choice{min-width:170px;height:49px}.ffds3231 .ffds-config-product{min-width:210px}.ffds3231 .ffds-config-method{min-width:240px;height:49px}.ffds3231 .ffds-canvas-card{height:calc(100svh - 238px)!important;min-height:390px!important}.ffds3231 .ffds-personalisation-positions{grid-template-columns:1fr}.ffds3231 .ffds-text-style-grid{grid-template-columns:1fr}.ffds3231 .ffds-qty-size-row{grid-template-columns:repeat(2,minmax(110px,1fr))!important}.ffds3231 .ffds-qty-product-card-3231>header{display:block!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions{max-width:none!important;justify-content:flex-start!important;padding:0 12px 10px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions>strong{width:auto;text-align:left;margin-right:auto}.ffds3231 .ffds-date-mode-options{grid-template-columns:1fr!important}.ffds3231 .ffds-calendar-popover{position:relative;right:auto;top:auto;width:100%;margin-top:8px}.ffds3231 .ffds-review-products-326{position:static}.ffds3231 .ffds-review-actions{grid-template-columns:1fr!important}.ffds3231 .ffds-bottom-3231{display:none!important}}
/* v3.23.2 readability, upload, quantity accordion and modal polish */
.ffds3231 .ffds-topbar{height:76px!important}
.ffds3231 .ffds-brand strong{font-size:17px!important}.ffds3231 .ffds-brand small{font-size:10px!important}
.ffds3231 .ffds-progress button{font-size:14px!important;gap:10px!important}.ffds3231 .ffds-progress button b{width:32px!important;height:32px!important}
.ffds3231 .ffds-panel-kicker,.ffds3231 .ffds-simple-head span,.ffds3231 .ffds-review-details>span{font-size:10px!important}
.ffds3231 .ffds-panel h2{font-size:27px!important}.ffds3231 .ffds-panel>p{font-size:14px!important;line-height:1.55!important}
.ffds3231 .ffds-field>span{font-size:12px!important}.ffds3231 .ffds-field input,.ffds3231 .ffds-field textarea,.ffds3231 .ffds-field select{font-size:14px!important;padding:11px 12px!important}.ffds3231 .ffds-field small{font-size:11px!important}
.ffds3231 .ffds-config-choice strong,.ffds3231 .ffds-config-method strong{font-size:18px!important}.ffds3231 .ffds-config-choice small,.ffds3231 .ffds-config-method small{font-size:10px!important}
.ffds3231 .ffds-upload-zone{gap:8px!important;min-height:196px!important}.ffds3231 .ffds-upload-zone .big{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;border-radius:18px!important;background:#eef7ff!important;color:#0878d1!important;border:1px solid #cfe2f4!important}.ffds3231 .ffds-upload-zone .big svg{width:30px!important;height:30px!important}.ffds3231 .ffds-upload-zone strong{font-size:18px!important}.ffds3231 .ffds-upload-zone small{font-size:12px!important}
.ffds3231 .ffds-action,.ffds3231 .ffds-quiet,.ffds3231 .ffds-canvas-toolbar button{font-size:12px!important}.ffds3231 .ffds-action{padding:11px 12px!important}
.ffds3231 .ffds-object-metrics label span,.ffds3231 .ffds-range-field span,.ffds3231 .ffds-help{font-size:12px!important}.ffds3231 .ffds-object-panel-title,.ffds3231 .ffds-object-tools-head strong{font-size:17px!important}
.ffds3231 .ffds-align-row{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin:12px 0 10px!important}.ffds3231 .ffds-align-row button{height:38px!important;border:1px solid #d8e2eb!important;border-radius:10px!important;background:#fff!important}.ffds3231 .ffds-align-row button svg{width:18px!important;height:18px!important}.ffds3231 .ffds-text-align-control button{font-size:11px!important}
.ffds3231 .ffds-quantity-head-3230 h1{font-size:28px!important}.ffds3231 .ffds-quantity-head-3230 p{font-size:14px!important}
.ffds3231 .ffds-qty-product-card-3231>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions{display:flex!important;align-items:center!important;gap:8px!important;max-width:none!important;padding:12px!important;border-left:1px solid #e7edf2!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions>strong{width:auto!important;margin-right:6px!important;font-size:12px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-main-3231{padding:14px 16px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-copy strong{font-size:16px!important;line-height:1.25!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-copy small{font-size:12px!important}.ffds3231 .ffds-qty-accordion-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cfe0ee!important;border-radius:12px!important;background:#f8fbfd!important;color:#163a59!important;font-size:24px!important;font-weight:800!important;line-height:1!important;padding:0!important}.ffds3231 .ffds-qty-body{padding:18px 16px 16px!important}.ffds3231 .ffds-qty-size-row{grid-template-columns:repeat(3,minmax(110px,1fr))!important;gap:12px!important}.ffds3231 .ffds-size-label{font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;margin-bottom:10px!important}.ffds3231 .ffds-qty-size strong{font-size:13px!important}.ffds3231 .ffds-qty-size input{font-size:16px!important;font-weight:800!important}.ffds3231 .ffds-qty-size button{font-size:18px!important}.ffds3231 .ffds-add-colour-row{margin-top:14px!important;font-size:13px!important;font-weight:800!important}.ffds3231 .ffds-qty-product-card-3231.is-collapsed .ffds-qty-body{display:none!important}
.ffds3231 .ffds-delivery-date-card-3231{grid-template-columns:minmax(210px,.85fr) minmax(560px,1.5fr)!important}.ffds3231 .ffds-date-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice{height:64px!important;padding:10px 30px 10px 12px!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice span{font-size:12px!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice small{font-size:10px!important;line-height:1.35!important}
.ffds3231 .ffds-review-head-326 h1{font-size:28px!important}.ffds3231 .ffds-review-head-326 p{font-size:14px!important}.ffds3231 .ffds-review-card-head strong,.ffds3231 .ffds-overview-stats strong{font-size:15px!important}.ffds3231 .ffds-overview-stats span,.ffds3231 .ffds-review-breakdown,.ffds3231 .ffds-review-meta,.ffds3231 .ffds-check{font-size:12px!important}.ffds3231 .ffds-review-actions{align-items:center!important}.ffds3231 .ffds-back-btn,.ffds3231 .ffds-submit-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.ffds3231 .ffds-back-btn{height:54px!important;font-size:14px!important}
.ffds3231 .ffds-emb-modal{max-width:760px!important}.ffds3231 .ffds-emb-modal header{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:start!important;gap:16px!important}.ffds3231 .ffds-thread-icon{width:52px!important;height:52px!important;border-radius:16px!important;background:#eef7ff!important;color:#0878d1!important;display:grid!important;place-items:center!important;font-size:26px!important;font-weight:900!important}.ffds3231 .ffds-emb-modal h2{font-size:33px!important;line-height:1.05!important;margin:0}.ffds3231 .ffds-emb-modal p{font-size:14px!important;line-height:1.55!important;color:#61758a!important}.ffds3231 .ffds-emb-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 16px!important;padding:0!important;margin:16px 0!important;list-style:none!important}.ffds3231 .ffds-emb-list li{position:relative;padding-left:28px;font-size:14px;line-height:1.45;color:#223d57}.ffds3231 .ffds-emb-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:#e8f8ef;color:#1f8a4c}.ffds3231 .ffds-emb-list li.bad:before{content:'!';background:#fff1f1;color:#c73535}.ffds3231 .ffds-guidelines-button{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;border:1px solid #d9e5ef!important;border-radius:12px!important;background:#f9fbfd!important;color:#0b6fc0!important;font-size:15px!important;font-weight:800!important}.ffds3231 .ffds-guidelines-button strong{display:block!important;color:#18344f!important;font-size:13px!important}.ffds3231 .ffds-guidelines-button span{float:none!important;font-size:24px!important;line-height:1!important}.ffds3231 .ffds-emb-guidelines-inline{gap:12px!important;margin-top:14px!important}.ffds3231 .ffds-emb-guidelines-inline>div{padding:14px!important}.ffds3231 .ffds-emb-guidelines-inline strong{font-size:13px!important}.ffds3231 .ffds-emb-guidelines-inline p{font-size:11px!important;line-height:1.5!important}.ffds3231 .ffds-emb-modal footer{display:grid!important;grid-template-columns:1fr 220px!important;gap:12px!important;margin-top:18px!important}.ffds3231 .ffds-emb-modal footer .ffds-primary,.ffds3231 .ffds-emb-modal footer .ffds-secondary{height:54px!important;font-size:15px!important;font-weight:800!important}
@media(max-width:980px){.ffds3231 .ffds-emb-list{grid-template-columns:1fr!important}.ffds3231 .ffds-emb-modal footer{grid-template-columns:1fr!important}.ffds3231 .ffds-qty-product-card-3231>header{grid-template-columns:1fr!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-actions{border-left:0!important;border-top:1px solid #e7edf2!important;flex-wrap:wrap!important;justify-content:flex-start!important}.ffds3231 .ffds-delivery-date-card-3231{grid-template-columns:1fr!important}}
@media(max-width:760px){.ffds3231 .ffds-qty-size-row{grid-template-columns:repeat(2,minmax(110px,1fr))!important}.ffds3231 .ffds-upload-zone strong{font-size:16px!important}.ffds3231 .ffds-panel h2{font-size:23px!important}.ffds3231 .ffds-progress button{font-size:12px!important}}
/* v3.23.2 final UX pass: clearer type, non-redundant text controls, balanced scheduling and action alignment */
.ffds3231{font-size:14px!important;color:#16344f!important}
.ffds3231 button,.ffds3231 input,.ffds3231 select,.ffds3231 textarea{font-size:13px}
.ffds3231 .ffds-tools small{font-size:12px!important;font-weight:800!important;line-height:1.15!important}
.ffds3231 .ffds-views>button strong{font-size:11px!important;font-weight:850!important}
.ffds3231 .ffds-quiet{font-size:12px!important;font-weight:750!important}
.ffds3231 .ffds-canvas-toolbar button{font-size:12px!important;font-weight:750!important}
.ffds3231 .ffds-config-choice strong,.ffds3231 .ffds-config-method strong{font-size:15px!important;font-weight:850!important}
.ffds3231 .ffds-config-choice small,.ffds3231 .ffds-config-method small{font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important}
.ffds3231 .ffds-panel{padding-top:24px!important}
.ffds3231 .ffds-panel h2{font-size:29px!important;font-weight:850!important;letter-spacing:-.025em!important}
.ffds3231 .ffds-panel>p{font-size:15px!important;line-height:1.5!important;color:#61778c!important}
.ffds3231 .ffds-panel-kicker{font-size:10px!important;font-weight:900!important}
.ffds3231 .ffds-field>span,.ffds3231 .ffds-text-style-grid>label>span,.ffds3231 .ffds-text-align-wrap>span{font-size:12px!important;font-weight:850!important;color:#25445f!important}
.ffds3231 .ffds-field input,.ffds3231 .ffds-field textarea,.ffds3231 .ffds-field select,.ffds3231 .ffds-text-style-grid select,.ffds3231 .ffds-text-colour-row input[type=text]{font-size:14px!important;font-weight:600!important}
.ffds3231 .ffds-action{font-size:13px!important;font-weight:800!important}
.ffds3231 .ffds-inline-actions button{font-size:12px!important;font-weight:800!important}
.ffds3231 .ffds-help{font-size:12px!important;line-height:1.5!important}
.ffds3231 .ffds-object-tools-head span{font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important}.ffds3231 .ffds-object-tools-head strong{font-size:18px!important}.ffds3231 .ffds-object-tools-head p{font-size:12px!important;line-height:1.45!important}
/* The five positioning icons are artwork-only. Text alignment has its own explicit control below. */
.ffds3231 .ffds-align-row[hidden]{display:none!important}
.ffds3231 .ffds-text-align-wrap{margin-top:14px}
.ffds3231 .ffds-text-align-wrap>span{display:block;margin-bottom:7px}
.ffds3231 .ffds-text-align-control{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.ffds3231 .ffds-text-align-control button{height:42px!important;border:1px solid #d5e1eb!important;border-radius:10px!important;background:#fff!important;color:#34516b!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:12px!important;font-weight:800!important}
.ffds3231 .ffds-text-align-control button .ffds-i{width:16px!important;height:16px!important}
.ffds3231 .ffds-text-align-control button.is-active{border-color:#1687e0!important;background:#eef8ff!important;color:#086fbf!important;box-shadow:inset 0 0 0 1px #1687e0!important}
/* Artwork upload is a visual image action, not a generic upward arrow. */
.ffds3231 .ffds-upload-zone .big{width:64px!important;height:64px!important;border-radius:16px!important;background:#f0f8ff!important;border:1px solid #cde3f4!important}
.ffds3231 .ffds-upload-zone .big .ffds-i{width:32px!important;height:32px!important;stroke-width:1.75!important}
.ffds3231 .ffds-upload-zone strong{font-size:17px!important;font-weight:850!important}
.ffds3231 .ffds-upload-zone small{font-size:12px!important}
/* Embroidery decision dialog: denser information hierarchy without looking like a warning wall. */
.ffds3231 .ffds-emb-modal{max-width:720px!important;padding:24px!important}
.ffds3231 .ffds-emb-modal header{grid-template-columns:48px minmax(0,1fr) 38px!important;gap:14px!important}
.ffds3231 .ffds-thread-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#edf7ff!important;color:#0878d1!important}
.ffds3231 .ffds-thread-icon .ffds-i{width:26px!important;height:26px!important}
.ffds3231 .ffds-modal-kicker{display:block;color:#0878d1;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.ffds3231 .ffds-emb-modal h2{font-size:29px!important;line-height:1.08!important;letter-spacing:-.025em!important}
.ffds3231 .ffds-emb-modal header p{font-size:14px!important;line-height:1.5!important;margin:7px 0 0!important}
.ffds3231 .ffds-emb-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}
.ffds3231 .ffds-emb-summary article{border:1px solid #dce7ef;border-radius:12px;padding:14px 15px;background:#fbfcfd}
.ffds3231 .ffds-emb-summary article.is-good{background:#f3fbf6;border-color:#cbe9d6}.ffds3231 .ffds-emb-summary article.is-review{background:#fff9f1;border-color:#f2dfbf}
.ffds3231 .ffds-emb-summary strong{display:block;font-size:13px;font-weight:850;color:#183a56;margin-bottom:5px}.ffds3231 .ffds-emb-summary p{font-size:12px!important;line-height:1.45!important;margin:0!important;color:#61768a!important}
.ffds3231 .ffds-guidelines-button{width:100%!important;text-align:left!important;color:#163a59!important;background:#f8fbfd!important}.ffds3231 .ffds-guidelines-button small{display:block;font-size:11px;font-weight:600;color:#6c8194;margin-top:2px}.ffds3231 .ffds-guidelines-button [data-guidelines-symbol]{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e9f5ff;color:#0878d1;font-size:22px!important;font-weight:700!important}
.ffds3231 .ffds-emb-guidelines-inline{grid-template-columns:repeat(3,1fr)!important}.ffds3231 .ffds-emb-guidelines-inline>div{background:#fff!important;border:1px solid #e0e8ef!important;border-radius:11px!important}.ffds3231 .ffds-emb-guidelines-inline p{font-size:11px!important}
.ffds3231 .ffds-emb-note{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:10px;background:#eef8ff;color:#315672;font-size:11px}.ffds3231 .ffds-emb-note strong{color:#0c6cab}.ffds3231 .ffds-emb-modal footer{grid-template-columns:1fr 190px!important}.ffds3231 .ffds-emb-modal footer button{font-size:14px!important}
/* Quantity page: one smart accordion open at a time. */
.ffds3231 .ffds-quantity-head-3230 h1,.ffds3231 .ffds-quantity-head-326 h1{font-size:31px!important;font-weight:850!important;letter-spacing:-.025em!important}
.ffds3231 .ffds-quantity-head-3230 p,.ffds3231 .ffds-quantity-head-326 p{font-size:14px!important;color:#657a8d!important}
.ffds3231 .ffds-qty-product-card-3231{margin-bottom:10px!important}
.ffds3231 .ffds-qty-product-main-3231{min-height:82px!important}
.ffds3231 .ffds-qty-product-card-3231 .ffds-product-index{font-size:9px!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-copy strong{font-size:16px!important;font-weight:850!important}.ffds3231 .ffds-qty-product-card-3231 .ffds-qty-product-copy small{font-size:11px!important}
.ffds3231 .ffds-qty-product-actions button:not(.ffds-qty-accordion-toggle){font-size:11px!important;font-weight:750!important;height:34px!important}
.ffds3231 .ffds-qty-accordion-toggle{margin-left:2px!important;width:38px!important;height:38px!important;border-radius:10px!important}.ffds3231 .ffds-qty-accordion-toggle span{font-size:22px!important;line-height:1!important}
.ffds3231 .ffds-qty-product-card-3231.is-open{border-color:#83bee9!important;box-shadow:0 0 0 2px rgba(11,126,215,.07),0 4px 14px rgba(17,43,67,.05)!important}
/* Fix the Step 2 schedule row clipping seen at desktop widths. */
.ffds3231 .ffds-delivery-date-card-3231{box-sizing:border-box!important;width:calc(100% - (32% + 12px))!important;max-width:none!important;grid-template-columns:minmax(205px,.72fr) minmax(0,1.55fr)!important;gap:14px!important;overflow:visible!important}
.ffds3231 .ffds-delivery-actions{min-width:0!important;width:100%!important}.ffds3231 .ffds-date-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice{width:100%!important;min-width:0!important;box-sizing:border-box!important;height:66px!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice span{font-size:11px!important}.ffds3231 .ffds-date-mode-options .ffds-date-choice small{font-size:9px!important}
.ffds3231 .ffds-quantity-summary-bar span{font-size:10px!important}.ffds3231 .ffds-quantity-summary-bar strong{font-size:15px!important}.ffds3231 .ffds-quantity-footer button{font-size:14px!important;font-weight:850!important}
/* Review: keep Back and primary submit visually in one baseline. */
.ffds3231 .ffds-review-actions{grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
.ffds3231 .ffds-review-actions .ffds-back-btn,.ffds3231 .ffds-review-actions .ffds-submit-btn{height:54px!important;min-height:54px!important;margin:0!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important;box-sizing:border-box!important}
.ffds3231 .ffds-review-actions .ffds-back-btn .ffds-i,.ffds3231 .ffds-review-actions .ffds-submit-btn .ffds-i{position:static!important;display:block!important;flex:0 0 auto!important;width:16px!important;height:16px!important;margin:0!important;transform:none!important}
.ffds3231 .ffds-review-actions .ffds-back-btn{font-size:13px!important}.ffds3231 .ffds-review-actions .ffds-submit-btn{font-size:14px!important}
.ffds3231 .ffds-review-card-head strong{font-size:16px!important}.ffds3231 .ffds-review-details-326 .ffds-field>span{font-size:12px!important}.ffds3231 .ffds-review-details-326 .ffds-field input,.ffds3231 .ffds-review-details-326 .ffds-field textarea{font-size:14px!important}.ffds3231 .ffds-check{font-size:11px!important;line-height:1.45!important}
@media(max-width:1350px){.ffds3231 .ffds-delivery-date-card-3231{width:100%!important;grid-template-columns:minmax(210px,.75fr) minmax(0,1.45fr)!important}}
@media(max-width:980px){.ffds3231 .ffds-emb-summary{grid-template-columns:1fr}.ffds3231 .ffds-emb-guidelines-inline{grid-template-columns:1fr!important}.ffds3231 .ffds-delivery-date-card-3231{grid-template-columns:1fr!important}.ffds3231 .ffds-date-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.ffds3231 .ffds-date-mode-options{grid-template-columns:1fr!important}.ffds3231 .ffds-review-actions{grid-template-columns:1fr!important}.ffds3231 .ffds-emb-modal{padding:18px!important}.ffds3231 .ffds-emb-modal h2{font-size:24px!important}.ffds3231 .ffds-emb-modal footer{grid-template-columns:1fr!important}}
/* =====================================================================
v3.23.3 — Product mockup fidelity, polished accordions & mobile-first UX
===================================================================== */
.ffds3233{--ff3233-touch:44px;--ff3233-radius:14px;--ff3233-shadow:0 5px 18px rgba(16,43,69,.07)}
/* Keep artwork/text coordinates on one stable square coordinate plane. This
prevents object positions drifting when the viewport becomes tall/narrow. */
.ffds3233 .ffds-stage{width:min(76%,700px)!important;height:auto!important;aspect-ratio:1/1!important;max-height:82%!important;flex:none!important}
.ffds3233 .ffds-stage>img[data-ffgw-garment-image]{width:100%!important;height:100%!important;object-fit:contain!important}
.ffds3233 .ffds-static-preview-stage{width:min(94%,560px)!important;height:auto!important;aspect-ratio:1/1!important;max-height:94%!important;margin:auto!important;overflow:hidden!important;pointer-events:none!important}
.ffds3233 .ffds-static-preview-stage .ffds-object:hover{outline:0!important}
.ffds3233 .ffds-group-text,.ffds3233 .ffds-year,.ffds3233 .ffds-personalisation{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.ffds3233 .ffds-group-text,.ffds3233 .ffds-year{white-space:pre-wrap!important}
/* Step 2 preview: contain the exact same square renderer used by Design. */
.ffds3233 .ffds-quantity-preview-card-3230{height:auto!important;aspect-ratio:1/1!important;min-height:0!important;padding:12px!important;box-sizing:border-box!important;background:#fff!important}
.ffds3233 .ffds-quantity-preview-card-3230>.ffds-stage{width:min(100%,560px)!important;max-height:100%!important}
.ffds3233 .ffds-review-stage-wrap .ffds-review-stage{height:auto!important;aspect-ratio:1/1!important;min-height:0!important;display:grid!important;place-items:center!important;padding:10px!important;box-sizing:border-box!important;overflow:hidden!important}
.ffds3233 .ffds-review-stage>.ffds-stage{width:min(94%,520px)!important;max-height:94%!important}
/* Accordion control is deliberately icon-only and visually reads as a disclosure. */
.ffds3233 .ffds-qty-accordion-toggle{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid #cbdbe8!important;background:#fff!important;color:#17415f!important;box-shadow:0 1px 3px rgba(16,43,69,.05)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
.ffds3233 .ffds-qty-accordion-toggle:hover{background:#eef8ff!important;border-color:#89c4ed!important}
.ffds3233 .ffds-qty-accordion-toggle:active{transform:scale(.96)}
.ffds3233 .ffds-acc-icon{position:relative!important;width:16px!important;height:16px!important;display:block!important}
.ffds3233 .ffds-acc-icon i{position:absolute!important;left:2px!important;top:7px!important;width:12px!important;height:2px!important;border-radius:2px!important;background:currentColor!important;transition:transform .18s ease,opacity .18s ease!important}
.ffds3233 .ffds-acc-icon i+ i{transform:rotate(90deg)!important}
.ffds3233 .ffds-qty-accordion-toggle.is-open{background:#eaf6ff!important;border-color:#7abce9!important;color:#0878d1!important}
.ffds3233 .ffds-qty-accordion-toggle.is-open .ffds-acc-icon i+ i{transform:rotate(0deg)!important;opacity:0!important}
.ffds3233 .ffds-qty-product-card-3231>header{transition:background .16s ease!important}
.ffds3233 .ffds-qty-product-card-3231.is-open>header{background:#fbfdff!important}
/* Review completion guidance */
.ffds3233 .ffds-quote-next{margin:12px 0 2px;padding:13px 14px;border:1px solid #d7e7f3;border-radius:13px;background:#f4faff;color:#36556f}
.ffds3233 .ffds-quote-next strong{display:block;font-size:13px;font-weight:850;color:#173c59;margin-bottom:3px}
.ffds3233 .ffds-quote-next span{display:block;font-size:11px;line-height:1.48;font-weight:550}
.ffds3233 .ffds-submit-note{text-align:center;font-size:10px;color:#718499;margin-top:6px}
/* Tablet: keep the designer compact but preserve the square renderer. */
@media(max-width:1100px){
.ffds3233 .ffds-quantity-workbench-3230{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:16px!important}
.ffds3233 .ffds-quantity-preview-3230{position:sticky!important;top:88px!important}
.ffds3233 .ffds-quantity-preview-card-3230{height:auto!important;aspect-ratio:1/1!important}
.ffds3233 .ffds-delivery-date-card-3231{width:100%!important;margin-left:0!important}
.ffds3233 .ffds-quantity-summary-bar,.ffds3233 .ffds-quantity-footer,.ffds3233 .ffds-minimum-banner{margin-left:0!important}
}
@media(max-width:900px){
.ffds3233 .ffds-quantity-workbench-3230{grid-template-columns:1fr!important}
.ffds3233 .ffds-quantity-preview-3230{position:static!important;max-width:520px!important;width:100%!important;margin:0 auto 14px!important}
.ffds3233 .ffds-quantity-preview-card-3230{max-height:none!important}
}
/* Mobile-first redesign. The square renderer fixes artwork drift, while the
controls are stacked into touch-friendly rows rather than horizontal overflow. */
@media(max-width:760px){
.ffds3233{font-size:16px!important;padding-bottom:max(60px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
.ffds3233 .ffds-topbar-325,.ffds3233 .ffds-topbar{height:62px!important;min-height:62px!important;padding:0 12px!important;grid-template-columns:minmax(0,1fr) auto!important}
.ffds3233 .ffds-brand-copy-3230 strong,.ffds3233 .ffds-brand strong{font-size:15px!important}.ffds3233 .ffds-brand-copy-3230 small,.ffds3233 .ffds-brand small{font-size:7px!important}
.ffds3233 .ffds-progress{display:none!important}.ffds3233 .ffds-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important}.ffds3233 .ffds-product-count-pill,.ffds3233 .ffds-save-pill,.ffds3233 .ffds-exit{display:none!important}.ffds3233 .ffds-mobile-next{display:inline-flex!important;min-width:70px!important;height:42px!important;font-size:12px!important}
.ffds3233 .ffds-step.is-active[data-step="design"]{display:block!important;min-height:calc(100svh - 62px)!important}
.ffds3233 .ffds-tools{display:none!important}
.ffds3233 .ffds-canvas-wrap{padding:8px 8px 70px!important;min-height:calc(100svh - 62px)!important;overflow:hidden!important}
.ffds3233 .ffds-canvas-toolbar{display:none!important}
.ffds3233 .ffds-canvas-config{margin:0 0 8px!important;padding:0!important;width:calc(100% - 58px)!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important;gap:6px!important;overflow:visible!important;justify-content:stretch!important}
.ffds3233 .ffds-config-choice,.ffds3233 .ffds-config-method{min-width:0!important;width:100%!important;height:46px!important;padding:5px 8px!important;border-radius:11px!important;box-shadow:none!important;gap:7px!important}
.ffds3233 .ffds-config-product{min-width:0!important}.ffds3233 .ffds-config-icon{width:30px!important;height:30px!important}.ffds3233 .ffds-config-swatch{width:26px!important;height:26px!important}
.ffds3233 .ffds-config-choice small,.ffds3233 .ffds-config-method small{font-size:7px!important}.ffds3233 .ffds-config-choice strong,.ffds3233 .ffds-config-method strong{font-size:12px!important;line-height:1.15!important}
.ffds3233 .ffds-config-method{grid-column:1/-1!important;height:42px!important;display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;padding:3px 4px 3px 10px!important}
.ffds3233 .ffds-methods-config{justify-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.ffds3233 .ffds-methods-config button{height:34px!important;font-size:10px!important;padding:0 7px!important}
.ffds3233 .ffds-canvas-card{height:auto!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:12px!important;display:grid!important;place-items:center!important;padding:34px 12px 16px!important;box-sizing:border-box!important}
.ffds3233 .ffds-stage{width:min(100%,560px)!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important;padding:0!important;box-sizing:border-box!important}
.ffds3233 .ffds-view-label{top:8px!important;font-size:9px!important;padding:5px 11px!important}
.ffds3233 .ffds-drop-hint,.ffds3233 .ffds-notes{display:none!important}
.ffds3233 .ffds-side{display:block!important;position:static!important;border:0!important}
.ffds3233 .ffds-views{position:absolute!important;top:68px!important;right:7px!important;width:50px!important;padding:0!important;gap:6px!important;z-index:120!important;background:transparent!important;border:0!important}
.ffds3233 .ffds-views>button,.ffds3233 .ffds-extra-views button{min-height:54px!important;width:50px!important;padding:4px!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 10px rgba(14,44,71,.10)!important}.ffds3233 .ffds-views>button span{font-size:18px!important}.ffds3233 .ffds-views>button strong,.ffds3233 .ffds-extra-views strong{font-size:7px!important}
.ffds3233 .ffds-extra-views{gap:6px!important}.ffds3233 .ffds-extra-views .ffds-view-thumb{width:40px!important;height:34px!important}
.ffds3233 .ffds-zoom{display:none!important}
.ffds3233 .ffds-panel{position:fixed!important;left:0!important;right:0!important;bottom:60px!important;top:auto!important;width:auto!important;height:auto!important;max-height:min(62svh,620px)!important;border:0!important;border-top:1px solid #d9e3ec!important;border-radius:18px 18px 0 0!important;box-shadow:0 -14px 36px rgba(13,39,62,.18)!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;z-index:210!important;background:#fff!important;overflow:auto!important}
.ffds3233 .ffds-panel[hidden]{display:none!important}.ffds3233 .ffds-panel h2{font-size:23px!important}.ffds3233 .ffds-panel>p{font-size:13px!important}
.ffds3233 .ffds-mobile-dock{height:60px!important;z-index:220!important;padding-bottom:env(safe-area-inset-bottom)!important}.ffds3233 .ffds-mobile-dock button{min-height:52px!important;font-size:8px!important}.ffds3233 .ffds-mobile-dock .ffds-i{width:21px!important;height:21px!important}
.ffds3233 .ffds-object-float{transform:scale(.9)!important;transform-origin:center!important}
/* Quantity */
.ffds3233 .ffds-quantity-326{padding:14px 10px calc(26px + env(safe-area-inset-bottom))!important;max-width:none!important}
.ffds3233 .ffds-quantity-head-326,.ffds3233 .ffds-quantity-head-3230{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important;margin-bottom:12px!important}
.ffds3233 .ffds-quantity-head-326>.ffds-link-back,.ffds3233 .ffds-quantity-head-3230>.ffds-link-back{grid-column:1/-1!important}.ffds3233 .ffds-quantity-head-326>div:nth-child(2),.ffds3233 .ffds-quantity-head-3230>div:nth-child(2){text-align:left!important}
.ffds3233 .ffds-quantity-head-326 h1,.ffds3233 .ffds-quantity-head-3230 h1{font-size:25px!important;margin:2px 0!important}.ffds3233 .ffds-quantity-head-326 p,.ffds3233 .ffds-quantity-head-3230 p{font-size:12px!important;line-height:1.4!important;margin:0!important}
.ffds3233 .ffds-total-pill{min-width:64px!important;padding:7px 10px!important}.ffds3233 .ffds-total-pill strong{font-size:20px!important}
.ffds3233 .ffds-quantity-workbench-3230{display:block!important;margin-top:10px!important}
.ffds3233 .ffds-quantity-preview-3230{position:static!important;width:100%!important;max-width:360px!important;margin:0 auto 12px!important}.ffds3233 .ffds-quantity-preview-card-3230{width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:8px!important}.ffds3233 .ffds-quantity-preview-3230>p{font-size:9px!important;line-height:1.35!important;margin:5px 6px 0!important}
.ffds3233 .ffds-multi-quantity-list{gap:9px!important}.ffds3233 .ffds-qty-product-card-3231{border-radius:13px!important;margin:0!important}
.ffds3233 .ffds-qty-product-card-3231>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;border-bottom:0!important}
.ffds3233 .ffds-qty-product-main-3231{min-height:68px!important;grid-template-columns:54px minmax(0,1fr)!important;padding:8px 10px!important;gap:9px!important}.ffds3233 .ffds-qty-product-card-3231 .ffds-qty-product-image{width:52px!important;height:56px!important}.ffds3233 .ffds-qty-product-card-3231 .ffds-product-index{font-size:7px!important}.ffds3233 .ffds-qty-product-card-3231 .ffds-qty-product-copy strong{font-size:14px!important}.ffds3233 .ffds-qty-product-card-3231 .ffds-qty-product-copy small{font-size:10px!important}
.ffds3233 .ffds-qty-product-card-3231 .ffds-qty-product-actions{padding:7px 8px!important;border:0!important;display:grid!important;grid-template-columns:auto 44px!important;gap:6px!important;align-items:center!important}.ffds3233 .ffds-qty-product-card-3231 .ffds-qty-product-actions>strong{font-size:11px!important;margin:0!important;white-space:nowrap!important}.ffds3233 .ffds-qty-product-actions button:not(.ffds-qty-accordion-toggle){display:none!important}
.ffds3233 .ffds-qty-accordion-toggle{width:42px!important;height:42px!important}
.ffds3233 .ffds-qty-body{padding:12px 10px 10px!important;border-top:1px solid #e8eef3!important}.ffds3233 .ffds-qty-size-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.ffds3233 .ffds-qty-size>div{height:44px!important}.ffds3233 .ffds-qty-size button{min-width:38px!important;min-height:42px!important}.ffds3233 .ffds-qty-size input{min-width:0!important;width:100%!important}.ffds3233 .ffds-add-colour-row{height:44px!important;font-size:12px!important}
.ffds3233 .ffds-add-product-wide{min-height:48px!important;font-size:13px!important}
.ffds3233 .ffds-delivery-date-card-3231{display:block!important;width:100%!important;margin:12px 0 0!important;padding:12px!important}.ffds3233 .ffds-delivery-heading{margin-bottom:10px!important}.ffds3233 .ffds-delivery-heading strong{font-size:13px!important}.ffds3233 .ffds-delivery-heading small{font-size:10px!important}.ffds3233 .ffds-date-mode-options{grid-template-columns:1fr!important;gap:7px!important}.ffds3233 .ffds-date-mode-options .ffds-date-choice{height:58px!important;min-height:58px!important;padding:9px 36px 9px 11px!important}.ffds3233 .ffds-calendar-popover{position:relative!important;inset:auto!important;width:100%!important;margin-top:8px!important}
.ffds3233 .ffds-quantity-summary-bar{margin:10px 0 0!important;grid-template-columns:repeat(3,1fr)!important}.ffds3233 .ffds-quantity-summary-bar span{font-size:8px!important}.ffds3233 .ffds-quantity-summary-bar strong{font-size:12px!important}.ffds3233 .ffds-quantity-footer{margin:10px 0 0!important;display:grid!important;grid-template-columns:96px 1fr!important;gap:8px!important}.ffds3233 .ffds-quantity-footer button{height:50px!important;min-height:50px!important;font-size:13px!important}
/* Review */
.ffds3233 .ffds-review-shell-326{padding:14px 10px calc(28px + env(safe-area-inset-bottom))!important;max-width:none!important}.ffds3233 .ffds-review-head-326{display:block!important;margin-bottom:12px!important}.ffds3233 .ffds-review-head-326>.ffds-link-back{display:block!important;margin-bottom:8px!important}.ffds3233 .ffds-review-head-326>div{text-align:left!important}.ffds3233 .ffds-review-head-326 h1{font-size:25px!important}.ffds3233 .ffds-review-head-326 p{font-size:12px!important;line-height:1.4!important}
.ffds3233 .ffds-review-grid-326{grid-template-columns:1fr!important;gap:12px!important}.ffds3233 .ffds-review-products-326{position:static!important;padding:11px!important}.ffds3233 .ffds-review-section-head h2{font-size:18px!important}.ffds3233 .ffds-review-section-head button{min-height:40px!important}
.ffds3233 .ffds-review-product-list{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:3px!important}.ffds3233 .ffds-review-product{min-width:245px!important;scroll-snap-align:start!important;grid-template-columns:58px minmax(0,1fr)!important;min-height:92px!important;padding:8px!important}.ffds3233 .ffds-review-product-thumb{width:58px!important;height:68px!important}
.ffds3233 .ffds-review-stage-wrap .ffds-review-stage{width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:6px!important}.ffds3233 .ffds-review-stage>.ffds-stage{width:min(100%,420px)!important;max-height:100%!important}.ffds3233 .ffds-review-stage-wrap>small{font-size:9px!important}
.ffds3233 .ffds-review-details-326{gap:10px!important}.ffds3233 .ffds-review-card{padding:12px!important}.ffds3233 .ffds-overview-stats{grid-template-columns:1fr 1fr!important}.ffds3233 .ffds-overview-stats>div{padding:10px 8px!important}.ffds3233 .ffds-overview-stats span{font-size:9px!important}.ffds3233 .ffds-overview-stats strong{font-size:12px!important}.ffds3233 .ffds-form-grid{grid-template-columns:1fr!important}.ffds3233 .ffds-field input,.ffds3233 .ffds-field textarea{min-height:46px!important;font-size:16px!important}.ffds3233 .ffds-check{font-size:11px!important;padding:3px 0!important}.ffds3233 .ffds-review-actions{grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important}.ffds3233 .ffds-review-actions .ffds-back-btn,.ffds3233 .ffds-review-actions .ffds-submit-btn{height:52px!important;min-height:52px!important;padding:0 12px!important}.ffds3233 .ffds-review-actions .ffds-submit-btn{font-size:13px!important}.ffds3233 .ffds-quote-next{padding:11px 12px!important}.ffds3233 .ffds-quote-next span{font-size:10px!important}
/* Embroidery / artwork modals must fit the viewport comfortably. */
.ffds3233 .ffds-modal{padding:10px!important;align-items:end!important}.ffds3233 .ffds-modal-card,.ffds3233 .ffds-emb-modal{width:100%!important;max-width:none!important;max-height:88svh!important;border-radius:18px 18px 10px 10px!important;padding:16px!important}.ffds3233 .ffds-emb-modal header{grid-template-columns:40px minmax(0,1fr) 38px!important;gap:9px!important}.ffds3233 .ffds-thread-icon{width:40px!important;height:40px!important}.ffds3233 .ffds-emb-modal h2{font-size:23px!important}.ffds3233 .ffds-emb-modal header p{font-size:12px!important}.ffds3233 .ffds-emb-summary{grid-template-columns:1fr!important;gap:7px!important;margin:12px 0 8px!important}.ffds3233 .ffds-emb-summary article{padding:10px!important}.ffds3233 .ffds-guidelines-button{min-height:48px!important}.ffds3233 .ffds-emb-modal footer{grid-template-columns:1fr!important;gap:8px!important}.ffds3233 .ffds-emb-modal footer button{min-height:50px!important}
}
@media(max-width:420px){
.ffds3233 .ffds-canvas-config{width:calc(100% - 52px)!important}.ffds3233 .ffds-config-choice strong,.ffds3233 .ffds-config-method strong{font-size:11px!important}.ffds3233 .ffds-config-method{grid-template-columns:78px minmax(0,1fr)!important}
.ffds3233 .ffds-canvas-card{padding-left:6px!important;padding-right:6px!important}.ffds3233 .ffds-views{width:46px!important}.ffds3233 .ffds-views>button,.ffds3233 .ffds-extra-views button{width:46px!important}
.ffds3233 .ffds-quantity-preview-3230{max-width:320px!important}.ffds3233 .ffds-qty-size-row{grid-template-columns:1fr 1fr!important}.ffds3233 .ffds-review-product{min-width:225px!important}
}
@media(pointer:coarse){
.ffds3233 button,.ffds3233 a.ffds-quiet,.ffds3233 input,.ffds3233 select{touch-action:manipulation}
.ffds3233 .ffds-action,.ffds3233 .ffds-inline-actions button,.ffds3233 .ffds-text-align-control button{min-height:44px!important}
}
/* =====================================================================
v3.23.4 — Canonical preview typography + confirmation-page polish
===================================================================== */
.ffds3234 .ffds-stage{
container-type:inline-size!important;
container-name:ff-design-stage;
}
/* Text sizing must belong to the design canvas, not the browser viewport.
Container-query units keep Design, Quantity and Review visually identical
even when the preview canvas is shown at a smaller physical size. */
.ffds3234 .ffds-group-text{
font-size:2.18cqw!important;
line-height:1.04!important;
max-width:42%!important;
}
.ffds3234 .ffds-year{
font-size:5.05cqw!important;
line-height:.98!important;
max-width:48%!important;
}
.ffds3234 .ffds-personalisation{
font-size:1.9cqw!important;
line-height:1.04!important;
max-width:30%!important;
}
/* Do not let a smaller preview inherit desktop minimum text sizes. */
.ffds3234 .ffds-static-preview-stage .ffds-group-text,
.ffds3234 .ffds-static-preview-stage .ffds-year,
.ffds3234 .ffds-static-preview-stage .ffds-personalisation{
min-font-size:0!important;
}
/* Preview surfaces should only scale the canonical design plane. */
.ffds3234 .ffds-quantity-preview-card-3230,
.ffds3234 .ffds-review-stage-wrap .ffds-review-stage{
container-type:inline-size!important;
}
.ffds3234 .ffds-static-preview-stage{
transform:none!important;
transform-origin:center center!important;
}
.ffds3234 .ffds-static-preview-stage [data-ffgw-garment-image]{
transform:none!important;
}
/* Slightly stronger preview framing so customers understand it is the same
locked design, not a second editable mock-up. */
.ffds3234 .ffds-quantity-preview-card-3230,
.ffds3234 .ffds-review-stage-wrap .ffds-review-stage{
background:#fff!important;
border-color:#d8e3ec!important;
}
.ffds3234 .ffds-quantity-preview-3230>p{
font-size:11px!important;
line-height:1.4!important;
color:#6a7d90!important;
}
@media(max-width:760px){
.ffds3234 .ffds-group-text{font-size:2.18cqw!important}
.ffds3234 .ffds-year{font-size:5.05cqw!important}
.ffds3234 .ffds-personalisation{font-size:1.9cqw!important}
}
/* =====================================================================
v3.23.5 — Canonical customer mockups, embroidery visualisation and
mobile interaction polish.
===================================================================== */
.ffds3235 .ffds-canonical-mockup{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.ffds3235 .ffds-mockup-loading{width:100%;height:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:10px;color:#60768b;background:#fff}
.ffds3235 .ffds-mockup-loading span{width:28px;height:28px;border:3px solid #d9e7f2;border-top-color:#087fd7;border-radius:50%;animation:ffds3235spin .8s linear infinite}
.ffds3235 .ffds-mockup-loading b{font-size:11px}
@keyframes ffds3235spin{to{transform:rotate(360deg)}}
/* Embroidery is a visual concept preview only. Text gets a thread-like fill
and raised edge. Uploaded logos receive a softer stitched treatment; the
production stitch file remains subject to Fashionflo digitising. */
.ffds3235.is-embroidery-preview .ffds-group-text,
.ffds3235.is-embroidery-preview .ffds-year,
.ffds3235.is-embroidery-preview .ffds-personalisation{
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:
repeating-linear-gradient(135deg,
color-mix(in srgb,var(--thread-colour,#fff),white 26%) 0 1px,
var(--thread-colour,#fff) 1px 3px,
color-mix(in srgb,var(--thread-colour,#fff),black 15%) 3px 4px)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 1px .6px rgba(6,22,35,.42)) drop-shadow(0 -1px .35px rgba(255,255,255,.18))!important;
}
.ffds3235.is-embroidery-preview .ffds-artwork-object,
.ffds3235.is-embroidery-preview .ffds-template-object{
filter:contrast(1.07) saturate(.9) drop-shadow(0 1px 1px rgba(8,25,38,.30))!important;
}
.ffds3235.is-embroidery-preview .ffds-canvas-card::after{
content:"Embroidery visual preview · final stitching confirmed after digitising";
position:absolute;right:14px;bottom:13px;z-index:18;max-width:290px;
padding:6px 9px;border:1px solid #d8e6ef;border-radius:999px;background:rgba(255,255,255,.93);
color:#516a80;font-size:9px;font-weight:750;line-height:1.2;pointer-events:none;
}
/* A second garment surface prevents blank Step 1 canvases on mobile if the
live renderer ![]()
has a transient layout/load issue. */
@media(max-width:760px){
.ffds3235 .ffds-step.is-active[data-step="design"]{height:auto!important;min-height:calc(100svh - 62px)!important;overflow:visible!important}
.ffds3235 .ffds-canvas-wrap{height:auto!important;min-height:calc(100svh - 122px)!important;padding:8px 8px 70px!important;overflow:visible!important}
.ffds3235 .ffds-canvas-card{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;padding:34px 8px 8px!important;overflow:hidden!important}
.ffds3235 .ffds-stage{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important;padding:0!important;overflow:hidden!important}
.ffds3235 .ffds-stage.has-mobile-garment::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--ffds-mobile-garment);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.ffds3235 .ffds-stage>img[data-ffgw-garment-image]{position:relative;z-index:1;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
.ffds3235 .ffds-stage>.ffds-object,.ffds3235 .ffds-stage>.ffds-group-text,.ffds3235 .ffds-stage>.ffds-year,.ffds3235 .ffds-stage>.ffds-personalisation{z-index:8}
.ffds3235.is-embroidery-preview .ffds-canvas-card::after{right:8px;bottom:8px;left:8px;max-width:none;text-align:center;font-size:8px}
/* Bottom-sheet tools: compact, dismissible and no longer trap the user. */
.ffds3235 .ffds-panel{left:8px!important;right:8px!important;bottom:64px!important;max-height:min(58svh,560px)!important;border:1px solid #d9e4ec!important;border-radius:18px!important;padding:17px 15px calc(16px + env(safe-area-inset-bottom))!important}
.ffds3235 .ffds-panel[hidden]{display:none!important}
/* Add product is a true viewport sheet. No horizontal clipping and the
confirmation actions remain visible while the catalogue scrolls. */
.ffds3235 .ffds-product-drawer{align-items:flex-end!important;justify-content:stretch!important;padding:0!important;overflow:hidden!important}
.ffds3235 .ffds-drawer-sheet{position:relative!important;inset:auto!important;width:100vw!important;max-width:100vw!important;height:min(92dvh,820px)!important;max-height:92dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;overflow:hidden!important}
.ffds3235 .ffds-drawer-sheet>header{padding:16px 15px 12px!important}
.ffds3235 .ffds-product-search{margin:10px 12px 8px!important}
.ffds3235 .ffds-drawer-filters{padding:0 12px 9px!important;min-width:0!important;overflow:hidden!important}
.ffds3235 .ffds-category-tabs{width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important}
.ffds3235 .ffds-category-tabs::-webkit-scrollbar{display:none}
.ffds3235 .ffds-drawer-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px 10px 14px!important;overflow:auto!important;min-width:0!important}
.ffds3235 .ffds-drawer-product{min-width:0!important;min-height:0!important;padding:7px!important;grid-template-columns:1fr!important;gap:6px!important;overflow:hidden!important}
.ffds3235 .ffds-drawer-product-media{width:100%!important;height:auto!important;aspect-ratio:1.35/1!important;min-height:0!important}
.ffds3235 .ffds-drawer-product-copy strong{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ffds3235 .ffds-drawer-product-copy>small{font-size:9px!important}
.ffds3235 .ffds-drawer-sheet>footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-template-columns:96px minmax(0,1fr)!important;padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important;box-shadow:0 -5px 18px rgba(15,41,65,.08)!important}
.ffds3235 .ffds-drawer-cancel,.ffds3235 .ffds-drawer-add{height:48px!important;font-size:12px!important}
/* Canonical previews are deliberately compact on phones. */
.ffds3235 .ffds-quantity-preview-3230{max-width:310px!important;margin:0 auto 10px!important}
.ffds3235 .ffds-quantity-preview-card-3230{width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-height:310px!important;padding:4px!important}
.ffds3235 .ffds-review-stage-wrap{padding:8px 0 0!important}
.ffds3235 .ffds-review-stage-wrap .ffds-review-stage{width:min(100%,300px)!important;height:300px!important;max-height:300px!important;aspect-ratio:1/1!important;margin:0 auto!important;padding:4px!important;border-radius:12px!important}
.ffds3235 .ffds-review-stage-wrap>small{display:block;max-width:300px;margin:5px auto 0!important;text-align:center!important}
.ffds3235 .ffds-review-product-list{gap:7px!important;padding:0 0 5px!important}
.ffds3235 .ffds-review-product{min-width:205px!important;max-width:225px!important;min-height:82px!important;grid-template-columns:52px minmax(0,1fr)!important;padding:7px!important}
.ffds3235 .ffds-review-product-thumb{width:52px!important;height:58px!important}
}
@media(max-width:420px){
.ffds3235 .ffds-drawer-sheet{height:94dvh!important;max-height:94dvh!important}
.ffds3235 .ffds-drawer-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ffds3235 .ffds-review-stage-wrap .ffds-review-stage{width:280px!important;height:280px!important}
.ffds3235 .ffds-review-product{min-width:195px!important}
}
/* =====================================================================
v3.23.6 — Embroidery fidelity, explicit object deselection and a true
phone-sized Review layout.
===================================================================== */
.ffds3236 .ffds-mobile-garment-surface{display:none;pointer-events:none;user-select:none}
/* The previous diagonal thread fill exaggerated the simulation and made
white/light thread look grey. Keep the requested thread colour and add a
restrained raised/satin edge instead. This is still a visual concept,
never a replacement for digitising. */
.ffds3236.is-embroidery-preview .ffds-group-text,
.ffds3236.is-embroidery-preview .ffds-year,
.ffds3236.is-embroidery-preview .ffds-personalisation{
color:var(--thread-colour,#fff)!important;
-webkit-text-fill-color:var(--thread-colour,#fff)!important;
background:none!important;
-webkit-background-clip:border-box!important;
background-clip:border-box!important;
-webkit-text-stroke:.28px rgba(4,20,32,.22)!important;
text-shadow:
0 .65px .25px rgba(0,0,0,.36),
0 -.45px .25px rgba(255,255,255,.34),
.35px 0 .25px rgba(255,255,255,.15),
-.35px 0 .25px rgba(0,0,0,.16)!important;
filter:drop-shadow(0 .8px .55px rgba(5,22,34,.24))!important;
}
.ffds3236.is-embroidery-preview .ffds-artwork-object,
.ffds3236.is-embroidery-preview .ffds-template-object{
filter:contrast(1.025) saturate(.98) drop-shadow(0 .8px .65px rgba(8,25,38,.22))!important;
}
.ffds3236.is-embroidery-preview .ffds-canvas-card::after{
content:"Embroidery simulation · final stitch proof follows digitising"!important;
}
@media(max-width:760px){
/* Step 1 garment resilience: three independent visual paths now exist —
renderer IMG, a second IMG surface and a direct stage background. */
.ffds3236 .ffds-stage{
background-position:center!important;
background-repeat:no-repeat!important;
background-size:contain!important;
}
.ffds3236 .ffds-mobile-garment-surface{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:.5!important;
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
}
.ffds3236 .ffds-mobile-garment-surface[hidden]{display:none!important}
.ffds3236 .ffds-stage>img[data-ffgw-garment-image]{z-index:1!important;background:transparent!important}
.ffds3236 .ffds-stage>.ffds-object,
.ffds3236 .ffds-stage>.ffds-group-text,
.ffds3236 .ffds-stage>.ffds-year,
.ffds3236 .ffds-stage>.ffds-personalisation{z-index:8!important}
/* Review & Submit should read like a phone checkout, not a shrunken desktop
canvas. Product summaries fit the viewport and the selected mockup is a
compact, contained 230px square. */
.ffds3236 .ffds-review-shell-326{
width:100%!important;
max-width:100%!important;
padding:12px 10px calc(24px + env(safe-area-inset-bottom))!important;
overflow-x:hidden!important;
box-sizing:border-box!important;
}
.ffds3236 .ffds-review-grid-326{display:block!important;width:100%!important;max-width:100%!important}
.ffds3236 .ffds-review-products-326,
.ffds3236 .ffds-review-details-326{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.ffds3236 .ffds-review-product-list{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
padding:0!important;
}
.ffds3236 .ffds-review-product{
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:94px!important;
grid-template-columns:46px minmax(0,1fr)!important;
gap:7px!important;
padding:7px!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.ffds3236 .ffds-review-product-thumb{width:46px!important;height:54px!important}
.ffds3236 .ffds-review-product>div{min-width:0!important}
.ffds3236 .ffds-review-product>div strong{font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ffds3236 .ffds-review-product>div small,.ffds3236 .ffds-review-product>div p{font-size:8px!important;line-height:1.25!important;margin-top:2px!important}
.ffds3236 .ffds-review-product>strong{font-size:9px!important;grid-column:2!important;justify-self:start!important}
.ffds3236 .ffds-review-stage-wrap{
width:100%!important;
max-width:100%!important;
min-height:0!important;
padding:10px 0 2px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
}
.ffds3236 .ffds-review-stage-wrap .ffds-review-stage{
width:230px!important;
height:230px!important;
min-width:0!important;
min-height:0!important;
max-width:230px!important;
max-height:230px!important;
aspect-ratio:1/1!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
padding:0!important;
margin:0 auto!important;
border-radius:12px!important;
background:#fff!important;
}
.ffds3236 .ffds-review-stage-wrap .ffds-review-stage>.ffds-canonical-mockup{
display:block!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
}
.ffds3236 .ffds-review-stage-wrap .ffds-mockup-loading{width:230px!important;height:230px!important;min-height:0!important}
.ffds3236 .ffds-review-stage-wrap>small{max-width:250px!important;font-size:8px!important;line-height:1.3!important;margin:5px auto 0!important;text-align:center!important}
.ffds3236 .ffds-review-details-326{margin-top:10px!important}
}
@media(max-width:390px){
.ffds3236 .ffds-review-product-list{grid-template-columns:1fr!important}
.ffds3236 .ffds-review-product{grid-template-columns:52px minmax(0,1fr)!important;min-height:84px!important}
.ffds3236 .ffds-review-product-thumb{width:52px!important;height:58px!important}
.ffds3236 .ffds-review-stage-wrap .ffds-review-stage{width:210px!important;height:210px!important;max-width:210px!important;max-height:210px!important}
.ffds3236 .ffds-review-stage-wrap .ffds-mockup-loading{width:210px!important;height:210px!important}
}
/* =====================================================================
v3.23.7 — stronger embroidery concept rendering, mobile input stability,
selected-product review editing and phone readability.
===================================================================== */
/* A visible but restrained satin-stitch treatment for customer preview text.
The selected thread colour remains the base colour; micro highlight/shadow
ribs make embroidery clearly different from print without pretending to be
a digitised sew-out. */
.ffds3237.is-embroidery-preview .ffds-group-text,
.ffds3237.is-embroidery-preview .ffds-year,
.ffds3237.is-embroidery-preview .ffds-personalisation{
color:var(--thread-colour,#fff)!important;
background:
repeating-linear-gradient(
90deg,
color-mix(in srgb,var(--thread-colour,#fff),#fff 24%) 0 1px,
var(--thread-colour,#fff) 1px 2.3px,
color-mix(in srgb,var(--thread-colour,#fff),#000 13%) 2.3px 3.4px
)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
-webkit-text-stroke:.2px color-mix(in srgb,var(--thread-colour,#fff),#000 20%)!important;
text-shadow:
0 1px .35px rgba(2,16,28,.38),
0 -1px .3px rgba(255,255,255,.2)!important;
filter:drop-shadow(0 1px .65px rgba(4,20,32,.28))!important;
}
/* Fine clipped thread sheen over uploaded/template art. This is a concept
preview only; the production stitch proof still follows digitising. */
.ffds3237 .ffds-embroidery-art-overlay{
position:absolute;
z-index:8.5;
pointer-events:none;
user-select:none;
mask-position:center!important;
-webkit-mask-position:center!important;
mask-repeat:no-repeat!important;
-webkit-mask-repeat:no-repeat!important;
mask-size:contain!important;
-webkit-mask-size:contain!important;
background:
repeating-linear-gradient(
45deg,
rgba(255,255,255,.22) 0 1px,
rgba(255,255,255,.03) 1px 2px,
rgba(0,0,0,.10) 2px 3px,
rgba(255,255,255,.02) 3px 4px
);
mix-blend-mode:soft-light;
opacity:.72;
filter:drop-shadow(0 .8px .5px rgba(5,20,31,.22));
}
.ffds3237 .ffds-embroidery-art-overlay[hidden]{display:none!important}
/* Clean preview when nothing is selected. */
.ffds3237 .ffds-stage:not(.has-selection) .ffds-object-float{display:none!important}
@media(max-width:760px){
/* Step 1 is a real phone canvas, not a desktop canvas squeezed into the
viewport. Force every garment surface onto the same square plane. */
.ffds3237 .ffds-canvas-wrap{
min-width:0!important;
width:100%!important;
overflow:hidden!important;
}
.ffds3237 .ffds-canvas-card{
width:100%!important;
height:auto!important;
min-height:0!important;
aspect-ratio:1/1!important;
overflow:hidden!important;
}
.ffds3237 .ffds-stage{
position:relative!important;
width:100%!important;
height:auto!important;
min-height:0!important;
aspect-ratio:1/1!important;
max-height:none!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
background-color:#fff!important;
}
.ffds3237 .ffds-stage>img[data-ffgw-garment-image],
.ffds3237 .ffds-mobile-garment-surface{
position:absolute!important;
inset:0!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
transform-origin:center!important;
}
.ffds3237 .ffds-mobile-garment-surface{z-index:1!important}
.ffds3237 .ffds-stage>img[data-ffgw-garment-image]{z-index:2!important}
.ffds3237 .ffds-stage>.ffds-object,
.ffds3237 .ffds-stage>.ffds-group-text,
.ffds3237 .ffds-stage>.ffds-year,
.ffds3237 .ffds-stage>.ffds-personalisation,
.ffds3237 .ffds-stage>.ffds-embroidery-art-overlay{z-index:8!important}
/* Keep text-entry sheets open while the soft keyboard is active. */
.ffds3237 .ffds-panel[data-panel="text"],
.ffds3237 .ffds-panel[data-panel="personalise"]{
overscroll-behavior:contain!important;
}
.ffds3237 .ffds-panel[data-panel="text"] input,
.ffds3237 .ffds-panel[data-panel="text"] textarea,
.ffds3237 .ffds-panel[data-panel="personalise"] input,
.ffds3237 .ffds-panel[data-panel="personalise"] textarea{
font-size:16px!important; /* avoids iOS/Chrome focus zoom */
min-height:46px!important;
}
/* Review & Submit: one readable product per row and checkout-sized type. */
.ffds3237 .ffds-review-shell-326{
padding:14px 12px calc(28px + env(safe-area-inset-bottom))!important;
}
.ffds3237 .ffds-review-shell-326>header h1,
.ffds3237 .ffds-review-head h1{
font-size:28px!important;
line-height:1.08!important;
letter-spacing:-.02em!important;
}
.ffds3237 .ffds-review-shell-326>header p,
.ffds3237 .ffds-review-head p{
font-size:14px!important;
line-height:1.45!important;
}
.ffds3237 .ffds-review-section-head{align-items:center!important;gap:10px!important}
.ffds3237 .ffds-review-section-head span{font-size:9px!important}
.ffds3237 .ffds-review-section-head h2{
font-size:21px!important;
line-height:1.12!important;
}
.ffds3237 .ffds-review-section-head button{
min-height:42px!important;
padding:0 13px!important;
font-size:11px!important;
flex:0 0 auto!important;
}
.ffds3237 .ffds-review-product-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
overflow:visible!important;
}
.ffds3237 .ffds-review-product{
min-height:88px!important;
display:grid!important;
grid-template-columns:58px minmax(0,1fr) auto!important;
gap:10px!important;
padding:10px!important;
border-radius:12px!important;
}
.ffds3237 .ffds-review-product-thumb{
width:58px!important;
height:66px!important;
}
.ffds3237 .ffds-review-product>div>span{font-size:8px!important;line-height:1.2!important}
.ffds3237 .ffds-review-product>div strong{
font-size:14px!important;
line-height:1.18!important;
overflow-wrap:normal!important;
}
.ffds3237 .ffds-review-product>div small,
.ffds3237 .ffds-review-product>div p{
font-size:11px!important;
line-height:1.3!important;
}
.ffds3237 .ffds-review-product>strong{
grid-column:3!important;
grid-row:1 / span 2!important;
align-self:center!important;
justify-self:end!important;
font-size:12px!important;
white-space:nowrap!important;
}
.ffds3237 .ffds-review-stage-wrap{
padding:12px 0 6px!important;
}
.ffds3237 .ffds-review-stage-wrap .ffds-review-stage{
width:min(78vw,300px)!important;
height:auto!important;
aspect-ratio:1/1!important;
max-width:300px!important;
max-height:300px!important;
}
.ffds3237 .ffds-review-stage-wrap>small{
max-width:300px!important;
font-size:10px!important;
line-height:1.4!important;
}
.ffds3237 .ffds-review-details-326 h2,
.ffds3237 .ffds-review-card h2{
font-size:20px!important;
line-height:1.2!important;
}
.ffds3237 .ffds-review-details-326,
.ffds3237 .ffds-review-details-326 p,
.ffds3237 .ffds-review-details-326 small,
.ffds3237 .ffds-review-details-326 .ffds-breakdown-row{
font-size:12px!important;
line-height:1.45!important;
}
.ffds3237 .ffds-review-details-326 label,
.ffds3237 .ffds-review-details-326 .ffds-field>span{
font-size:12px!important;
font-weight:800!important;
}
.ffds3237 .ffds-review-details-326 input,
.ffds3237 .ffds-review-details-326 textarea,
.ffds3237 .ffds-review-details-326 select{
font-size:16px!important;
min-height:48px!important;
padding:11px 12px!important;
}
.ffds3237 .ffds-review-details-326 textarea{min-height:96px!important}
/* Product drawer stays inside narrow phones and avoids clipped category/card
labels. */
.ffds3237 .ffds-drawer-sheet{
width:calc(100vw - 16px)!important;
max-width:none!important;
left:8px!important;
right:8px!important;
}
.ffds3237 .ffds-drawer-products{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.ffds3237 .ffds-drawer-product-card,
.ffds3237 [data-drawer-product]{
min-width:0!important;
overflow:hidden!important;
}
.ffds3237 .ffds-drawer-product-card strong,
.ffds3237 [data-drawer-product] strong{
white-space:normal!important;
overflow-wrap:anywhere!important;
font-size:11px!important;
line-height:1.2!important;
}
}
@media(max-width:390px){
.ffds3237 .ffds-review-shell-326{padding-left:9px!important;padding-right:9px!important}
.ffds3237 .ffds-review-product{grid-template-columns:54px minmax(0,1fr) auto!important}
.ffds3237 .ffds-review-product-thumb{width:54px!important;height:62px!important}
.ffds3237 .ffds-review-stage-wrap .ffds-review-stage{width:min(82vw,280px)!important;max-width:280px!important}
}
/* v3.23.8 — canonical mobile garment mirror + server embroidery preview */
.ffds3238 .ffds-mobile-garment-clone{display:none;pointer-events:none;user-select:none}
/* Make embroidery text unmistakably different from flat print while keeping the
chosen thread colour. This remains a visual concept until digitising. */
.ffds3238.is-embroidery-preview .ffds-group-text,
.ffds3238.is-embroidery-preview .ffds-year,
.ffds3238.is-embroidery-preview .ffds-personalisation{
--ffds-thread:var(--thread-colour,#fff);
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:
repeating-linear-gradient(96deg,
color-mix(in srgb,var(--ffds-thread) 72%,white) 0 1px,
var(--ffds-thread) 1px 3px,
color-mix(in srgb,var(--ffds-thread) 78%,black) 3px 4px);
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-stroke:.22px color-mix(in srgb,var(--ffds-thread) 84%,black);
filter:drop-shadow(0 1px .35px rgba(2,12,20,.38)) drop-shadow(0 -0.5px .3px rgba(255,255,255,.2));
}
@media(max-width:760px){
/* The clone is a dedicated visual layer fed from the already-loaded selected
view thumbnail. It does not depend on the main ![]()
load/hidden state. */
.ffds3238 .ffds-stage{
isolation:isolate!important;
background-color:#fff!important;
}
.ffds3238 .ffds-mobile-garment-clone{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:4!important;
background-position:center!important;
background-repeat:no-repeat!important;
background-size:contain!important;
opacity:1!important;
visibility:visible!important;
}
.ffds3238 .ffds-mobile-garment-clone:not(.is-ready){background-image:none!important}
.ffds3238 .ffds-stage>img[data-ffgw-garment-image],
.ffds3238 .ffds-mobile-garment-surface{z-index:3!important}
.ffds3238 .ffds-stage>.ffds-object,
.ffds3238 .ffds-stage>.ffds-group-text,
.ffds3238 .ffds-stage>.ffds-year,
.ffds3238 .ffds-stage>.ffds-personalisation,
.ffds3238 .ffds-stage>.ffds-embroidery-art-overlay,
.ffds3238 .ffds-stage>.ffds-object-float{z-index:9!important}
/* Keep the main design viewport compact enough that the garment is visible
above the phone navigation without needing a scroll just to see it. */
.ffds3238 .ffds-canvas-card{aspect-ratio:auto!important;min-height:calc(100svh - 214px)!important;max-height:calc(100svh - 176px)!important}
.ffds3238 .ffds-stage{aspect-ratio:1/1!important;max-height:min(64svh,430px)!important;min-height:300px!important}
}
@media(max-width:430px){
.ffds3238 .ffds-canvas-card{min-height:calc(100svh - 205px)!important;max-height:none!important}
.ffds3238 .ffds-stage{min-height:290px!important;max-height:390px!important}
}
/* v3.24.0 — product discovery / add-product workspace stabilisation */
.ffds3240 .ffds-filter-section>strong{
display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
.ffds3240 .ffds-filter-section>strong small{
font-size:8px;font-weight:800;color:#708398;letter-spacing:0;text-transform:none;
}
.ffds3240 .ffds-drawer-sheet{
width:min(780px,calc(100vw - 28px))!important;
max-width:780px!important;
grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
}
.ffds3240 .ffds-drawer-products{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
padding:14px 18px 18px!important;
align-items:stretch!important;
align-content:start!important;
min-width:0!important;
}
.ffds3240 .ffds-drawer-product{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:92px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
min-height:116px!important;
height:116px!important;
padding:10px!important;
overflow:hidden!important;
position:relative!important;
}
.ffds3240 .ffds-drawer-product.is-pending,
.ffds3240 .ffds-drawer-product:has(input:checked){padding:9px!important}
.ffds3240 .ffds-drawer-product.is-current:not(.is-pending)::after{
content:'Current';position:absolute;right:8px;top:7px;padding:3px 6px;border-radius:999px;
background:#eef7ff;color:#0878ca;font-size:7px;font-weight:900;letter-spacing:.04em;
}
.ffds3240 .ffds-drawer-product-media{
width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;
aspect-ratio:1/1!important;border-radius:10px!important;overflow:hidden!important;
}
.ffds3240 .ffds-drawer-product-media img{
width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
object-fit:contain!important;object-position:center!important;display:block!important;
}
.ffds3240 .ffds-drawer-product-copy{
min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.ffds3240 .ffds-drawer-product-copy strong{
font-size:11.5px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;
display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}
.ffds3240 .ffds-drawer-product-copy>small{font-size:9px!important;line-height:1.25!important;margin-top:4px!important}
.ffds3240 .ffds-product-swatches{margin-top:8px!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important}
.ffds3240 .ffds-product-swatches em{font-size:7.5px!important;white-space:nowrap!important}
.ffds3240 .ffds-drawer-products.is-empty::after{
content:'No products match these filters.';grid-column:1/-1;padding:30px 16px;text-align:center;color:#6e8193;font-size:12px;
}
.ffds3240 .ffds-drawer-sheet>footer{grid-template-columns:120px minmax(0,1fr)!important}
/* Tablet: use two predictable columns instead of shrinking three cards until
their image and copy no longer align. */
@media(max-width:900px) and (min-width:761px){
.ffds3240 .ffds-drawer-sheet{width:min(700px,calc(100vw - 20px))!important}
.ffds3240 .ffds-drawer-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ffds3240 .ffds-drawer-product{grid-template-columns:104px minmax(0,1fr)!important;height:124px!important;min-height:124px!important}
.ffds3240 .ffds-drawer-product-media{width:104px!important;height:104px!important;min-width:104px!important}
}
/* Phone: full-height bottom sheet, one readable product per row, horizontally
scrollable filter chips, and a footer that cannot cover product cards. */
@media(max-width:760px){
.ffds3240 .ffds-product-drawer{padding:0!important;align-items:flex-end!important;justify-content:stretch!important;overflow:hidden!important}
.ffds3240 .ffds-drawer-sheet{
left:0!important;right:0!important;bottom:0!important;inset:auto 0 0!important;
width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
border-radius:0!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
overflow:hidden!important;
}
.ffds3240 .ffds-drawer-sheet>header{padding:14px 14px 10px!important;min-width:0!important}
.ffds3240 .ffds-drawer-sheet>header h2{font-size:22px!important;line-height:1.08!important}
.ffds3240 .ffds-drawer-sheet>header p{font-size:11px!important;line-height:1.35!important;padding-right:8px!important}
.ffds3240 .ffds-product-search{margin:8px 12px!important;height:46px!important;min-width:0!important}
.ffds3240 .ffds-product-search input{font-size:16px!important;min-width:0!important}
.ffds3240 .ffds-drawer-filters{padding:0 12px 8px!important;overflow:hidden!important;min-width:0!important}
.ffds3240 .ffds-filter-section{min-width:0!important;margin-top:7px!important}
.ffds3240 .ffds-filter-section>strong{font-size:10px!important;margin-bottom:5px!important}
.ffds3240 .ffds-chip-row,
.ffds3240 .ffds-category-tabs{
display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
gap:6px!important;padding-bottom:4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
}
.ffds3240 .ffds-chip-row::-webkit-scrollbar,.ffds3240 .ffds-category-tabs::-webkit-scrollbar{display:none!important}
.ffds3240 .ffds-chip-row label,.ffds3240 .ffds-category-tabs button{flex:0 0 auto!important;white-space:nowrap!important}
.ffds3240 .ffds-chip-row span,.ffds3240 .ffds-category-tabs button{font-size:10px!important;min-height:34px!important;padding:8px 11px!important}
.ffds3240 .ffds-drawer-products{
display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px 10px 12px!important;
overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;align-content:start!important;
}
.ffds3240 .ffds-drawer-product{
grid-template-columns:88px minmax(0,1fr)!important;height:104px!important;min-height:104px!important;
gap:11px!important;padding:8px!important;border-radius:12px!important;
}
.ffds3240 .ffds-drawer-product.is-pending,
.ffds3240 .ffds-drawer-product:has(input:checked){padding:7px!important}
.ffds3240 .ffds-drawer-product-media{width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important}
.ffds3240 .ffds-drawer-product-copy strong{font-size:13px!important;line-height:1.18!important}
.ffds3240 .ffds-drawer-product-copy>small{font-size:10px!important}
.ffds3240 .ffds-product-swatches{margin-top:7px!important}
.ffds3240 .ffds-drawer-sheet>footer{
position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;
padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important;
background:#fff!important;box-shadow:0 -7px 20px rgba(17,50,77,.09)!important;z-index:5!important;
}
.ffds3240 .ffds-drawer-cancel,.ffds3240 .ffds-drawer-add{height:48px!important;font-size:12px!important}
}
@media(max-width:370px){
.ffds3240 .ffds-drawer-product{grid-template-columns:76px minmax(0,1fr)!important;height:94px!important;min-height:94px!important}
.ffds3240 .ffds-drawer-product-media{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important}
.ffds3240 .ffds-drawer-product-copy strong{font-size:12px!important}
}
.ffds3240 .ffds-drawer-product.is-current:not(.is-pending){border:1px solid #cfdde8!important;padding:10px!important;box-shadow:inset 0 0 0 1px #eef5fa!important;background:#fbfdff!important}
@media(max-width:760px){.ffds3240 .ffds-drawer-product.is-current:not(.is-pending){padding:8px!important}}
/* v3.25.0 — artwork intelligence + protected production recommendation */
.ffds-ai-card{margin-top:12px;padding:14px;border:1px solid #cfe1ef;border-radius:14px;background:linear-gradient(180deg,#f9fcff,#f3f9fd);box-shadow:0 4px 16px rgba(16,43,73,.04)}
.ffds-ai-card[hidden],.ffds-production-recommendation[hidden],.ffds-production-review[hidden]{display:none!important}
.ffds-ai-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start}.ffds-ai-head>span{grid-column:1/-1;font-size:9px;letter-spacing:.11em;font-weight:900;color:#0878d1}.ffds-ai-head strong{font-size:14px;color:#173650}.ffds-ai-head em{padding:4px 7px;border-radius:999px;background:#e8f5ff;color:#0878d1;font-style:normal;font-size:9px;font-weight:850;text-transform:uppercase}
.ffds-ai-swatches{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.ffds-ai-swatch{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 7px;border:1px solid #dce6ee;border-radius:9px;background:#fff;font-size:9px;color:#476177}.ffds-ai-swatch i{display:block;width:18px;height:18px;border-radius:6px;background:var(--ai-colour,#64748b);border:1px solid rgba(15,23,42,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.ffds-ai-swatch b{font-size:9px;color:#24445f}.ffds-ai-swatch small{font-size:8px;color:#8092a2}
.ffds-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ffds-ai-grid>div{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e0e9f0}.ffds-ai-grid span,.ffds-ai-grid strong{display:block}.ffds-ai-grid span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7c8fa0}.ffds-ai-grid strong{margin-top:3px;font-size:13px;color:#173650}.ffds-ai-card>p{margin:9px 0 0;font-size:9px;line-height:1.45;color:#667f94}
.ffds-production-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:12px 0 16px;padding:14px 16px;border:1px solid #beddeb;border-radius:14px;background:linear-gradient(135deg,#eef9ff,#f9fcff)}.ffds-production-recommendation>div>span{display:block;font-size:8px;font-weight:950;letter-spacing:.12em;color:#0878d1}.ffds-production-recommendation strong{display:block;margin-top:4px;font-size:15px;color:#153a58}.ffds-production-recommendation p{margin:4px 0 0;max-width:720px;font-size:10px;line-height:1.45;color:#58738a}
.ffds-production-facts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ffds-production-facts span{padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #d3e4ef;font-size:9px;font-weight:800;color:#3b5c75;white-space:nowrap}.ffds-production-facts span.is-warning{background:#fff8e8;border-color:#ead7a8;color:#795414}
.ffds-production-review{border-color:#cbe0ed!important;background:linear-gradient(180deg,#fbfdff,#f4faff)!important}.ffds-production-review h3{margin:8px 0 4px!important;font-size:18px!important}.ffds-production-review>p{margin:0 0 10px!important}.ffds-production-review>.ffds-production-facts{justify-content:flex-start}.ffds-production-review>small{display:block;margin-top:10px;font-size:9px;line-height:1.45;color:#71879b}
@media(max-width:760px){.ffds-ai-card{padding:12px;margin-top:10px}.ffds-ai-head{grid-template-columns:1fr}.ffds-ai-head>span{grid-column:auto}.ffds-ai-head em{justify-self:start}.ffds-ai-swatches{gap:5px}.ffds-ai-swatch{padding:5px 6px}.ffds-ai-grid{grid-template-columns:1fr 1fr}.ffds-production-recommendation{grid-template-columns:1fr;padding:13px;margin:10px 0 14px}.ffds-production-recommendation strong{font-size:16px}.ffds-production-recommendation p{font-size:11px}.ffds-production-facts{justify-content:flex-start}.ffds-production-facts span{font-size:10px;white-space:normal}}
@media(max-width:390px){.ffds-ai-grid{grid-template-columns:1fr}.ffds-ai-swatch{flex:1 1 calc(50% - 5px)}}
/* v3.25.1 — truthful artwork/embroidery engine state */
.ffds3251 .ffds-emb-engine-badge{position:absolute;left:18px;bottom:17px;z-index:14;display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 10px;border:1px solid #cbd9e6;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(15,39,64,.09);font-size:10px;font-weight:850;color:#38516b;letter-spacing:.01em;pointer-events:none}
.ffds3251 .ffds-emb-engine-badge[hidden]{display:none!important}.ffds3251 .ffds-emb-engine-badge:before{content:'';width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.14)}
.ffds3251 .ffds-emb-engine-badge[data-engine-state="ready"]{border-color:#9dd7b9;background:#f1fbf6;color:#176943}.ffds3251 .ffds-emb-engine-badge[data-engine-state="ready"]:before{background:#25a562;box-shadow:0 0 0 3px rgba(37,165,98,.13)}
.ffds3251 .ffds-emb-engine-badge[data-engine-state="pending"]:before{background:#168ee0;animation:ffds3251pulse 1.1s infinite}.ffds3251 .ffds-emb-engine-badge[data-engine-state="fallback"]{background:#fff9ea;border-color:#efd695;color:#805e12}.ffds3251 .ffds-emb-engine-badge[data-engine-state="fallback"]:before{background:#dfa81f}.ffds3251 .ffds-emb-engine-badge[data-engine-state="error"]{background:#fff3f3;border-color:#efb5b5;color:#a12626}.ffds3251 .ffds-emb-engine-badge[data-engine-state="error"]:before{background:#df4242}.ffds3251 .ffds-emb-engine-badge[data-engine-state="simulation"]{background:#f8fafc;color:#52677d}.ffds3251 .ffds-emb-engine-badge[data-engine-state="simulation"]:before{background:#64748b}
@keyframes ffds3251pulse{50%{opacity:.35;transform:scale(.72)}}
.ffds3251.is-embroidery-preview .is-server-stitch-text{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
@media(max-width:760px){.ffds3251 .ffds-emb-engine-badge{left:8px;bottom:9px;max-width:calc(100% - 16px);font-size:8px;min-height:26px;padding:5px 8px}}
/* v3.25.2 — artwork colour editor + focused text controls */
.ffds3252 .ffds-image-editor{margin-top:12px;border:1px solid #d8e3ec;border-radius:14px;background:#fff;overflow:hidden}
.ffds3252 .ffds-image-editor[hidden],.ffds3252 .ffds-colour-editor[hidden]{display:none!important}
.ffds3252 .ffds-image-editor-head{padding:12px 13px 9px;border-bottom:1px solid #edf1f5}.ffds3252 .ffds-image-editor-head strong,.ffds3252 .ffds-image-editor-head small{display:block}.ffds3252 .ffds-image-editor-head strong{font-size:14px;color:#173650}.ffds3252 .ffds-image-editor-head small{margin-top:3px;font-size:9px;line-height:1.35;color:#74889a}
.ffds3252 .ffds-image-elements{padding:10px 12px;border-bottom:1px solid #edf1f5}.ffds3252 .ffds-image-elements>span{display:block;margin-bottom:7px;font-size:8px;font-weight:900;letter-spacing:.08em;color:#60778b}.ffds3252 .ffds-image-element-card{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;width:100%;padding:6px;border:2px solid #1789df;border-radius:10px;background:#f8fcff}.ffds3252 .ffds-image-element-card img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#fff}.ffds3252 .ffds-image-element-card b{font-size:10px;color:#1d405d}
.ffds3252 .ffds-colour-editor{padding:11px 12px;border-bottom:1px solid #edf1f5}.ffds3252 .ffds-tool-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 5px}.ffds3252 .ffds-colour-editor>.ffds-tool-row-head{padding:0 0 7px}.ffds3252 .ffds-tool-row-head strong{font-size:10px;color:#24445f}.ffds3252 .ffds-tool-row-head small{font-size:8px;color:#7d91a3}
.ffds3252 .ffds-edit-colour-swatches{display:flex;flex-wrap:wrap;gap:7px}.ffds3252 .ffds-edit-colour{position:relative;display:flex;align-items:center;gap:3px;cursor:pointer}.ffds3252 .ffds-edit-colour input{position:absolute;opacity:0;width:1px;height:1px}.ffds3252 .ffds-edit-colour i{width:27px;height:27px;border-radius:6px;background:var(--swatch);border:1px solid #cdd9e2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}.ffds3252 .ffds-edit-colour:hover i,.ffds3252 .ffds-edit-colour:focus-within i{outline:2px solid #168ee0;outline-offset:2px}.ffds3252 .ffds-edit-colour small{font-size:7px;color:#71879a}
.ffds3252 .ffds-limit-colours,.ffds3252 .ffds-one-colour{margin-top:12px}.ffds3252 .ffds-limit-colours>span,.ffds3252 .ffds-one-colour>span{display:block;margin-bottom:6px;font-size:9px;color:#5e7386}.ffds3252 .ffds-limit-colours>div,.ffds3252 .ffds-one-colour>div{display:flex;gap:6px;flex-wrap:wrap}.ffds3252 .ffds-limit-colours button,.ffds3252 .ffds-one-colour button{min-height:32px;padding:6px 10px;border:1px solid #abc7db;border-radius:999px;background:#fff;color:#234a68;font-size:9px;font-weight:800;cursor:pointer}.ffds3252 .ffds-limit-colours button:hover,.ffds3252 .ffds-one-colour button:hover{border-color:#168ee0;background:#eef8ff}.ffds3252 .ffds-one-colour button{display:flex;align-items:center;gap:6px}.ffds3252 .ffds-one-colour button i{width:12px;height:12px;border-radius:50%;background:var(--swatch);border:1px solid #aebbc6}
.ffds3252 .ffds-artwork-toolbar-3252{padding:0 12px 12px!important;grid-template-columns:1fr 1fr!important}.ffds3252 .ffds-artwork-toolbar-3252 .ffds-action-primary{grid-column:1/-1!important;justify-content:center!important;background:#168ee0!important;color:#fff!important;border-color:#168ee0!important}.ffds3252 .ffds-upload-status{margin:0 12px 12px!important}.ffds3252 .ffds-fit-card-compact{margin-top:10px!important}.ffds3252 .ffds-remove-artwork{margin-top:10px!important}
.ffds3252 .ffds-text-editor-3252>p{margin:0 0 12px;font-size:10px;line-height:1.45;color:#6b8195}.ffds3252 .ffds-text-elements{margin:0 0 12px;padding:10px;border:1px solid #dce6ed;border-radius:12px;background:#fbfdff}.ffds3252 .ffds-text-elements>.ffds-tool-row-head{padding:0 0 7px}.ffds3252 [data-text-elements-list]{display:grid;gap:6px}.ffds3252 [data-text-element]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:8px 9px;border:1px solid #d9e4ec;border-radius:9px;background:#fff;text-align:left;color:#24435e;cursor:pointer}.ffds3252 [data-text-element].is-active{border-color:#168ee0;box-shadow:inset 0 0 0 1px #168ee0;background:#f2f9ff}.ffds3252 [data-text-element] span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.ffds3252 [data-text-element] small{font-size:8px;color:#7c8fa0}.ffds3252 .ffds-empty-text-elements{padding:7px;font-size:9px;color:#8294a4}
.ffds3252 .ffds-text-actions-3252{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 14px}.ffds3252 .ffds-text-actions-3252 button{min-height:36px;padding:7px 8px;border:1px solid #b9cede;border-radius:999px;background:#fff;color:#224c6d;font-size:9px;font-weight:850;cursor:pointer}.ffds3252 .ffds-text-actions-3252 button.is-primary{background:#168ee0;border-color:#168ee0;color:#fff}.ffds3252 .ffds-text-actions-3252 button.is-danger{color:#c52828;border-color:#efb4b4}.ffds3252 .ffds-text-actions-3252 button:hover{background:#eef8ff}.ffds3252 .ffds-text-actions-3252 button.is-primary:hover{background:#0878d1}.ffds3252 .ffds-text-actions-3252 button.is-danger:hover{background:#fff2f2}
.ffds3252 .ffds-selected-text-tools-3252{display:grid;gap:11px;padding-top:12px;border-top:1px solid #e6edf2}.ffds3252 .ffds-selected-text-tools-3252 .ffds-text-style-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9px}.ffds3252 .ffds-selected-text-tools-3252 .ffds-text-style-grid>label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800;color:#304f68}.ffds3252 .ffds-selected-text-tools-3252 input[type=range]{width:100%}.ffds3252 .ffds-selected-text-tools-3252 small{display:block;margin-top:2px;font-size:8px;color:#6d8294}.ffds3252 .ffds-text-format-row{display:flex;align-items:center;gap:6px}.ffds3252 .ffds-text-format-row>span{margin-right:auto;font-size:9px;font-weight:800;color:#304f68}.ffds3252 .ffds-text-format-row button{width:34px;height:32px;border:1px solid #c7d7e3;border-radius:9px;background:#fff;color:#254965;cursor:pointer}.ffds3252 .ffds-text-format-row button.is-active{background:#eaf6ff;border-color:#168ee0;color:#0878d1;box-shadow:inset 0 0 0 1px #168ee0}.ffds3252 .ffds-outline-row{display:grid;grid-template-columns:auto auto 36px minmax(70px,1fr);align-items:center;gap:7px}.ffds3252 .ffds-outline-row>span{font-size:9px;font-weight:800;color:#304f68}.ffds3252 .ffds-outline-row label{font-size:9px;color:#566f84}.ffds3252 .ffds-outline-row input[type=color]{width:34px;height:30px;padding:2px;border:1px solid #cbd9e3;border-radius:7px;background:#fff}.ffds3252 .ffds-toggle-row{display:flex!important;align-items:center;justify-content:space-between;min-height:36px;padding:6px 0!important}.ffds3252 .ffds-toggle-row>span{font-size:9px!important;font-weight:800;color:#304f68}.ffds3252 .ffds-toggle-row input{width:18px;height:18px}
.ffds3252 .ffds-selection-box{border-color:#168ee0!important}.ffds3252 .ffds-object-float button[hidden]{display:none!important}.ffds3252 .ffds-object-float button:first-child{color:#c62828}.ffds3252 .ffds-object-float button:first-child:hover{background:#fff1f1!important;color:#b91c1c!important}
@media(max-width:760px){
.ffds3252 .ffds-image-editor{margin:8px 0}.ffds3252 .ffds-edit-colour i{width:32px;height:32px}.ffds3252 .ffds-limit-colours button,.ffds3252 .ffds-one-colour button{min-height:38px;font-size:10px}.ffds3252 .ffds-artwork-toolbar-3252 .ffds-action{min-height:44px!important}
.ffds3252 .ffds-text-actions-3252 button{min-height:42px;font-size:10px}.ffds3252 .ffds-selected-text-tools-3252 .ffds-text-style-grid{grid-template-columns:1fr}.ffds3252 .ffds-outline-row{grid-template-columns:auto auto 42px 1fr}.ffds3252 .ffds-text-editor-3252 textarea,.ffds3252 .ffds-text-editor-3252 input[type=text],.ffds3252 .ffds-text-editor-3252 select{font-size:16px!important}
}
.ffds3252 .ffds-text-presets-3252{margin:0 0 12px}.ffds3252 .ffds-text-presets-3252>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800;color:#304f68}.ffds3252 .ffds-text-presets-3252>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ffds3252 .ffds-text-presets-3252 button{min-width:0;height:58px;padding:5px;border:1px solid #cfe0eb;border-radius:9px;background:#e9f7ff;color:#173f5d;overflow:hidden;cursor:pointer}.ffds3252 .ffds-text-presets-3252 button:hover{border-color:#168ee0;box-shadow:inset 0 0 0 1px #168ee0}.ffds3252 .ffds-text-presets-3252 b,.ffds3252 .ffds-text-presets-3252 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffds3252 .ffds-text-presets-3252 b{font-size:10px}.ffds3252 .ffds-text-presets-3252 small{margin-top:6px;font-size:6px;color:#5a7489}
/* v3.28.0 — measured production areas + boundary validation */
.ffds-canvas-config{flex-wrap:wrap}
.ffds-print-area-control{display:flex;align-items:center;gap:10px;min-height:56px;padding:7px 10px 7px 14px;border:1px solid #d8e3ee;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(16,43,73,.05);color:#102b49;max-width:430px}
.ffds-print-area-control[hidden]{display:none!important}
.ffds-print-area-control>span{display:flex;min-width:112px;flex-direction:column;line-height:1.12}
.ffds-print-area-control small{font-size:9px;font-weight:800;letter-spacing:.1em;color:#7890a8}
.ffds-print-area-control strong{font-size:13px;font-weight:800;margin-top:3px}
.ffds-print-area-control select{min-width:170px;max-width:235px;height:36px;border:1px solid #dbe6f0;border-radius:9px;background:#f8fbfe;padding:0 30px 0 10px;font:700 12px/1 Inter,Arial,sans-serif;color:#173654;outline:none}
.ffds-print-area-control em{font-style:normal;white-space:nowrap;font-size:11px;font-weight:700;color:#52708c}
.ffds-print-area-box{position:absolute;z-index:4;pointer-events:none;border:2px dashed rgba(0,137,230,.88);border-radius:6px;background:rgba(26,151,232,.035);box-sizing:border-box;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.ffds-print-area-box[hidden]{display:none!important}
.ffds-print-area-box span{position:absolute;left:0;top:-25px;max-width:100%;padding:4px 7px;border-radius:7px;background:rgba(9,58,98,.92);color:#fff;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.ffds-print-area-box.is-overflow{border-color:#e43b3b;background:rgba(228,59,59,.055);box-shadow:0 0 0 2px rgba(228,59,59,.08)}
.ffds-print-area-box.is-overflow span{background:#c62929}
.ffds-print-area-warning{position:absolute;z-index:22;left:50%;bottom:56px;transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:8px;width:min(620px,calc(100% - 32px));padding:10px 12px;border:1px solid #f1b7b7;border-radius:12px;background:rgba(255,247,247,.97);box-shadow:0 10px 26px rgba(104,21,21,.12);color:#7e2020;font-size:11px}
.ffds-print-area-warning[hidden]{display:none!important}
.ffds-print-area-warning b{font-size:11px;color:#bd2424;white-space:nowrap}.ffds-print-area-warning span{line-height:1.35}.ffds-print-area-warning button{border:1px solid #dd3d3d;border-radius:8px;background:#fff;color:#b52222;font:800 10px/1 Inter,Arial,sans-serif;padding:8px 10px;cursor:pointer;white-space:nowrap}
.ffds-stage .ffds-object,.ffds-stage .ffds-group-text,.ffds-stage .ffds-year,.ffds-stage .ffds-personalisation,.ffds-stage .ffds-duplicate-object{z-index:7}
.ffds-stage .ffds-object-float,.ffds-stage .ffds-selection-box{z-index:18}
.ffds-production-facts small{display:block;margin-top:2px;color:#72869a;font-size:9px;font-weight:600}
@media(max-width:1100px){.ffds-print-area-control{width:100%;max-width:none}.ffds-print-area-control select{flex:1;max-width:none}}
@media(max-width:760px){.ffds-print-area-control{order:5;display:grid;grid-template-columns:1fr auto;gap:5px 8px;width:100%;padding:8px 10px;border-radius:10px}.ffds-print-area-control>span{grid-column:1/2}.ffds-print-area-control select{grid-column:1/-1;width:100%;min-width:0;height:38px;font-size:12px}.ffds-print-area-control em{grid-column:2/3;grid-row:1;text-align:right;font-size:10px}.ffds-print-area-box span{font-size:8px;top:-22px}.ffds-print-area-warning{bottom:70px;grid-template-columns:1fr auto;gap:4px 8px;padding:9px 10px;font-size:10px}.ffds-print-area-warning b{grid-column:1/2}.ffds-print-area-warning span{grid-column:1/-1;grid-row:2}.ffds-print-area-warning button{grid-column:2;grid-row:1}}
/* v3.38.0 — multi-side / multi-production-area artwork workspace */
.ffds-area-tabs-v3380{display:flex;gap:8px;overflow-x:auto;padding:7px 0 3px;margin-top:7px;scrollbar-width:thin}
.ffds-area-tabs-v3380[hidden]{display:none!important}
.ffds-area-tabs-v3380 button{flex:0 0 auto;min-width:132px;max-width:210px;border:1px solid #d6e3ec;border-radius:11px;background:#fff;padding:8px 10px;text-align:left;color:#173752;cursor:pointer;display:grid;gap:2px;box-shadow:0 1px 2px rgba(16,52,79,.04)}
.ffds-area-tabs-v3380 button strong{font-size:11px;line-height:1.2;font-weight:850}.ffds-area-tabs-v3380 button small{font-size:9px;line-height:1.25;color:#6c8292}
.ffds-area-tabs-v3380 button.is-active{border-color:#0b91e5;box-shadow:0 0 0 2px rgba(11,145,229,.10);background:#f4fbff}.ffds-area-tabs-v3380 button.is-used small{color:#148a5a}.ffds-area-tabs-v3380 button.is-used strong:after{content:' ✓';color:#15965f}
.ffds-area-outline-v3380{position:absolute;z-index:5;border:1.5px dashed rgba(13,145,229,.46);background:rgba(13,145,229,.025);padding:0;pointer-events:auto;cursor:pointer;border-radius:5px;transition:.15s ease}
.ffds-area-outline-v3380:hover{border-color:#0b91e5;background:rgba(13,145,229,.055)}.ffds-area-outline-v3380.is-active{border-width:2px;border-color:#0b91e5;background:rgba(13,145,229,.035)}.ffds-area-outline-v3380.is-used:after{content:'✓';position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#12915d;color:#fff;font:800 10px/1 Arial}
.ffds-art-slot-passive-v3380{z-index:16!important;cursor:pointer;pointer-events:auto!important;opacity:.97}.ffds-art-slot-passive-v3380:hover{filter:drop-shadow(0 0 5px rgba(11,145,229,.38))}
.ffds-selection-box{z-index:31!important}.ffds-art-object{z-index:22!important}
@media(max-width:760px){.ffds-area-tabs-v3380{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.ffds-area-tabs-v3380 button{min-width:126px;padding:8px}.ffds-area-outline-v3380{border-width:1px}.ffds-area-outline-v3380.is-active{border-width:1.5px}}
.ffds-view-card.has-decoration-v3380,.ffds-view-button.has-decoration-v3380,[data-view].has-decoration-v3380{position:relative}.ffds-view-card.has-decoration-v3380:after,.ffds-view-button.has-decoration-v3380:after,[data-view].has-decoration-v3380:after{content:'✓';position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#149560;color:#fff;font:800 10px/1 Arial;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.ffds-area-note-v3380{margin:6px 0 0;color:#607b8f;font-size:10px;line-height:1.35}.ffds-area-note-v3380[hidden]{display:none!important}
/* v3.48.4 — Guided text, artwork and personalisation education */
.ffds3484 .ffds-guide-strip-v3484{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px}
.ffds3484 .ffds-guide-strip-v3484>span{min-width:0;padding:10px 8px;border:1px solid #d7e5ef;border-radius:12px;background:#f8fbfe;text-align:center}
.ffds3484 .ffds-guide-strip-v3484 b{display:grid;place-items:center;width:22px;height:22px;margin:0 auto 6px;border-radius:999px;background:#168ee0;color:#fff;font-size:10px}
.ffds3484 .ffds-guide-strip-v3484 strong,.ffds3484 .ffds-guide-strip-v3484 small{display:block}.ffds3484 .ffds-guide-strip-v3484 strong{font-size:10px;color:#173650}.ffds3484 .ffds-guide-strip-v3484 small{margin-top:3px;font-size:8px;line-height:1.3;color:#73879a}
.ffds3484 .ffds-upload-advice-v3484{display:grid;gap:7px;margin:0 0 12px}.ffds3484 .ffds-upload-advice-v3484>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;padding:9px 10px;border:1px solid #e0e8ef;border-radius:11px;background:#fff}.ffds3484 .ffds-upload-advice-v3484 svg{width:22px;height:22px;color:#168ee0}.ffds3484 .ffds-upload-advice-v3484 strong,.ffds3484 .ffds-upload-advice-v3484 small{display:block}.ffds3484 .ffds-upload-advice-v3484 strong{font-size:10px;color:#24415b}.ffds3484 .ffds-upload-advice-v3484 small{font-size:9px;line-height:1.4;color:#70869a;margin-top:2px}
.ffds3484 .ffds-upload-zone em{display:block;margin-top:6px;font-style:normal;font-size:9px;color:#168ee0;font-weight:750}
.ffds3484 .ffds-production-guide-v3484{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;margin:12px 0;padding:12px;border:1px solid #cfe4f3;border-radius:14px;background:linear-gradient(180deg,#f7fcff,#eff8ff)}
.ffds3484 .ffds-production-guide-icon-v3484{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#168ee0;color:#fff}.ffds3484 .ffds-production-guide-icon-v3484 svg{width:22px;height:22px}.ffds3484 .ffds-production-guide-v3484>div>small{display:block;font-size:7px;font-weight:900;letter-spacing:.12em;color:#4b83ad}.ffds3484 .ffds-production-guide-v3484>div>strong{display:block;margin-top:3px;font-size:12px;color:#173650}.ffds3484 .ffds-production-guide-v3484>div>p{margin:4px 0 0;font-size:9px;line-height:1.45;color:#647d91}.ffds3484 .ffds-production-guide-v3484>b{align-self:start;padding:5px 7px;border-radius:999px;background:#fff;border:1px solid #cfe1ef;font-size:7px;letter-spacing:.06em;color:#166fae;white-space:nowrap}
.ffds3484 .ffds-final-check-v3484{margin:12px 0;padding:12px;border:1px solid #dde7ee;border-radius:13px;background:#fbfcfd}.ffds3484 .ffds-final-check-v3484 strong{display:block;font-size:11px;color:#213e58}.ffds3484 .ffds-final-check-v3484 p{margin:4px 0 0;font-size:9px;line-height:1.5;color:#6e8295}
.ffds3484 .ffds-guide-step-title-v3484{display:flex;gap:9px;align-items:center;margin-bottom:10px}.ffds3484 .ffds-guide-step-title-v3484>b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:999px;background:#168ee0;color:#fff;font-size:10px}.ffds3484 .ffds-guide-step-title-v3484 strong,.ffds3484 .ffds-guide-step-title-v3484 small{display:block}.ffds3484 .ffds-guide-step-title-v3484 strong{font-size:12px;color:#173650}.ffds3484 .ffds-guide-step-title-v3484 small{font-size:8px;line-height:1.35;color:#75899b;margin-top:2px}
.ffds3484 .ffds-text-entry-v3484{padding:12px;border:1px solid #dbe7f0;border-radius:14px;background:#fbfdff;margin-bottom:11px}.ffds3484 .ffds-text-entry-v3484 .ffds-field{margin-bottom:10px}.ffds3484 .ffds-text-primary-v3484{width:100%;min-height:44px;border:0;border-radius:12px;background:#168ee0;color:#fff;font-weight:850;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 0 #0d609c;cursor:pointer}.ffds3484 .ffds-text-primary-v3484 svg{width:18px;height:18px}.ffds3484 .ffds-year-field-3252 span small{font-weight:600;color:#8999a8}
.ffds3484 .ffds-text-actions-v3484{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ffds3484 .ffds-text-actions-v3484 button{min-width:0}
.ffds3484 .ffds-personal-preview-v3484{overflow:hidden;margin:0 0 12px;border:1px solid #d3e2ed;border-radius:15px;background:#f7fafc}.ffds3484 .ffds-personal-preview-stage-v3484{height:235px;position:relative;background:radial-gradient(circle at 50% 45%,#fff 0,#f2f6f9 72%);overflow:hidden}.ffds3484 .ffds-personal-preview-stage-v3484>img{display:block;width:100%;height:100%;object-fit:contain}.ffds3484 .ffds-personal-preview-placeholder-v3484{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7890a4;text-align:center;font-size:10px}.ffds3484 .ffds-personal-preview-placeholder-v3484[hidden]{display:none!important}.ffds3484 .ffds-personal-preview-placeholder-v3484 svg{width:44px;height:44px}.ffds3484 .ffds-personal-preview-area-v3484{position:absolute;display:flex;align-items:center;justify-content:center;border:1.5px dashed #168ee0;background:rgba(3,92,154,.08);padding:4px;pointer-events:none}.ffds3484 .ffds-personal-preview-area-v3484[hidden]{display:none!important}.ffds3484 .ffds-personal-preview-area-v3484 span{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;font-size:clamp(8px,2vw,15px);line-height:1.05;text-shadow:0 1px 3px rgba(0,0,0,.72)}.ffds3484 .ffds-personal-preview-meta-v3484{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce7ee}.ffds3484 .ffds-personal-preview-meta-v3484>span{padding:9px 11px;min-width:0}.ffds3484 .ffds-personal-preview-meta-v3484>span+span{border-left:1px solid #dce7ee}.ffds3484 .ffds-personal-preview-meta-v3484 small,.ffds3484 .ffds-personal-preview-meta-v3484 strong{display:block}.ffds3484 .ffds-personal-preview-meta-v3484 small{font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8193a3}.ffds3484 .ffds-personal-preview-meta-v3484 strong{margin-top:2px;font-size:10px;color:#213f58;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffds3484 .ffds-personal-preview-v3484>p{margin:0;padding:0 11px 11px;font-size:8px!important;line-height:1.45!important;color:#71869a!important}
.ffds3484 .ffds-how-it-works-v3484{padding:12px;margin:0 0 12px;border:1px solid #dce7ef;border-radius:13px;background:#fff}.ffds3484 .ffds-how-it-works-v3484>strong{font-size:11px;color:#203d56}.ffds3484 .ffds-how-it-works-v3484>div{display:grid;gap:7px;margin-top:8px}.ffds3484 .ffds-how-it-works-v3484 span{display:grid;grid-template-columns:23px 1fr;gap:7px;align-items:start;font-size:9px;line-height:1.4;color:#61798d}.ffds3484 .ffds-how-it-works-v3484 b{display:grid;place-items:center;width:21px;height:21px;border-radius:999px;background:#eaf6ff;color:#0878d1;font-size:9px}.ffds3484 .ffds-personal-sample-v3484{margin-top:12px}
/* =====================================================================
v3.48.5 — customer-grade text, artwork and personalisation tools
Progressive disclosure replaces the v3.48.4 education-card wall.
===================================================================== */
.ffds3485 .ffds-sheet-head-v3485{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:start;margin:0 0 14px}
.ffds3485 .ffds-sheet-icon-v3485{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf6ff;color:#087fd2}
.ffds3485 .ffds-sheet-icon-v3485 svg{width:23px;height:23px}.ffds3485 .ffds-sheet-head-v3485 h2{margin:1px 0 4px!important}.ffds3485 .ffds-sheet-head-v3485 p{margin:0!important;color:#667e91!important}
.ffds3485 .ffds-upload-empty-v3485[hidden],.ffds3485 .ffds-upload-loaded-v3485[hidden],.ffds3485 [data-artwork-checks][hidden]{display:none!important}
.ffds3485 .ffds-upload-zone-v3485{min-height:176px;border:1.5px dashed #b8cddd;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f4f9fd);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer}
.ffds3485 .ffds-upload-zone-v3485:hover{border-color:#2b93da;background:#f3faff}.ffds3485 .ffds-upload-zone-v3485 .big{width:50px;height:50px;border-radius:15px;background:#e8f5ff;color:#2488d1;display:grid;place-items:center;margin-bottom:10px}.ffds3485 .ffds-upload-zone-v3485 .big svg{width:27px;height:27px}
.ffds3485 .ffds-upload-zone-v3485 strong{font-size:16px;color:#173a55}.ffds3485 .ffds-upload-zone-v3485 small{font-size:10px;color:#70869a;margin-top:4px}.ffds3485 .ffds-upload-zone-v3485 em{font-size:9px!important;color:#2084c9!important;font-weight:800!important}
.ffds3485 .ffds-upload-tips-v3485{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ffds3485 .ffds-upload-tips-v3485>span{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 8px;padding:10px;border:1px solid #dde7ee;border-radius:12px;background:#fff}.ffds3485 .ffds-upload-tips-v3485 svg{grid-row:1/3;width:20px;height:20px;color:#168bd8}.ffds3485 .ffds-upload-tips-v3485 b{font-size:10px;color:#26465f}.ffds3485 .ffds-upload-tips-v3485 small{font-size:8.5px;line-height:1.35;color:#71879a}
.ffds3485 .ffds-guidance-details-v3485,.ffds3485 .ffds-image-editor-v3485,.ffds3485 .ffds-artwork-checks-v3485{margin-top:10px;border:1px solid #dce6ed;border-radius:14px;background:#fff;overflow:hidden}
.ffds3485 .ffds-guidance-details-v3485>summary,.ffds3485 .ffds-image-editor-v3485>summary,.ffds3485 .ffds-artwork-checks-v3485>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 11px;cursor:pointer;color:#24445e}.ffds3485 summary::-webkit-details-marker{display:none}
.ffds3485 .ffds-guidance-details-v3485>summary{justify-content:space-between;font-size:10px;font-weight:850}.ffds3485 .ffds-guidance-details-v3485>summary span{font-size:8px;font-weight:650;color:#7b8fa1}
.ffds3485 .ffds-guidance-body-v3485{padding:0 12px 12px;border-top:1px solid #edf2f5}.ffds3485 .ffds-guidance-body-v3485 p{font-size:9.5px!important;line-height:1.5!important;margin:10px 0 0!important;color:#60788c!important}
.ffds3485 .ffds-upload-success-card-v3485{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid #cfe3d9;border-radius:15px;background:linear-gradient(180deg,#fbfffd,#f2fbf7)}
.ffds3485 .ffds-upload-success-thumb-v3485{width:78px;height:78px;border-radius:12px;background:#fff;border:1px solid #dce7e1;display:grid;place-items:center;overflow:hidden}.ffds3485 .ffds-upload-success-thumb-v3485 img{width:100%;height:100%;object-fit:contain}
.ffds3485 .ffds-success-badge-v3485{display:inline-flex;align-items:center;gap:4px;width:max-content;padding:4px 7px;border-radius:999px;background:#def7e9;color:#137749;font-size:7.5px;font-weight:900;letter-spacing:.05em}.ffds3485 .ffds-success-badge-v3485 svg{width:11px;height:11px}
.ffds3485 .ffds-upload-success-card-v3485 strong,.ffds3485 .ffds-upload-success-card-v3485 small{display:block}.ffds3485 .ffds-upload-success-card-v3485 strong{margin-top:6px;font-size:12px;color:#183c56;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffds3485 .ffds-upload-success-card-v3485 small{margin-top:3px;font-size:9px;color:#72879a}
.ffds3485 .ffds-upload-success-actions-v3485{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ffds3485 .ffds-upload-success-actions-v3485 button{min-height:42px;border:1px solid #cbdde9;border-radius:11px;background:#fff;color:#1d6698;font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.ffds3485 .ffds-upload-success-actions-v3485 svg{width:17px;height:17px}
.ffds3485 .ffds-production-guide-v3485{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:start;margin-top:10px;padding:10px;border:1px solid #d7e6f0;border-radius:13px;background:#f7fbfe}.ffds3485 .ffds-production-guide-icon-v3485{width:38px;height:38px;border-radius:11px;background:#168ee0;color:#fff;display:grid;place-items:center}.ffds3485 .ffds-production-guide-icon-v3485 svg{width:20px;height:20px}.ffds3485 .ffds-production-guide-v3485 small{display:block;font-size:7px;font-weight:900;letter-spacing:.09em;color:#5f83a0}.ffds3485 .ffds-production-guide-v3485 strong{display:block;margin-top:2px;font-size:11px;color:#193c56}.ffds3485 .ffds-production-guide-v3485 p{margin:3px 0 0!important;font-size:8.5px!important;line-height:1.42!important;color:#6b8193!important}.ffds3485 .ffds-production-guide-v3485>b{padding:4px 6px;border:1px solid #d2e1eb;border-radius:999px;background:#fff;color:#237dbd;font-size:7px;white-space:nowrap}
.ffds3485 .ffds-image-editor-v3485>summary,.ffds3485 .ffds-artwork-checks-v3485>summary{display:grid;grid-template-columns:30px minmax(0,1fr) 18px}.ffds3485 .ffds-image-editor-v3485>summary>span,.ffds3485 .ffds-artwork-checks-v3485>summary>span{width:30px;height:30px;border-radius:9px;background:#edf7ff;color:#1689d7;display:grid;place-items:center}.ffds3485 .ffds-image-editor-v3485>summary svg,.ffds3485 .ffds-artwork-checks-v3485>summary svg{width:17px;height:17px}.ffds3485 .ffds-image-editor-v3485>summary strong,.ffds3485 .ffds-image-editor-v3485>summary small,.ffds3485 .ffds-artwork-checks-v3485>summary strong,.ffds3485 .ffds-artwork-checks-v3485>summary small{display:block}.ffds3485 .ffds-image-editor-v3485>summary strong,.ffds3485 .ffds-artwork-checks-v3485>summary strong{font-size:10.5px}.ffds3485 .ffds-image-editor-v3485>summary small,.ffds3485 .ffds-artwork-checks-v3485>summary small{font-size:8px;color:#768a9b;margin-top:2px}.ffds3485 .ffds-image-editor-body-v3485,.ffds3485 .ffds-artwork-checks-body-v3485{padding:11px;border-top:1px solid #edf2f5}
.ffds3485 .ffds-remove-artwork-v3485{width:100%;min-height:40px;margin-top:10px;border:0;background:transparent;color:#bb3434;font-size:9px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px}.ffds3485 .ffds-remove-artwork-v3485 svg{width:15px;height:15px}
/* text tool */
.ffds3485 .ffds-text-entry-v3485{padding:11px;border:1px solid #dce6ed;border-radius:15px;background:#fbfdff;margin-bottom:10px}.ffds3485 .ffds-text-entry-v3485 textarea{min-height:82px!important;border-radius:11px!important}.ffds3485 .ffds-text-primary-v3485{width:100%;min-height:46px;margin-top:8px;border:0;border-radius:12px;background:linear-gradient(180deg,#168fe2,#0f7dca);color:#fff;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 3px 0 #0c5f9c}.ffds3485 .ffds-text-primary-v3485 svg{width:17px;height:17px}
.ffds3485 .ffds-selected-text-tools-v3485{padding:2px 0 0!important;border:0!important;background:transparent!important}
.ffds3485 .ffds-text-control-row-v3485{display:grid;grid-template-columns:1fr;gap:11px;padding:11px;border:1px solid #dfe8ee;border-radius:15px;background:#fff}.ffds3485 .ffds-text-control-row-v3485 label,.ffds3485 .ffds-text-colour-controls-v3485 label{display:grid;gap:6px}.ffds3485 .ffds-text-control-row-v3485 label>span,.ffds3485 .ffds-text-colour-controls-v3485 label>span{font-size:10px;font-weight:800;color:#314e66}.ffds3485 .ffds-text-control-row-v3485 select{height:42px;border-radius:10px!important}
.ffds3485 .ffds-text-size-v3485 span{display:flex;justify-content:space-between}.ffds3485 .ffds-text-size-v3485 b{font-size:9px;color:#2b83c4}
.ffds3485 .ffds-text-colour-controls-v3485{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;margin-top:8px;padding:10px;border:1px solid #dfe8ee;border-radius:14px;background:#fff}.ffds3485 .ffds-text-colour-controls-v3485 input[type="color"]{width:42px;height:38px;border:1px solid #d7e1e8;border-radius:10px;padding:3px;background:#fff}.ffds3485 .ffds-text-colour-controls-v3485>label:last-child{justify-items:end}.ffds3485 .ffds-text-colour-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px}.ffds3485 .ffds-text-colour-row input[type="text"]{height:38px!important;font-size:11px!important}
.ffds3485 .ffds-text-button-line-v3485{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:center;min-height:52px;padding:6px 9px;margin-top:7px;border:1px solid #e0e8ee;border-radius:13px;background:#fff}.ffds3485 .ffds-text-button-line-v3485>span{font-size:10px;font-weight:800;color:#314d64}.ffds3485 .ffds-text-format-row,.ffds3485 .ffds-text-align-control{justify-self:end;display:flex;gap:6px}.ffds3485 .ffds-text-format-row button,.ffds3485 .ffds-text-align-control button{width:36px;height:36px;border:1px solid #cadbe6;border-radius:999px;background:#fff;color:#264c68;display:grid;place-items:center;font-size:11px}.ffds3485 .ffds-text-format-row button.is-active,.ffds3485 .ffds-text-align-control button.is-active,.ffds3485 [data-text-uppercase].is-active{background:#168ee0!important;color:#fff!important;border-color:#168ee0!important;box-shadow:0 2px 0 #0d5f9a}.ffds3485 .ffds-text-align-control svg{width:17px;height:17px}
.ffds3485 .ffds-text-slider-v3485{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:center;min-height:48px;padding:5px 9px;margin-top:7px;border:1px solid #e0e8ee;border-radius:13px;background:#fff}.ffds3485 .ffds-text-slider-v3485>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#314d64}.ffds3485 .ffds-text-slider-v3485>span b{font-size:8px;color:#2883c5}.ffds3485 .ffds-text-slider-v3485 input[type="range"]{width:100%;accent-color:#168ee0}
.ffds3485 .ffds-text-toggle-v3485{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:10px;min-height:54px;padding:7px 10px;margin-top:7px;border:1px solid #e0e8ee;border-radius:13px;background:#fff;cursor:pointer}.ffds3485 .ffds-text-toggle-v3485 span b,.ffds3485 .ffds-text-toggle-v3485 span small{display:block}.ffds3485 .ffds-text-toggle-v3485 span b{font-size:10px;color:#314d64}.ffds3485 .ffds-text-toggle-v3485 span small{font-size:8px;color:#7a8d9d;margin-top:2px}.ffds3485 .ffds-text-toggle-v3485 input{position:absolute;opacity:0;pointer-events:none}.ffds3485 .ffds-text-toggle-v3485 i{position:relative;width:42px;height:24px;border-radius:999px;background:#dce6ed;transition:.16s}.ffds3485 .ffds-text-toggle-v3485 i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.16s}.ffds3485 .ffds-text-toggle-v3485 input:checked+i{background:#168ee0}.ffds3485 .ffds-text-toggle-v3485 input:checked+i:after{transform:translateX(18px)}.ffds3485 .ffds-text-toggle-v3485 input:disabled+i{opacity:.45}.ffds3485 .ffds-text-toggle-v3485:has(input:disabled){opacity:.55}
.ffds3485 .ffds-text-bottom-actions-v3485{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ffds3485 .ffds-text-bottom-actions-v3485 button{min-height:40px;border:1px solid #d6e3eb;border-radius:11px;background:#fff;color:#35617f;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.ffds3485 .ffds-text-bottom-actions-v3485 button.is-danger{color:#b63434;border-color:#eed1d1;background:#fffafa}.ffds3485 .ffds-text-bottom-actions-v3485 svg{width:15px;height:15px}
.ffds3485 .ffds-curved-line-v3485{display:inline-block;white-space:nowrap}.ffds3485 .ffds-curved-char-v3485{display:inline-block;transform-origin:50% 100%}.ffds3485 .is-distressed-text-v3485{-webkit-mask-image:repeating-linear-gradient(117deg,#000 0 7px,rgba(0,0,0,.94) 7px 12px,transparent 12px 13px,#000 13px 20px);mask-image:repeating-linear-gradient(117deg,#000 0 7px,rgba(0,0,0,.94) 7px 12px,transparent 12px 13px,#000 13px 20px)}
.ffds3485 .ffds-text-production-v3485{margin-bottom:0}
/* names & numbers */
.ffds3485 .ffds-personal-preview-v3485{overflow:hidden;border:1px solid #d4e1ea;border-radius:16px;background:#f7fafc;box-shadow:0 3px 14px rgba(20,57,82,.045)}.ffds3485 .ffds-personal-preview-stage-v3485{height:270px;position:relative;background:radial-gradient(circle at 50% 45%,#fff,#eef4f7 76%);overflow:hidden}.ffds3485 .ffds-personal-preview-stage-v3485>img{width:100%;height:100%;object-fit:contain;display:block}
.ffds3485 .ffds-personal-preview-placeholder-v3485{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#73899a;font-size:9px}.ffds3485 .ffds-personal-preview-placeholder-v3485[hidden]{display:none!important}.ffds3485 .ffds-personal-preview-placeholder-v3485 svg{width:42px;height:42px}
.ffds3485 .ffds-personal-preview-area-v3485{position:absolute;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(19,133,214,.78);background:rgba(19,133,214,.06);padding:3px;pointer-events:none;overflow:visible}.ffds3485 .ffds-personal-preview-area-v3485[hidden]{display:none!important}.ffds3485 .ffds-personal-preview-area-v3485>span{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:.98;text-shadow:0 1px 3px rgba(0,0,0,.55);font-size:clamp(9px,2.6vw,17px);transform-origin:center}
.ffds3485 .ffds-personal-preview-meta-v3485{display:grid;grid-template-columns:110px minmax(0,1fr);border-top:1px solid #dce7ee;background:#fff}.ffds3485 .ffds-personal-preview-meta-v3485>span{padding:9px 10px;min-width:0}.ffds3485 .ffds-personal-preview-meta-v3485>span+span{border-left:1px solid #e2e9ee}.ffds3485 .ffds-personal-preview-meta-v3485 small,.ffds3485 .ffds-personal-preview-meta-v3485 strong{display:block}.ffds3485 .ffds-personal-preview-meta-v3485 small{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#8394a3;font-weight:850}.ffds3485 .ffds-personal-preview-meta-v3485 strong{margin-top:2px;font-size:9px;color:#294760}
.ffds3485 .ffds-personal-type-v3485{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px;margin-top:10px;padding:4px;border-radius:12px;background:#eef4f8}.ffds3485 .ffds-personal-type-v3485 button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#577086;font-size:9px;font-weight:850}.ffds3485 .ffds-personal-type-v3485 button.is-active{background:#fff;color:#167fca;box-shadow:0 1px 5px rgba(20,54,78,.11)}
.ffds3485 .ffds-personal-fields-v3485{display:grid;grid-template-columns:1fr 100px;gap:8px;margin-top:9px}.ffds3485 .ffds-personal-fields-v3485 label{display:grid;gap:5px}.ffds3485 .ffds-personal-fields-v3485 label[hidden]{display:none!important}.ffds3485 .ffds-personal-fields-v3485 span,.ffds3485 .ffds-personal-control-grid-v3485>label>span,.ffds3485 .ffds-personal-control-grid-v3485>div>span,.ffds3485 .ffds-personal-size-v3485>span,.ffds3485 .ffds-personal-colour-v3485>span{font-size:9px;font-weight:800;color:#405c72}.ffds3485 .ffds-personal-fields-v3485 input,.ffds3485 .ffds-personal-control-grid-v3485 select{height:40px!important;border-radius:10px!important;font-size:12px!important}
.ffds3485 .ffds-personal-control-grid-v3485{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:9px}.ffds3485 .ffds-personal-control-grid-v3485>div,.ffds3485 .ffds-personal-control-grid-v3485>label{min-width:0;display:grid;gap:5px}.ffds3485 .ffds-personalisation-positions{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.ffds3485 .ffds-personalisation-positions::-webkit-scrollbar{display:none}.ffds3485 .ffds-personalisation-positions label{flex:0 0 auto;cursor:pointer}.ffds3485 .ffds-personalisation-positions input{position:absolute;opacity:0}.ffds3485 .ffds-personalisation-positions label span{display:flex;align-items:center;min-height:40px;padding:0 10px;border:1px solid #d6e2ea;border-radius:10px;background:#fff;color:#426078;font-size:8.5px;font-weight:800;white-space:nowrap}.ffds3485 .ffds-personalisation-positions label:has(input:checked) span{border-color:#168ee0;background:#edf8ff;color:#0f78bd}
.ffds3485 .ffds-personal-size-v3485,.ffds3485 .ffds-personal-colour-v3485{margin-top:9px;padding:10px;border:1px solid #dee7ed;border-radius:13px;background:#fff}.ffds3485 .ffds-personal-size-v3485>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.ffds3485 .ffds-personal-size-v3485 button{height:36px;border:1px solid #d5e1e9;border-radius:9px;background:#fff;color:#49687f;font-size:9px;font-weight:800}.ffds3485 .ffds-personal-size-v3485 button.is-active{background:#168ee0;border-color:#168ee0;color:#fff}.ffds3485 .ffds-personal-size-v3485>small{display:block;margin-top:6px;font-size:7.5px;color:#7b8d9b}.ffds3485 .ffds-personal-colour-v3485{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center}.ffds3485 .ffds-personal-colour-v3485>div{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ffds3485 .ffds-personal-colour-v3485 input{width:42px;height:36px;border:1px solid #d5e1e8;border-radius:9px;padding:3px;background:#fff}.ffds3485 .ffds-personal-colour-v3485 small{font-size:7.5px;color:#7a8c9b;text-align:right}
.ffds3485 .ffds-personal-info-v3485{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;margin-top:9px;padding:10px;border-radius:13px;background:#eef8ff;border:1px solid #d5e8f6}.ffds3485 .ffds-personal-info-v3485>span{width:32px;height:32px;border-radius:9px;background:#168ee0;color:#fff;display:grid;place-items:center}.ffds3485 .ffds-personal-info-v3485 svg{width:17px;height:17px}.ffds3485 .ffds-personal-info-v3485 strong{font-size:9.5px;color:#244761}.ffds3485 .ffds-personal-info-v3485 p{margin:3px 0 0!important;font-size:8px!important;line-height:1.45!important;color:#698195!important}
.ffds3485 .ffds-upload-confirmation-v3485{position:absolute;left:50%;bottom:16px;z-index:80;transform:translate(-50%,10px);display:grid;grid-template-columns:24px auto;gap:0 8px;align-items:center;min-width:220px;max-width:calc(100% - 24px);padding:9px 12px;border:1px solid #a9dfbf;border-radius:999px;background:rgba(247,255,250,.97);color:#176b45;box-shadow:0 8px 24px rgba(17,92,60,.18);opacity:0;transition:.18s ease;pointer-events:none}.ffds3485 .ffds-upload-confirmation-v3485[hidden]{display:none!important}.ffds3485 .ffds-upload-confirmation-v3485.is-visible{opacity:1;transform:translate(-50%,0)}.ffds3485 .ffds-upload-confirmation-v3485 b{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:#1c9b62;color:#fff;display:grid;place-items:center;font-size:12px}.ffds3485 .ffds-upload-confirmation-v3485 span{font-size:9px;font-weight:900}.ffds3485 .ffds-upload-confirmation-v3485 small{font-size:7.5px;color:#5c816f}
/* v3.48.5 text shadow control — one clean row, colour only when enabled */
.ffds3485 .ffds-text-shadow-row-v3485{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:9px;min-height:56px;padding:8px 10px;margin-top:7px;border:1px solid #e0e8ee;border-radius:13px;background:#fff}.ffds3485 .ffds-text-shadow-row-v3485>span b,.ffds3485 .ffds-text-shadow-row-v3485>span small{display:block}.ffds3485 .ffds-text-shadow-row-v3485>span b{font-size:10px;color:#314d64}.ffds3485 .ffds-text-shadow-row-v3485>span small{font-size:8px;color:#7a8d9d;margin-top:2px}.ffds3485 .ffds-text-shadow-row-v3485>input[type=color]{width:42px;height:38px;padding:3px;border:1px solid #d4e0e8;border-radius:10px;background:#fff}.ffds3485 .ffds-text-shadow-row-v3485>input[type=color]:disabled{opacity:.38}.ffds3485 .ffds-mini-switch-v3485{display:block;position:relative;width:42px;height:24px}.ffds3485 .ffds-mini-switch-v3485 input{position:absolute;opacity:0;pointer-events:none}.ffds3485 .ffds-mini-switch-v3485 i{display:block;position:relative;width:42px;height:24px;border-radius:999px;background:#dce6ed;transition:.16s}.ffds3485 .ffds-mini-switch-v3485 i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.16s}.ffds3485 .ffds-mini-switch-v3485 input:checked+i{background:#168ee0}.ffds3485 .ffds-mini-switch-v3485 input:checked+i:after{transform:translateX(18px)}.ffds3485 .ffds-mini-switch-v3485 input:disabled+i{opacity:.45}
/* =====================================================================
v3.49.3 — colour picker, artwork iconography and responsive personalisation
Baseline styles are intentionally light so desktop is not made worse while
the dedicated desktop redesign is deferred to the next pass.
===================================================================== */
.ffds3493 .ffds-text-colour-card-v3493{margin-top:9px;padding:12px;border:1px solid #dce7ee;border-radius:15px;background:#fff;display:grid;gap:10px}
.ffds3493 .ffds-text-colour-head-v3493{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ffds3493 .ffds-text-colour-head-v3493 strong,.ffds3493 .ffds-text-colour-head-v3493 small{display:block}.ffds3493 .ffds-text-colour-head-v3493 strong{font-size:12px;color:#284b66}.ffds3493 .ffds-text-colour-head-v3493 small{margin-top:2px;font-size:9px;color:#7a8e9f}.ffds3493 .ffds-text-colour-head-v3493>b{padding:5px 8px;border:1px solid #d9e4ec;border-radius:999px;background:#f7fafc;color:#4d687d;font-size:9px;letter-spacing:.04em}
.ffds3493 .ffds-text-palette-v3493{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ffds3493 .ffds-text-palette-v3493 button,.ffds3493 .ffds-custom-colour-v3493{position:relative;min-width:0;min-height:54px;padding:6px 4px;border:1px solid #d8e4ec;border-radius:12px;background:#fff;color:#35546b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:800 8px/1.1 Inter,Arial,sans-serif;cursor:pointer}.ffds3493 .ffds-text-palette-v3493 button i{width:25px;height:25px;border-radius:50%;background:var(--ff-text-swatch);border:1px solid rgba(20,45,65,.16);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.ffds3493 .ffds-text-palette-v3493 button.is-active,.ffds3493 .ffds-custom-colour-v3493.is-active{border-color:#168ee3;box-shadow:0 0 0 2px rgba(22,142,227,.11);background:#f5fbff}.ffds3493 .ffds-text-palette-v3493 button.is-active:after{content:'✓';position:absolute;right:5px;top:4px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#168ee3;color:#fff;font:900 9px/1 Arial}.ffds3493 .ffds-custom-colour-v3493 svg{width:21px;height:21px;color:#168ee3}.ffds3493 .ffds-custom-colour-v3493 input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ffds3493 .ffds-text-colour-meta-v3493{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px}.ffds3493 .ffds-text-colour-meta-v3493>label{min-width:0;min-height:40px;padding:5px 8px;border:1px solid #e0e8ee;border-radius:10px;background:#f9fbfc;display:flex;align-items:center;gap:8px}.ffds3493 .ffds-text-colour-meta-v3493>label>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#7890a2}.ffds3493 .ffds-text-colour-meta-v3493 input[type=text]{min-width:0;width:100%;height:30px!important;border:0!important;background:transparent!important;padding:0!important;color:#284b66!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}.ffds3493 .ffds-outline-colour-v3493{justify-content:space-between}.ffds3493 .ffds-outline-colour-v3493 input[type=color]{width:36px;height:30px;padding:2px;border:1px solid #d0dde7;border-radius:8px;background:#fff}
.ffds3493 .ffds-guidance-details-v3485>summary,.ffds3493 .ffds-image-editor-v3485>summary,.ffds3493 .ffds-artwork-checks-v3485>summary,.ffds3493 .ffds-personal-help-v3490>summary{list-style:none}.ffds3493 .ffds-guidance-details-v3485>summary::-webkit-details-marker,.ffds3493 .ffds-image-editor-v3485>summary::-webkit-details-marker,.ffds3493 .ffds-artwork-checks-v3485>summary::-webkit-details-marker,.ffds3493 .ffds-personal-help-v3490>summary::-webkit-details-marker{display:none}.ffds3493 .ffds-guidance-details-v3485>summary em,.ffds3493 .ffds-image-editor-v3485>summary em,.ffds3493 .ffds-artwork-checks-v3485>summary em,.ffds3493 .ffds-personal-help-v3490>summary em{font-style:normal}.ffds3493 .ffds-guidance-details-v3485>summary em:before,.ffds3493 .ffds-image-editor-v3485>summary em:before,.ffds3493 .ffds-artwork-checks-v3485>summary em:before,.ffds3493 .ffds-personal-help-v3490>summary em:before{content:'+'}.ffds3493 .ffds-guidance-details-v3485[open]>summary em:before,.ffds3493 .ffds-image-editor-v3485[open]>summary em:before,.ffds3493 .ffds-artwork-checks-v3485[open]>summary em:before,.ffds3493 .ffds-personal-help-v3490[open]>summary em:before{content:'−'}
.ffds3493 .ffds-guidance-summary-copy-v3493 strong,.ffds3493 .ffds-guidance-summary-copy-v3493 small{display:block}.ffds3493 .ffds-guidance-summary-copy-v3493 strong{font-size:11px;color:#294b65}.ffds3493 .ffds-guidance-summary-copy-v3493 small{margin-top:2px;font-size:8px;color:#72889a}
/* v3.49.9 — the old embroidery simulation disclaimer duplicated the method
badge and leaked visually into later commerce steps. Keep the realistic
embroidery rendering, but remove the generated notification pill. */
.ffds3499.is-embroidery-preview .ffds-canvas-card::after{
content:none!important;
display:none!important;
}