#tnc-shop{--ts-bg:#000;--ts-tile:#111213;--ts-card:#2e2f30;--ts-line:#3a3a3a;--ts-mute:#919191;--ts-blue:#00abff;--ts-blue2:#09b4f5;color:#fff;background:#000;padding:150px 40px 120px;font-family:inherit;letter-spacing:-.02em}
#tnc-shop *{box-sizing:border-box}
:where(#tnc-shop) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
:where(#tnc-shop) a{color:inherit;text-decoration:none}
:where(#tnc-shop) img{display:block;max-width:100%}
.ts-title{font-size:76px;line-height:80px;font-weight:400;letter-spacing:-2px;margin:0 0 56px}
.ts-bar{position:sticky;top:0;z-index:20;background:#000;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ts-line);margin:0 -40px;padding:0 40px}
.ts-tabs{display:flex;gap:32px;overflow-x:auto;scrollbar-width:none}
.ts-tabs::-webkit-scrollbar{display:none}
.ts-tab{white-space:nowrap;padding:18px 0 16px;font-size:15px;color:var(--ts-mute)!important;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s}
.ts-tab:hover{color:#fff!important}
.ts-tab[aria-selected=true]{color:#fff!important;border-bottom-color:var(--ts-blue)}
.ts-cartbtn{display:flex;align-items:center;gap:10px;font-size:15px;white-space:nowrap;padding:14px 0}
.ts-cartbtn:hover{color:var(--ts-blue)}
.ts-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--ts-blue);color:#000;font-size:12px;font-weight:700}
.ts-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #fff;margin-bottom:12px;flex-wrap:wrap}
.ts-filters,.ts-tools-r{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.ts-dd{position:relative}
.ts-ddbtn{font-size:15px;display:flex;align-items:center;gap:6px}
.ts-ddbtn:hover,.ts-dd.open .ts-ddbtn{color:var(--ts-blue)}
.ts-ddbtn i{font-style:normal;color:var(--ts-mute);font-size:13px;transition:transform .2s}
.ts-dd.open .ts-ddbtn i{transform:rotate(180deg)}
.ts-ddbtn b{font-weight:400;color:var(--ts-blue)}
.ts-panel{display:none;position:absolute;top:calc(100% + 12px);left:0;z-index:30;min-width:240px;max-height:360px;overflow:auto;background:#151616;border:1px solid var(--ts-line);padding:16px 18px}
.ts-tools-r .ts-panel{left:auto;right:0}
.ts-dd.open .ts-panel{display:block}
.ts-ph{display:flex;justify-content:space-between;font-size:12px;color:var(--ts-mute);margin-bottom:10px}
.ts-ph button{text-decoration:underline;color:var(--ts-mute)}
.ts-opt{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;cursor:pointer}
.ts-opt input{appearance:none;width:14px;height:14px;border:1px solid #9a9a9a;border-radius:50%;margin:0;flex:none;cursor:pointer}
.ts-opt input:checked{background:var(--ts-blue);border-color:var(--ts-blue)}
.ts-opt.dis{opacity:.4}
.ts-sw{width:14px;height:14px;border-radius:50%;border:1px solid #555;flex:none}
.ts-price{display:flex;gap:10px;align-items:center;font-size:14px}
.ts-price input{width:90px;background:transparent;border:0;border-bottom:1px solid #9a9a9a;color:#fff;font:inherit;padding:6px 2px}
.ts-num{font-size:14px;color:var(--ts-mute)}
.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px;padding-top:12px}
.ts-card{display:flex;flex-direction:column;min-width:0}
.ts-media{position:relative;display:block;width:100%;aspect-ratio:1/1;background:var(--ts-tile);overflow:hidden}
.ts-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;transition:opacity .35s ease,transform .5s ease}
.ts-media .ts-alt{opacity:0}
.ts-card:hover .ts-media .ts-alt{opacity:1}
.ts-card:hover .ts-media .ts-has-alt{opacity:0}
.ts-card:hover .ts-media img:only-of-type{transform:scale(1.03)}
.ts-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#444;font-size:13px}
.ts-badges{position:absolute;top:12px;right:12px;display:flex;gap:4px;z-index:2}
.ts-badge{font-size:11px;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:5px 6px;background:var(--ts-blue);color:#000}
.ts-badge.alt{background:#fff}
.ts-badge.out{background:#555;color:#fff}
.ts-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 12px 14px;border-bottom:1px solid var(--ts-line);margin:0 12px 0 0;font-size:15px;line-height:20px}
.ts-info h3{margin:0;font-size:15px;line-height:20px;font-weight:400}
.ts-info h3 a:hover{color:var(--ts-blue)}
.ts-pr{white-space:nowrap}
.ts-pr s{color:var(--ts-mute);margin-right:8px}
.ts-sub{padding:12px 12px 0;font-size:14px;color:var(--ts-mute)}
.ts-skel .ts-media{animation:ts-pulse 1.4s ease-in-out infinite}
.ts-skel .ts-info span{display:block;height:14px;background:#1c1d1e;width:60%}
@keyframes ts-pulse{50%{opacity:.5}}
.ts-empty{padding:80px 0;text-align:center;color:var(--ts-mute);font-size:16px;grid-column:1/-1}
.ts-empty button{color:var(--ts-blue2);text-decoration:underline;font-weight:700;margin-top:14px}
.ts-more{display:flex;justify-content:center;padding-top:56px}
.ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border:1px solid var(--ts-blue)!important;border-radius:6px;font-size:16px;text-transform:uppercase;letter-spacing:.02em;transition:background .2s,color .2s}
.ts-btn:hover{background:var(--ts-blue)!important;color:#000!important}
.ts-btn.solid{background:var(--ts-blue)!important;color:#000!important}
.ts-btn.solid:hover{background:#fff!important;border-color:#fff!important}
.ts-btn[disabled]{opacity:.45;cursor:not-allowed;background:transparent!important;color:#fff!important}
.ts-ov{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .25s}
.ts-ov.on{opacity:1;pointer-events:auto}
.ts-modal{position:fixed;z-index:1001;inset:40px;max-width:1240px;margin:0 auto;background:#0b0b0c;border:1px solid var(--ts-line);display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.ts-modal.on{opacity:1;transform:none;pointer-events:auto}
.ts-x{position:absolute;top:14px;right:16px;z-index:3;font-size:26px;line-height:1;width:36px;height:36px;color:#fff}
.ts-x:hover{color:var(--ts-blue)}
.ts-gal{display:flex;flex-direction:column;background:var(--ts-tile);min-height:0}
.ts-gmain{flex:1;min-height:0;position:relative}
.ts-gmain img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%}
.ts-thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto}
.ts-thumbs button{flex:none;width:64px;height:64px;background:#1a1b1c;border:1px solid transparent!important}
.ts-thumbs button[aria-current=true]{border-color:var(--ts-blue)!important}
.ts-thumbs img{width:100%;height:100%;object-fit:contain}
.ts-det{overflow-y:auto;padding:56px 44px 40px}
.ts-det .ts-sub{padding:0 0 10px}
.ts-det h2{font-size:34px;line-height:40px;font-weight:400;letter-spacing:-1.35px;margin:0 0 14px}
.ts-det .ts-pr{font-size:20px;display:block;margin-bottom:30px}
.ts-og{margin-bottom:24px}
.ts-ol{font-size:13px;color:var(--ts-mute);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.ts-ol span{color:#fff;text-transform:none;letter-spacing:0;margin-left:6px}
.ts-ov2{display:flex;flex-wrap:wrap;gap:8px}
.ts-chip{min-width:48px;height:40px;padding:0 14px;border:1px solid var(--ts-line)!important;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s}
.ts-chip:hover{border-color:#fff!important}
.ts-chip[aria-pressed=true]{border-color:var(--ts-blue)!important;color:var(--ts-blue)!important}
.ts-chip.na{color:#666!important;text-decoration:line-through}
.ts-buy{display:flex;gap:12px;margin:30px 0 10px}
.ts-buy .ts-btn{flex:1}
.ts-qty{display:inline-flex;align-items:center;border:1px solid var(--ts-line);height:48px}
.ts-qty button{width:40px;height:100%;font-size:18px}
.ts-qty button:hover{color:var(--ts-blue)}
.ts-qty span{min-width:28px;text-align:center;font-size:15px}
.ts-msg{font-size:13px;min-height:18px;color:var(--ts-blue2)}
.ts-desc{border-top:1px solid var(--ts-line);margin-top:24px;padding-top:24px;font-size:15px;line-height:22px;color:#d9d9d9}
.ts-desc p{margin:0 0 12px}
.ts-desc a{text-decoration:underline!important}
.ts-drawer{position:fixed;z-index:1002;top:0;right:0;bottom:0;width:440px;max-width:100%;background:#0b0b0c;border-left:1px solid var(--ts-line);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;visibility:hidden}
.ts-drawer.on{transform:none;visibility:visible}
.ts-dh{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid var(--ts-line);font-size:20px}
.ts-dh .ts-x{position:static}
.ts-lines{flex:1;overflow-y:auto;padding:8px 26px}
.ts-line{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--ts-line);font-size:14px;line-height:19px}
.ts-line img,.ts-line .ts-limg{width:84px;height:84px;object-fit:contain;background:var(--ts-tile);padding:6px}
.ts-line .ts-var{color:var(--ts-mute);margin-top:4px}
.ts-line .ts-qty{height:34px;margin-top:12px}
.ts-line .ts-qty button{width:32px}
.ts-rm{font-size:12px;color:var(--ts-mute);text-decoration:underline;margin-top:10px;display:block}
.ts-rm:hover{color:#fff}
.ts-df{padding:22px 26px 26px;border-top:1px solid var(--ts-line)}
.ts-tot{display:flex;justify-content:space-between;font-size:16px;margin-bottom:6px}
.ts-note{font-size:12px;color:var(--ts-mute);margin-bottom:18px}
.ts-df .ts-btn{width:100%}
.ts-dempty{padding:60px 0;text-align:center;color:var(--ts-mute)}
.ts-dempty button{display:block;margin:16px auto 0;color:var(--ts-blue2);text-decoration:underline;font-weight:700}
.ts-busy{opacity:.5;pointer-events:none}
body.ts-lock{overflow:hidden}
@media (max-width:991px){#tnc-shop{padding:130px 30px 100px}.ts-bar{margin:0 -30px;padding:0 30px}.ts-grid{grid-template-columns:repeat(2,1fr)}.ts-modal{inset:20px;grid-template-columns:1fr;overflow-y:auto}.ts-gal{min-height:52vh}.ts-det{overflow:visible;padding:32px 28px}}
@media (max-width:767px){#tnc-shop{padding:150px 20px 80px}.ts-bar{margin:0 -20px;padding:0 20px}.ts-title{font-size:48px;line-height:52px;margin-bottom:32px}.ts-grid{gap:32px 12px}.ts-info{flex-direction:column;gap:4px;padding:12px 4px 10px;margin:0;font-size:13px}.ts-info h3{font-size:13px;line-height:17px}.ts-sub{padding:8px 4px 0;font-size:12px}.ts-filters,.ts-tools-r{gap:16px}.ts-panel{position:fixed;left:20px!important;right:20px!important;top:auto;bottom:20px;max-height:60vh}.ts-modal{inset:0;border:0}.ts-det h2{font-size:26px;line-height:31px}.ts-cartbtn .ts-cl{display:none}}
