.configurator-page{background:#fff;padding-bottom:80px}.configurator-breadcrumb{color:#747a74;align-items:center;gap:10px;padding-top:28px;font-size:12px;display:flex}.configurator-breadcrumb a{font-weight:600}.configurator-breadcrumb span:last-child{color:#181b18}.configurator-intro{grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:48px;padding-top:58px;padding-bottom:42px;display:grid}.configurator-intro .eyebrow{margin-bottom:20px}.configurator-intro h1{letter-spacing:-.07em;max-width:920px;margin:0;font-size:clamp(46px,6.1vw,82px);line-height:.99}.configurator-intro h1 em{color:var(--brand-green);font-style:normal}.configurator-lead{color:#555d55;max-width:740px;margin:25px 0 0;font-size:16px;line-height:1.75}.configurator-intro-note{border-left:2px solid var(--brand-green);align-items:flex-start;gap:13px;margin-bottom:6px;padding:2px 0 2px 20px;display:flex}.configurator-intro-note span{color:var(--brand-green);letter-spacing:.12em;font-size:11px;font-weight:800}.configurator-intro-note p{color:#343a35;margin:0;font-size:13px;line-height:1.65}.configurator-workspace{padding-bottom:55px}.configurator-modebar{background:#f4f6f2;border:1px solid #e2e7df;grid-template-columns:auto minmax(380px,1fr) auto;align-items:center;gap:24px;margin-bottom:14px;padding:15px 18px;display:grid}.configurator-mode-label{white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.configurator-mode-label svg{color:var(--brand-green)}.config-mode-switch{grid-template-columns:1fr 1fr;gap:7px;display:grid}.config-mode-switch button{text-align:left;color:#171a17;cursor:pointer;background:#fff;border:1px solid #dfe4dd;grid-template-rows:1fr 1fr;grid-template-columns:33px 1fr;align-items:center;min-height:55px;padding:8px 12px;transition:border .15s,background .15s;display:grid;position:relative}.config-mode-switch button>span{color:#899088;grid-row:1/3;font-size:11px;font-weight:700}.config-mode-switch button b{font-size:13px;line-height:1.2}.config-mode-switch button small{color:#707971;font-size:10px;line-height:1.2}.config-mode-switch button:hover,.config-mode-switch button.is-active{border-color:var(--brand-green)}.config-mode-switch button.is-active{box-shadow:inset 3px 0 0 var(--brand-green);background:#f8fff3}.config-mode-switch button.is-active>span,.config-mode-switch button.is-active b{color:var(--brand-green)}.configurator-mode-note{color:#68716a;max-width:130px;font-size:11px;line-height:1.5}.configurator-grid{grid-template-columns:minmax(265px,.82fr) minmax(390px,1.36fr) minmax(275px,.84fr);align-items:start;gap:14px;display:grid}.configurator-panel{background:#fff;border:1px solid #e1e6df;padding:19px 18px 20px}.config-panel-head{border-bottom:1px solid #e7ebe5;align-items:flex-start;gap:12px;margin-bottom:6px;padding-bottom:17px;display:flex}.config-panel-head>span{background:var(--brand-ink);color:#fff;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.config-panel-head h2{letter-spacing:-.04em;margin:2px 0 5px;font-size:18px;line-height:1.1}.config-panel-head p{color:#747b74;margin:0;font-size:11px;line-height:1.4}.config-field{border-bottom:1px solid #ecefea;padding:14px 0}.configurator-panel label,.config-field-title{color:#3b433b;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.config-field-title{align-items:center;gap:7px;display:flex}.configurator-panel input:not([type=color]):not([type=range]):not([type=checkbox]),.configurator-panel select,.configurator-panel textarea{color:#171a17;width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #d9dfd7;border-radius:2px;outline:none;padding:9px 10px;font-size:12px}.configurator-panel textarea{resize:vertical;min-height:76px;line-height:1.5}.configurator-panel input:focus,.configurator-panel select:focus,.configurator-panel textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 2px #43b02a1f}.config-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.config-label-row label{margin-bottom:0}.config-label-row>span{color:#727a73;font-size:10px}.config-swatches{flex-wrap:wrap;gap:8px;padding:11px 1px 10px;display:flex}.config-swatches button{background:var(--swatch-color);cursor:pointer;border:2px solid #fff;border-radius:50%;outline:1px solid #cfd6ce;width:25px;height:25px}.config-swatches button.is-selected{outline:2px solid var(--brand-green);outline-offset:2px}.config-swatches button[style*=\#171918]{box-shadow:inset 0 0 0 1px #444}.config-custom-color{color:#6d756d;justify-content:space-between;align-items:center;font-size:10px;display:flex}.config-custom-color input,.config-two-col input[type=color],.config-layer-color input{cursor:pointer;background:#fff;border:1px solid #d7ddd5;width:45px;height:29px;padding:2px}.config-two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.config-two-col>div{min-width:0}.config-two-col input[type=color]{width:100%;height:39px}.config-field-note{color:#6b756d;align-items:flex-start;gap:7px;margin:10px 0 0;font-size:10px;line-height:1.5;display:flex}.config-field-note svg{color:var(--brand-green);flex:none;margin-top:1px}.config-upload{cursor:pointer;background:#f8faf7;border:1px dashed #9eaa9e;align-items:center;gap:10px;min-height:52px;padding:9px 10px;transition:border-color .15s,background .15s;color:#222!important;display:flex!important}.config-upload:hover{border-color:var(--brand-green);background:#f4fbee}.config-upload>svg:first-child{color:var(--brand-green);flex:none}.config-upload>svg:last-child{color:#788178;margin-left:auto}.config-upload span{gap:2px;display:grid}.config-upload b{font-size:11px}.config-upload small{color:#747b74;font-size:9px;font-weight:400}.config-add-text{color:#293329;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:10px 0 0;font-size:11px;font-weight:700;display:flex}.config-add-text svg{color:var(--brand-green)}.config-text-form{background:#f5f7f3;border:1px solid #e2e7df;margin-top:12px;padding:12px}.config-text-form .config-two-col{margin-top:10px}.config-small-action{border:1px solid var(--brand-ink);background:var(--brand-ink);color:#fff;cursor:pointer;width:100%;margin-top:11px;padding:10px;font-size:11px;font-weight:700}.config-small-action:hover{background:var(--brand-green);border-color:var(--brand-green)}.config-layers-field{border-bottom:0;padding-bottom:9px}.config-layers-field .config-label-row>span{color:#8a9189;font-size:10px}.config-empty-layers{color:#7e867e;margin:4px 0;font-size:10px;line-height:1.5}.config-layer-list{gap:6px;display:grid}.config-layer-row{border:1px solid #e5e9e3;align-items:center;display:flex}.config-layer-row.is-selected{border-color:var(--brand-green);background:#f8fff5}.config-layer-row>button:first-child{text-align:left;color:#252c25;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;padding:9px;display:flex}.config-layer-row>button:first-child svg{color:var(--brand-green);flex:none}.config-layer-row>button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.config-layer-row>button:first-child small{white-space:nowrap;letter-spacing:.04em;color:#858c85;margin-left:auto;font-size:8px}.config-remove-layer{color:#899087;cursor:pointer;background:0 0;border:0;place-items:center;width:31px;height:31px;display:grid}.config-remove-layer:hover{color:#b42318}.config-selected-layer{background:#f4f7f1;border:1px solid #e1e8dc;padding:13px 11px 10px}.config-selected-head{color:#29352a;align-items:center;gap:7px;margin-bottom:12px;display:flex}.config-selected-head>svg{color:var(--brand-green)}.config-selected-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;line-height:1.35;overflow:hidden}.config-selected-head button{color:#778076;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:19px}.config-selected-layer>label{margin-bottom:5px;font-size:9px}.config-selected-layer select{min-height:34px!important;padding:7px 8px!important;font-size:10px!important}.config-slider{margin-top:11px}.config-slider>div{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.config-slider label{margin:0;font-size:9px}.config-slider span{color:#727b72;font-size:9px}.config-slider input{width:100%;height:16px;accent-color:var(--brand-green)}.config-layer-color{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.config-layer-color label{margin:0}.configurator-viewer-panel{background:#edf0eb;border:1px solid #dfe5dc;min-width:0;position:relative;overflow:hidden}.config-viewer-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:17px;left:19px;right:19px}.config-viewer-top>div{gap:4px;display:grid}.config-viewer-top>div span{letter-spacing:.16em;color:#697269;font-size:8px;font-weight:800}.config-viewer-top>div strong{color:#202620;font-size:15px}.config-live-dot{color:#535c54;background:#f5f7f3;border:1px solid #d7ddd5;align-items:center;gap:7px;padding:6px 9px;font-size:9px;display:flex}.config-live-dot i{background:var(--brand-green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #43b02a20}.shirt-preview{touch-action:none;background:radial-gradient(at 50% 52%,#fafbf8 0,#edf0eb 70%);width:100%;height:578px;position:relative}.shirt-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.shirt-canvas.is-dragging{cursor:grabbing}.preview-loading,.preview-failed{color:#5f685f;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:11px;font-size:11px;display:flex;position:absolute;inset:0}.preview-spinner{border:2px solid #d6ded3;border-top-color:var(--brand-green);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite config-spin}@keyframes config-spin{to{transform:rotate(360deg)}}.preview-failed strong{color:#242b24;font-size:13px}.preview-failed span{max-width:250px;line-height:1.5}.config-view-controls{background:#fff;border-top:1px solid #e1e5df;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 12px 7px;display:flex}.config-view-controls button{color:#384038;cursor:pointer;background:#fff;border:1px solid #dce2da;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:7px 10px;font-size:9px;font-weight:700;display:flex}.config-view-controls button:hover,.config-view-controls button.is-current{border-color:var(--brand-green);color:#256e20;background:#f7fff3}.config-view-hint{color:#788078;background:#fff;justify-content:center;align-items:center;gap:6px;margin:0;padding:4px 10px 12px;font-size:9px;display:flex}.config-view-hint svg{color:#707a70}.config-quick-side{display:none}.config-fullprint-note{border-left:2px solid var(--brand-green);color:#4e604d;background:#f6fbf2;align-items:flex-start;gap:9px;margin:13px 0 0;padding:12px 10px;font-size:10px;line-height:1.5;display:flex}.config-fullprint-note svg{color:var(--brand-green);flex:none}.config-help{color:#7b827b;margin-top:6px;font-size:9px;line-height:1.5;display:block}.config-size-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.config-size-grid label{background:#fafbf9;border:1px solid #e2e7e0;grid-template-columns:1fr;gap:5px;margin:0;padding:7px 6px;display:grid}.config-size-grid label span{text-align:center;font-size:9px;font-weight:750}.config-size-grid input{text-align:center;min-height:29px!important;padding:5px 3px!important;font-size:11px!important}.config-required{color:#b42318}.config-contact-row{border-bottom:0;gap:8px;padding:0}.config-contact-row .config-field{min-width:0}.config-order-total{background:#f4f6f2;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:14px 0 10px;padding:11px 12px;display:grid}.config-order-total span{color:#5c655c;font-size:10px}.config-order-total strong{color:#1a211b;font-size:20px}.config-order-total small{color:#777f77;grid-column:1/-1;margin-top:3px;font-size:9px}.config-save-button,.config-restore-button,.config-submit-button{cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;min-height:39px;display:flex}.config-save-button{color:#4c574c;background:#fff;border:1px solid #dce3d9;font-size:10px;font-weight:700}.config-save-button:hover,.config-restore-button:hover{border-color:var(--brand-green);color:var(--brand-green)}.config-restore-button{color:#697369;text-underline-offset:3px;background:0 0;border:0;margin-top:6px;font-size:9px;text-decoration:underline}.config-submit-button{border:1px solid var(--brand-ink);background:var(--brand-ink);color:#fff;margin-top:9px;padding:10px;font-size:11px;font-weight:750;transition:background .15s,border-color .15s}.config-submit-button:hover{border-color:var(--brand-green);background:var(--brand-green)}.config-privacy{color:#7a8279;margin:8px 0 0;font-size:9px!important;line-height:1.5!important}.config-status{border-left:2px solid var(--brand-green);color:#455645;background:#f7fbf5;padding:9px 10px;margin:9px 0 0!important;font-size:10px!important;line-height:1.5!important}.configurator-trust-row{background:#fafbf9;border:1px solid #e1e6df;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px;padding:17px 19px;display:grid}.configurator-trust-row>div{grid-template-columns:25px 1fr;gap:2px 8px;display:grid}.configurator-trust-row>div>span{color:var(--brand-green);grid-row:1/3;font-size:9px;font-weight:800}.configurator-trust-row b{color:#2c332c;font-size:10px}.configurator-trust-row small{color:#737b73;font-size:9px;line-height:1.4}.configurator-after-note{border-top:1px solid #e2e7e0;justify-content:space-between;align-items:center;gap:28px;padding:25px 0;display:flex}.configurator-after-note p{color:#626b63;max-width:850px;margin:0;font-size:12px;line-height:1.7}.configurator-after-note p strong{color:#202720}.configurator-after-note a{color:var(--brand-green);text-underline-offset:4px;flex:none;font-size:11px;font-weight:700;text-decoration:underline}@media (max-width:1180px){.configurator-modebar{grid-template-columns:1fr auto;gap:11px 20px}.configurator-mode-label,.config-mode-switch{grid-column:1}.configurator-mode-note{grid-area:1/2/3;max-width:120px}.configurator-grid{grid-template-columns:minmax(260px,.82fr) minmax(390px,1.18fr)}.order-panel{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.order-panel .config-panel-head{grid-column:1/-1}.order-panel .config-field{align-self:start}.order-panel .config-order-total,.order-panel .config-save-button,.order-panel .config-restore-button,.order-panel .config-submit-button,.order-panel .config-privacy,.order-panel .config-status{grid-column:1/-1}.config-contact-row{display:grid}}@media (max-width:760px){.configurator-page{padding-bottom:50px}.configurator-breadcrumb{padding-top:18px}.configurator-intro{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:25px}.configurator-intro h1{font-size:clamp(42px,12vw,64px)}.configurator-lead{margin-top:18px;font-size:14px}.configurator-intro-note{margin:0}.configurator-modebar{flex-direction:column;align-items:stretch;gap:12px;padding:13px;display:flex}.configurator-mode-label{font-size:11px}.config-mode-switch{grid-template-columns:1fr 1fr}.config-mode-switch button{grid-template-columns:25px 1fr;min-height:53px;padding:8px 7px}.config-mode-switch button b{font-size:11px}.config-mode-switch button small{font-size:8px}.configurator-mode-note{max-width:none}.configurator-grid{flex-direction:column;gap:10px;display:flex}.configurator-viewer-panel{order:-1;width:100%}.design-panel{order:0;width:100%}.order-panel{order:1;width:100%;display:block}.configurator-panel{padding:16px 14px}.shirt-preview{height:min(116vw,460px);min-height:330px}.config-viewer-top{top:13px;left:13px;right:13px}.config-view-controls{padding-inline:7px}.config-view-controls button{padding:7px 8px;font-size:8px}.config-view-hint{font-size:8px}.configurator-trust-row{grid-template-columns:1fr;gap:12px;padding:14px}.configurator-after-note{padding:20px 0;display:block}.configurator-after-note a{margin-top:14px;display:inline-block}}@media (max-width:390px){.configurator-workspace{width:calc(100% - 24px)}.config-mode-switch button small{max-width:120px}.config-view-controls button{padding-inline:6px}.config-size-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.preview-spinner{animation:none}.config-mode-switch button,.config-submit-button,.config-small-action{transition:none}}
