/* Truck Driver — sliding site menu (mobile tab + desktop header button) */
.td-tab{
  position:fixed;right:0;top:50%;transform:translateY(-50%);
  z-index:60;display:none;
  background:linear-gradient(180deg,#ffc65a,#f6a723 55%,#d9840a);
  color:#1a1306;border:0;border-radius:10px 0 0 10px;
  padding:14px 7px;cursor:pointer;
  font:800 11px/1 'Inter',-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:1.4px;text-transform:uppercase;
  writing-mode:vertical-rl;text-orientation:mixed;
  box-shadow:-4px 0 18px rgba(0,0,0,.35);
}
.td-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}

.td-menu-btn{
  display:none;align-items:center;gap:7px;
  background:rgba(255,255,255,.06);color:#f2f0ea;
  border:1px solid rgba(255,255,255,.14);border-radius:9px;
  padding:8px 13px;cursor:pointer;
  font:700 13px/1 'Inter',-apple-system,Segoe UI,Roboto,sans-serif;
  white-space:nowrap;
}
.td-menu-btn:hover{background:rgba(255,255,255,.1)}
.td-menu-btn:focus-visible{outline:2px solid #f6a723;outline-offset:2px}
.td-menu-btn .td-burger{font-size:15px;line-height:1}

.td-overlay{
  position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;
}
.td-overlay.is-open{opacity:1;visibility:visible}

.td-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:80;
  width:min(86vw,340px);
  background:#101016;border-left:1px solid rgba(255,255,255,.09);
  box-shadow:-18px 0 40px rgba(0,0,0,.45);
  transform:translateX(102%);transition:transform .24s ease;
  display:flex;flex-direction:column;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color:#f2f0ea;
}
.td-drawer.is-open{transform:translateX(0)}
.td-drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);
}
.td-drawer-head b{
  font-family:'Oswald',sans-serif;font-size:18px;letter-spacing:1.1px;
  color:#f6a723;font-weight:700;
}
.td-close{
  width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);color:#f2f0ea;font-size:22px;line-height:1;
  cursor:pointer;
}
.td-close:hover{background:rgba(255,255,255,.1)}
.td-close:focus-visible{outline:2px solid #f6a723;outline-offset:2px}

.td-drawer nav{display:flex;flex-direction:column;padding:8px 10px;overflow-y:auto}
.td-drawer nav a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 12px;border-radius:10px;
  color:#e9e7e1;text-decoration:none;font-size:15px;font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.td-drawer nav a:last-child{border-bottom:0}
.td-drawer nav a:hover{background:rgba(246,167,35,.10);color:#f6a723}
.td-drawer nav a::after{content:'›';color:#7d8492;font-size:18px;font-weight:400}
.td-drawer nav a[aria-current="page"]{color:#f6a723}
.td-drawer-foot{
  margin-top:auto;padding:14px 18px 20px;border-top:1px solid rgba(255,255,255,.09);
  font-size:12px;color:#8a8f99;line-height:1.5;
}
.td-drawer-foot a{color:#a6abb8}

html.td-lock,body.td-lock{overflow:hidden}

@media(max-width:760px){
  .td-tab{display:block}
  .td-menu-btn{display:none !important}
}
@media(min-width:761px){
  .td-tab{display:none}
  .td-menu-btn{display:inline-flex}
}