.tss-aq{--aq-ink:#253b34;--aq-accent:#456b60;--aq-soft:#eff5f2;--aq-line:#d9e2de;max-width:1180px;margin:0 auto;padding:44px 24px 72px;color:var(--aq-ink)}
.tss-aq__intro{text-align:center;max-width:760px;margin:0 auto 32px}.tss-aq__eyebrow{margin:0 0 8px;color:var(--aq-accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.tss-aq h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.08}.tss-aq__intro>p:last-child{margin:14px auto 0;color:#61716b;font-size:16px;line-height:1.6}
.tss-aq__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:28px;align-items:start}.tss-aq__steps{display:grid;gap:16px}.tss-aq__card,.tss-aq__summary{border:1px solid var(--aq-line);border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(31,55,47,.05)}.tss-aq__card{padding:22px}.tss-aq__step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.tss-aq__number{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--aq-soft);color:var(--aq-accent);font-weight:800}.tss-aq__step-head h2{margin:1px 0 3px;font-size:20px}.tss-aq__step-head p{margin:0;color:#6b7873;font-size:13px;line-height:1.45}
.tss-aq__drop{display:grid;place-items:center;min-height:185px;padding:22px;border:2px dashed #abc0b7;border-radius:12px;background:#f8fbf9;text-align:center;cursor:pointer}.tss-aq__drop:hover,.tss-aq__drop.is-dragging{border-color:var(--aq-accent);background:#f0f7f3}.tss-aq__drop strong{font-size:16px}.tss-aq__drop span{display:block;margin-top:6px;color:#73807b;font-size:12px}.tss-aq__upload-icon{font-size:30px;color:var(--aq-accent)}
.tss-aq__artwork{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.tss-aq__artwork img{display:block;width:100%;max-height:180px;object-fit:contain;border-radius:8px;background:#f3f4f4}.tss-aq__artwork-info{font-size:13px}.tss-aq__artwork-info strong{display:block;font-size:15px;word-break:break-word}.tss-aq__quality{margin:8px 0 0;padding:9px 10px;border-radius:7px;background:#edf6f2;color:#37604f;font-size:12px;line-height:1.4}.tss-aq__quality.is-warning{background:#fff3db;color:#76520e}.tss-aq__change{margin-top:10px;border:0;background:transparent;color:var(--aq-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tss-aq__guide-button{margin:0 0 14px 44px;padding:0;border:0;background:transparent;color:var(--aq-accent);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tss-aq__guide{margin:0 0 16px 44px;padding:14px 16px;border:1px solid var(--aq-line);border-radius:10px;background:var(--aq-soft);font-size:13px;line-height:1.55}.tss-aq__guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tss-aq__guide-head button{border:0;background:transparent;color:var(--aq-ink);font-size:24px;line-height:1;cursor:pointer}.tss-aq__guide .rte p:last-child{margin-bottom:0}
.tss-aq__size-adjuster{display:grid;grid-template-columns:minmax(108px,.7fr) minmax(190px,1.3fr) minmax(108px,.7fr);gap:10px;align-items:stretch}.tss-aq__size-control,.tss-aq__size-current{min-height:112px;border:1px solid var(--aq-line);border-radius:11px;background:#fff;text-align:center}.tss-aq__size-control{display:grid;place-content:center;gap:2px;padding:11px;color:var(--aq-ink);cursor:pointer}.tss-aq__size-control:hover:not(:disabled){border-color:var(--aq-accent);background:var(--aq-soft)}.tss-aq__size-control:disabled{opacity:.42;cursor:not-allowed}.tss-aq__size-control>span{font-size:24px;line-height:1}.tss-aq__size-control b{font-size:13px}.tss-aq__size-control small{color:#71807a;font-size:10px}.tss-aq__size-current{display:grid;place-content:center;gap:5px;padding:14px;border:2px solid var(--aq-accent);background:var(--aq-soft)}.tss-aq__size-current>span:first-child{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tss-aq__size-current>strong{font-size:22px}.tss-aq__size-current>small{color:#65746f;font-size:10px}.tss-aq__size-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800}.tss-aq__size-status i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;font-style:normal}.tss-aq__size-status.is-good{color:#246b45}.tss-aq__size-status.is-good i{background:#2b8a57}.tss-aq__size-status.is-bad{color:#a0322c}.tss-aq__size-status.is-bad i{background:#b53b34}.tss-aq__summary-quality.is-bad,[data-aq-summary-quality].is-bad{color:#a0322c}.tss-aq__risk-approve{margin-top:10px;padding:12px;border:1px solid #dfb257;border-radius:9px;background:#fff4dc}.tss-aq__risk-approve span{font-size:12px;line-height:1.45}
.tss-aq__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tss-aq__choice{position:relative;display:grid;gap:5px;min-height:88px;padding:13px;border:1px solid var(--aq-line);border-radius:10px;background:#fff;cursor:pointer}.tss-aq__choice:hover{border-color:#91ab9f}.tss-aq__choice:has(input:checked){border-color:var(--aq-accent);background:var(--aq-soft);box-shadow:inset 0 0 0 1px var(--aq-accent)}.tss-aq__choice input{position:absolute;opacity:0}.tss-aq__choice b{font-size:14px}.tss-aq__choice small{color:#73807b;font-size:11px;line-height:1.35}.tss-aq__recommended{color:var(--aq-accent);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tss-aq__holes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tss-aq__holes .tss-aq__choice{min-height:66px}.tss-aq__qty{display:flex;align-items:center;gap:12px}.tss-aq__qty button{width:42px;height:42px;border:1px solid var(--aq-line);border-radius:9px;background:#fff;font-size:20px}.tss-aq__qty input{width:78px;height:42px;border:1px solid var(--aq-line);border-radius:9px;text-align:center;font-size:16px;font-weight:700}.tss-aq__bulk{margin:9px 0 0;color:#65746f;font-size:12px}
.tss-aq__more-sizes{margin-top:13px;border:1px solid var(--aq-line);border-radius:10px;background:#fafcfb;overflow:hidden}.tss-aq__more-sizes summary{list-style:none;cursor:pointer;padding:13px 15px;color:var(--aq-accent);font-size:13px;font-weight:800}.tss-aq__more-sizes summary::-webkit-details-marker{display:none}.tss-aq__more-sizes summary span{float:right;font-size:18px;font-weight:500;line-height:1}.tss-aq__more-sizes[open] summary span{transform:rotate(45deg)}.tss-aq__more-sizes-body{display:grid;gap:7px;padding:0 15px 15px;border-top:1px solid var(--aq-line)}.tss-aq__more-sizes-body label{margin-top:13px;font-size:12px;font-weight:800}.tss-aq__more-sizes-body select{width:100%;min-height:46px;padding:0 12px;border:1px solid #bccbc5;border-radius:9px;background:#fff;color:var(--aq-ink);font-size:14px}.tss-aq__more-sizes-body p{margin:2px 0 0;color:#74817c;font-size:11px;line-height:1.45}
.tss-aq__size-warning{margin:9px 0 0;padding:0;color:#b42318;font-size:11px;line-height:1.4}.tss-aq__size-warning p{margin:0;color:#b42318;font-size:inherit;line-height:inherit}.tss-aq__size-warning strong{display:inline;color:#b42318}
.tss-aq__select-label span{color:#b42318}.tss-aq__select-label{display:block;margin:0 0 7px;font-size:13px;font-weight:800}.tss-aq__select-wrap{position:relative}.tss-aq__holes-select{width:100%;min-height:48px;padding:0 44px 0 14px;border:1px solid #b9c8c2;border-radius:10px;background:#fff;color:var(--aq-ink);font:inherit;font-size:14px;appearance:none;cursor:pointer}.tss-aq__holes-select:focus{outline:2px solid var(--aq-accent);outline-offset:2px}.tss-aq__select-wrap>span{position:absolute;right:15px;top:50%;transform:translateY(-54%);font-size:22px;pointer-events:none}.tss-aq__hole-help{margin:7px 0 0;color:#71807a;font-size:12px;line-height:1.4}
.tss-aq__summary{position:sticky;top:24px;overflow:hidden}.tss-aq__preview{display:grid;place-items:center;min-height:280px;padding:26px;background:#edf0f1}.tss-aq__sign{position:relative;display:grid;place-items:center;max-width:100%;max-height:260px;border-radius:7px;background:#fff;box-shadow:4px 6px 0 #17191a,0 12px 24px rgba(0,0,0,.16);overflow:hidden}.tss-aq__sign img{display:block;width:100%;height:100%;object-fit:contain}.tss-aq__hole{position:absolute;width:8px;height:8px;border:1px solid #444;border-radius:50%;background:#edf0f1;z-index:2}.tss-aq__summary-body{padding:22px}.tss-aq__summary h2{margin:0 0 16px;font-size:20px}.tss-aq__line{display:flex;justify-content:space-between;gap:15px;margin:9px 0;color:#66736e;font-size:13px}.tss-aq__line strong{color:var(--aq-ink);text-align:right}.tss-aq__total{display:flex;align-items:end;justify-content:space-between;margin-top:17px;padding-top:16px;border-top:1px solid var(--aq-line)}.tss-aq__total span{font-weight:700}.tss-aq__total strong{font-size:28px;color:var(--aq-accent)}.tss-aq__approve{display:flex;gap:9px;margin:17px 0;font-size:12px;line-height:1.45}.tss-aq__submit{width:100%;min-height:50px;border:0;border-radius:9px;background:var(--aq-accent);color:#fff;font-weight:800}.tss-aq__submit:disabled{opacity:.45;cursor:not-allowed}.tss-aq__status{margin:10px 0 0;color:#596963;font-size:12px;line-height:1.45;text-align:center}.tss-aq__fine{margin:12px 0 0;color:#7a8581;font-size:10px;line-height:1.45;text-align:center}.tss-aq [hidden]{display:none!important}
@media(max-width:850px){.tss-aq{padding:28px 14px 54px}.tss-aq__layout{grid-template-columns:1fr}.tss-aq__summary{position:static}.tss-aq__sizes{grid-template-columns:1fr}.tss-aq__holes{grid-template-columns:1fr 1fr}.tss-aq__preview{min-height:220px}}
@media(max-width:520px){.tss-aq__card{padding:17px}.tss-aq__artwork{grid-template-columns:1fr}.tss-aq__artwork img{max-height:210px}.tss-aq__holes{grid-template-columns:1fr}.tss-aq__guide-button,.tss-aq__guide{margin-left:0}.tss-aq__size-adjuster{grid-template-columns:72px minmax(0,1fr) 72px;gap:6px}.tss-aq__size-control{min-height:116px;padding:7px}.tss-aq__size-control small{font-size:9px}.tss-aq__size-current{padding:10px 7px}.tss-aq__size-current>strong{font-size:18px}.tss-aq__submit{position:sticky;bottom:8px;z-index:3;box-shadow:0 7px 22px rgba(30,56,47,.22)}}