/* Tera Dept Filter (TDF) — sidebar de facetas client-side nas paginas de departamento.
   Preview gated (?deptfilter=1). Namespacing tdf-* p/ nao colidir com o resto da pagina. */
.tdf-layout{display:flex;align-items:flex-start;gap:18px;margin:0 0 10px;}
.tdf-main{flex:1;min-width:0;}
.tdf-side{width:252px;flex-shrink:0;background:#202020;border-radius:10px;padding:16px;font-family:"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box;}
.tdf-side *{box-sizing:border-box;}
.tdf-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;}
.tdf-hd b{color:#ff6a00;font-size:17px;font-weight:800;letter-spacing:1px;}
.tdf-hd .tdf-ic{color:#8a8a8a;display:flex;}
.tdf-sub{color:#6f6f6f;font-size:11px;margin-bottom:12px;}
.tdf-sub b{color:#cfcfcf;font-weight:700;}
.tdf-fg{border-top:1px solid #2e2e2e;padding:13px 0 11px;}
.tdf-fg:first-of-type{border-top:0;}
.tdf-fg>.tdf-t{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#efefef;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;}
.tdf-fg>.tdf-t .tdf-cv{color:#8a8a8a;transition:.15s;display:flex;}
.tdf-fg.tdf-cl>.tdf-t .tdf-cv{transform:rotate(-90deg);}
.tdf-body{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.tdf-fg.tdf-cl .tdf-body{display:none;}
.tdf-opt{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;}
.tdf-opt .tdf-box{width:16px;height:16px;border-radius:4px;border:1.5px solid #555;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;}
.tdf-opt .tdf-box svg{opacity:0;}
.tdf-opt.tdf-on .tdf-box{background:#ff6a00;border-color:#ff6a00;}
.tdf-opt.tdf-on .tdf-box svg{opacity:1;}
.tdf-opt .tdf-lbl{flex:1;color:#cfcfcf;font-size:13px;}
.tdf-opt.tdf-on .tdf-lbl{color:#fff;font-weight:600;}
.tdf-opt .tdf-ct{color:#6f6f6f;font-size:11.5px;font-variant-numeric:tabular-nums;}
.tdf-opt:hover .tdf-lbl{color:#fff;}
.tdf-more{color:#ff6a00;font-size:12px;font-weight:600;cursor:pointer;margin-top:2px;}
.tdf-price{display:flex;align-items:center;gap:8px;margin-top:2px;}
.tdf-price input{width:100%;background:#1a1a1a;border:1px solid #2e2e2e;color:#eee;border-radius:5px;padding:7px 6px;font-size:12px;text-align:center;}
.tdf-price span{color:#6f6f6f;}
.tdf-rng{width:100%;margin-top:11px;accent-color:#ff6a00;}
.tdf-tgl{display:flex;align-items:center;justify-content:space-between;}
.tdf-tgl .tdf-lbl{color:#cfcfcf;font-size:13px;}
.tdf-sw{width:38px;height:21px;border-radius:12px;background:#3a3a3a;position:relative;cursor:pointer;transition:.15s;flex-shrink:0;}
.tdf-sw::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.15s;}
.tdf-sw.tdf-on{background:#ff6a00;}
.tdf-sw.tdf-on::after{left:19px;}
.tdf-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 14px;min-height:2px;}
.tdf-chip{background:#fff2e8;color:#e85f00;border:1px solid #ffd3b3;font-size:11.5px;font-weight:600;border-radius:14px;padding:4px 10px;display:flex;align-items:center;gap:6px;}
.tdf-chip .tdf-x{cursor:pointer;font-size:14px;line-height:1;}
.tdf-chip.tdf-clear{background:transparent;border:0;color:#888;cursor:pointer;}
.tdf-empty{padding:30px 10px;text-align:center;color:#888;font-size:14px;}
.tdf-tag{display:inline-block;background:#2a2a2a;color:#ff9a4d;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;}
@media (max-width:900px){.tdf-layout{flex-direction:column;}.tdf-side{width:100%;}}
