/* Buyer sidebar structure v2: primary pages + related links */
.vsh-buyer-sidebar-nav {display:block;}
.vsh-buyer-sidebar-primary,
.vsh-buyer-sidebar-related-list {display:grid;gap:10px;}

.vsh-buyer-sidebar-related {
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid #dfd1c3;
}
.vsh-buyer-sidebar-related-label {
  margin:0 0 9px 4px;
  color:#98745a;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.vsh-buyer-sidebar .vsh-buyer-sidebar-item--order .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/08/work-002-5.svg');
  mask-image:url('/wp-content/uploads/2026/08/work-002-5.svg');
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--payment .vsh-buyer-sidebar-icon::before {
  width:35px;height:35px;
  -webkit-mask-size:35px 35px;mask-size:35px 35px;
  -webkit-mask-image:url('/service-scripts/icons/buyer-payment-wallet.svg?v=20260915-3');
  mask-image:url('/service-scripts/icons/buyer-payment-wallet.svg?v=20260915-3');
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--delivery .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/08/work-004.svg');
  mask-image:url('/wp-content/uploads/2026/08/work-004.svg');
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--timing .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/08/work-003.svg');
  mask-image:url('/wp-content/uploads/2026/08/work-003.svg');
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--knowledge .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/service-scripts/icons/buyer-knowledge-book.svg?v=20260915-3');
  mask-image:url('/service-scripts/icons/buyer-knowledge-book.svg?v=20260915-3');
}

.vsh-buyer-sidebar .vsh-buyer-sidebar-item--related {
  grid-template-columns:40px minmax(0,1fr) 16px;
  gap:11px;
  min-height:62px;
  padding:9px 12px 9px 13px;
  background:#fbf6ef;
  font-size:14px;
  font-weight:600;
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--related .vsh-buyer-sidebar-icon {
  width:40px;height:40px;background:#f5e8da;
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--related .vsh-buyer-sidebar-icon::before {
  width:30px;height:30px;
  -webkit-mask-size:30px 30px;mask-size:30px 30px;
}
.vsh-buyer-sidebar .vsh-buyer-sidebar-item--related .vsh-buyer-sidebar-chevron {
  width:16px;height:16px;background:#f2e4d5;
}

@media (max-width:1180px) {
  .vsh-buyer-sidebar .vsh-buyer-sidebar-item--related {font-size:13.5px;}
}
@media (max-width:900px) {
  .vsh-buyer-sidebar-nav {display:block;overflow:visible;padding:0;}
  .vsh-buyer-sidebar-primary,
  .vsh-buyer-sidebar-related-list {
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 5px;
    scrollbar-width:none;
  }
  .vsh-buyer-sidebar-primary::-webkit-scrollbar,
  .vsh-buyer-sidebar-related-list::-webkit-scrollbar {display:none;}
  .vsh-buyer-sidebar-related {margin-top:9px;padding-top:9px;}
  .vsh-buyer-sidebar-related-label {margin-bottom:7px;}
  .vsh-buyer-sidebar .vsh-buyer-sidebar-item--related {
    flex:0 0 auto;
    display:block;
    min-height:0;
    padding:9px 13px;
    border-radius:999px;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
  }
}