.dtf-page{max-width:1200px;margin:0 auto;padding:0 40px}
.dtf-header{padding:40px 0 24px;border-bottom:1px solid #d9d9d9;margin-bottom:40px}
.dtf-header h1{font-size:2.4rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px;color:#121212}
.dtf-header p{color:#6b6b6b;font-size:.95rem}
.dtf-grid{display:grid;grid-template-columns:1fr 460px;gap:60px;padding-bottom:80px}
.dtf-sticky{position:sticky;top:20px;height:fit-content}
.dtf-vtoggle{display:flex;gap:8px;margin-bottom:16px}
.dtf-vbtn{flex:1;padding:9px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:.82rem;font-weight:500;cursor:pointer;color:#6b6b6b;transition:all .15s}
.dtf-vbtn.active{background:#121212;color:#fff;border-color:#121212}
.dtf-preview{background:#f3f3f3;border-radius:8px;aspect-ratio:.9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px}
.dtf-shirt-wrap{width:75%;height:75%;position:relative;display:flex;align-items:center;justify-content:center}
#dtf-shirt{width:100%;height:100%;object-fit:contain;transition:opacity .3s;filter:drop-shadow(0 4px 16px rgba(0,0,0,.12))}
.dtf-dzone{position:absolute;border:1.5px dashed rgba(0,0,0,.2);border-radius:3px;display:none;align-items:center;justify-content:center;overflow:hidden}
.dtf-dzone.on{display:flex}
#dtf-dz-l{width:58px;height:58px;top:28%;left:26%}
#dtf-dz-c{width:115px;height:80px;top:28%;left:50%;transform:translateX(-50%)}
#dtf-dz-b{width:135px;height:95px;top:26%;left:50%;transform:translateX(-50%)}
.dtf-dz-img{max-width:88%;max-height:88%;object-fit:contain;display:none}
.dtf-dz-txt{font-weight:700;text-align:center;padding:3px;word-break:break-word;display:none;line-height:1.2}
.dtf-dz-ph{font-size:9px;color:rgba(0,0,0,.28);text-transform:uppercase;letter-spacing:.3px}
.dtf-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dtf-chip{border:1px solid #d9d9d9;border-radius:4px;padding:10px 12px}
.dtf-chip-lbl{font-size:.7rem;color:#6b6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.dtf-chip-val{font-size:.82rem;font-weight:600}
.dtf-sec{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #d9d9d9}
.dtf-sec:last-child{border-bottom:none}
.dtf-lbl{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;color:#121212}
.dtf-swatches{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.dtf-sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s;position:relative}
.dtf-sw:hover{transform:scale(1.18)}
.dtf-sw.sel{outline:2.5px solid #121212;outline-offset:2px}
.dtf-sw[data-n]:hover::after{content:attr(data-n);position:absolute;bottom:38px;left:50%;transform:translateX(-50%);background:#121212;color:#fff;padding:3px 8px;border-radius:3px;font-size:11px;white-space:nowrap;z-index:100;pointer-events:none}
.dtf-clbl{font-size:.82rem;color:#6b6b6b}
.dtf-clbl strong{color:#121212}
.dtf-sizes{display:flex;flex-wrap:wrap;gap:8px}
.dtf-sp{min-width:48px;padding:9px 14px;border:1px solid #d9d9d9;border-radius:40px;background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;color:#121212;transition:all .12s}
.dtf-sp:hover{border-color:#121212}
.dtf-sp.sel{background:#121212;color:#fff;border-color:#121212}
.dtf-ppills{display:flex;flex-wrap:wrap;gap:8px}
.dtf-pp{padding:9px 18px;border:1px solid #d9d9d9;border-radius:40px;background:#fff;font-size:.85rem;cursor:pointer;color:#121212;transition:all .12s}
.dtf-pp:hover{border-color:#121212}
.dtf-pp.sel{background:#121212;color:#fff;border-color:#121212}
.dtf-upload{border:1px dashed #d9d9d9;border-radius:4px;padding:28px 20px;text-align:center;cursor:pointer;background:#f3f3f3;position:relative;transition:border-color .15s}
.dtf-upload:hover{border-color:#121212}
.dtf-upload.done{border-color:#4ade80;border-style:solid;background:#f0fdf4}
.dtf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.dtf-upload-txt{font-size:.85rem;color:#6b6b6b}
.dtf-upload-txt strong{color:#121212;text-decoration:underline}
.dtf-uok{font-size:.82rem;color:#16a34a;font-weight:500;margin-top:6px;display:none}
.dtf-inp{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;background:#fff;color:#121212;outline:none;margin-bottom:10px;box-sizing:border-box;font-family:inherit}
.dtf-inp:focus{border-color:#121212}
.dtf-sel{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:4px;font-size:.85rem;background:#fff;color:#121212;outline:none;cursor:pointer;margin-bottom:10px;appearance:none;box-sizing:border-box;font-family:inherit}
.dtf-topts{display:grid;grid-template-columns:auto 36px auto 1fr auto;align-items:center;gap:10px;margin-top:4px}
.dtf-topts label{font-size:.8rem;color:#6b6b6b;white-space:nowrap}
.dtf-cpick{width:36px;height:36px;border:1px solid #d9d9d9;border-radius:4px;padding:2px;cursor:pointer}
.dtf-rng{width:100%;accent-color:#121212;cursor:pointer}
.dtf-rngv{font-size:.8rem;font-weight:600;min-width:32px;text-align:right}
.dtf-qty{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;width:fit-content}
.dtf-qbtn{width:44px;height:44px;border:none;background:none;font-size:1.2rem;cursor:pointer;color:#121212;font-family:inherit}
.dtf-qbtn:hover{background:#f3f3f3}
.dtf-qnum{width:48px;text-align:center;font-size:.9rem;font-weight:600;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;height:44px;display:flex;align-items:center;justify-content:center}
.dtf-qnote{font-size:.78rem;color:#6b6b6b;margin-top:10px}
.dtf-price{border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;margin-bottom:16px}
.dtf-pr{display:flex;justify-content:space-between;padding:12px 16px;font-size:.85rem;border-bottom:1px solid #d9d9d9}
.dtf-pr:last-child{border-bottom:none}
.dtf-pr .l{color:#6b6b6b}
.dtf-pr.tot{font-weight:700;font-size:1rem;background:#f3f3f3}
.dtf-pr.tot .l{color:#121212}
.dtf-btnp{width:100%;padding:15px 20px;background:#121212;color:#fff;border:1px solid #121212;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:.04em;margin-bottom:10px;box-sizing:border-box;font-family:inherit}
.dtf-btnp:hover{opacity:.85}
.dtf-btns{width:100%;padding:14px 20px;background:none;color:#121212;border:1px solid #d9d9d9;border-radius:4px;font-size:.88rem;font-weight:500;cursor:pointer;margin-bottom:16px;box-sizing:border-box;font-family:inherit}
.dtf-btns:hover{border-color:#121212}
.dtf-trust{display:flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}
.dtf-ti{flex:1;padding:12px 8px;text-align:center;font-size:.72rem;color:#6b6b6b;border-right:1px solid #d9d9d9;line-height:1.4}
.dtf-ti:last-child{border-right:none}
.dtf-notice{background:#fafafa;border:1px solid #d9d9d9;border-radius:4px;padding:12px 16px;font-size:.8rem;color:#6b6b6b;margin-bottom:16px;display:flex;gap:8px}
.dtf-mbg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:9999}
.dtf-mbg.show{display:flex}
.dtf-mbox{background:#fff;border-radius:8px;padding:40px;max-width:440px;width:90%}
.dtf-mbox h2{font-size:1.4rem;font-weight:700;margin-bottom:6px}
.dtf-mbox p{color:#6b6b6b;font-size:.88rem;margin-bottom:20px}
.dtf-mdet{border:1px solid #d9d9d9;border-radius:4px;margin-bottom:24px;overflow:hidden}
.dtf-mdr{display:flex;justify-content:space-between;padding:10px 14px;font-size:.85rem;border-bottom:1px solid #d9d9d9}
.dtf-mdr:last-child{border-bottom:none}
.dtf-mdr span{color:#6b6b6b}
.dtf-mbtns{display:flex;gap:10px}
.dtf-mbp{flex:1;padding:13px;background:#121212;color:#fff;border:1px solid #121212;border-radius:4px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}
.dtf-mbs{padding:13px 18px;background:none;border:1px solid #d9d9d9;border-radius:4px;font-size:.88rem;cursor:pointer;font-family:inherit}
.dtf-mbs:hover{border-color:#121212}
@media(max-width:860px){.dtf-grid{grid-template-columns:1fr;gap:32px}.dtf-sticky{position:static}.dtf-page{padding:0 20px}.dtf-header h1{font-size:1.8rem}}