/* Buyer utility pages: payment, delivery, production timing */
:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .entry-content {
  overflow: visible;
}

.vsh-buyer-page {
  --vsh-brown:#3f2518;
  --vsh-brand:#70451f;
  --vsh-gold:#a8662f;
  --vsh-line:#ddc8b5;
  --vsh-soft:#fff8f1;
  --vsh-card:#fffdf9;
  --vsh-text:#5f5147;
  max-width: 1440px;
  margin: 0 auto;
  padding: 18px 0 14px;
  color: var(--vsh-text);
}

.vsh-buyer-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 42px;
  padding: 44px 54px 42px;
  border: 1px solid #eadfd4;
  border-radius: 22px;
  background: linear-gradient(135deg,#fffdf9 0%,#fff8f1 62%,#f8eee4 100%);
}

.vsh-buyer-hero::after {
  content:"";
  position:absolute;
  right:-70px;
  top:-100px;
  width:310px;
  height:310px;
  border:1px solid rgba(168,102,47,.18);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(168,102,47,.045),0 0 0 84px rgba(168,102,47,.025);
  pointer-events:none;
}

.vsh-buyer-eyebrow {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  color:var(--vsh-gold);
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.vsh-buyer-eyebrow::after {content:"";width:64px;height:1px;background:#b98755;}

.vsh-buyer-hero h1 {
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0;
  color:var(--vsh-brown);
  font-size:clamp(36px,3vw,52px);
  line-height:1.08;
}

.vsh-buyer-lead {
  position:relative;
  z-index:1;
  max-width:950px;
  margin:18px 0 0;
  color:var(--vsh-text);
  font-size:18px;
  line-height:1.58;
}

.vsh-buyer-actions {position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;}
.vsh-buyer-btn {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid #a8662f;border-radius:10px;background:#a8662f;color:#fff!important;font-weight:600;text-decoration:none!important;cursor:pointer;}
.vsh-buyer-btn:hover {background:#8f5427;border-color:#8f5427;color:#fff!important;}
.vsh-buyer-btn--ghost {background:transparent;color:#70451f!important;}
.vsh-buyer-btn--ghost:hover {background:#fff;color:#70451f!important;}

.vsh-buyer-section {margin:44px 0;}
.vsh-buyer-section-head {max-width:920px;margin:0 0 22px;}
.vsh-buyer-section h2 {margin:0;color:var(--vsh-brown);font-size:clamp(27px,2.1vw,36px);line-height:1.18;}
.vsh-buyer-section-head p {margin:10px 0 0;font-size:16px;line-height:1.6;}

.vsh-buyer-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.vsh-buyer-grid--2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.vsh-buyer-grid--4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.vsh-buyer-card {position:relative;min-width:0;padding:24px;border:1px solid #eadfd4;border-radius:16px;background:var(--vsh-card);}
.vsh-buyer-card__label {display:block;margin:0 0 10px;color:var(--vsh-gold);font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;}
.vsh-buyer-card h3 {margin:0 0 9px;color:var(--vsh-brown);font-size:21px;line-height:1.25;}
.vsh-buyer-card p {margin:0;color:#6b5b4e;font-size:15px;line-height:1.58;}
.vsh-buyer-card a {color:#70451f;font-weight:600;text-decoration:none;}
.vsh-buyer-card a:hover {text-decoration:underline;}

.vsh-buyer-link-card {display:block;color:inherit!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.vsh-buyer-link-card:hover {transform:translateY(-2px);border-color:#d7b99d;box-shadow:0 10px 30px rgba(84,50,28,.07);}
.vsh-buyer-link-card .vsh-buyer-more {display:block;margin:16px 0 0;color:#70451f;font-size:14px;font-weight:700;text-decoration:none!important;}
.vsh-buyer-link-card .vsh-buyer-more:hover {text-decoration:underline!important;}

.vsh-buyer-note {margin:22px 0 0;padding:18px 20px;border-left:3px solid #b98755;border-radius:0 12px 12px 0;background:#fff8f1;color:#5f5147;font-size:15px;line-height:1.6;}
.vsh-buyer-note strong {color:#3f2518;}

.vsh-buyer-checks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:20px 0 0;padding:0;list-style:none;}
.vsh-buyer-checks li {position:relative;padding:0 0 0 24px;color:#5f5147;line-height:1.55;}
.vsh-buyer-checks li::before {content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border:2px solid #b98755;border-radius:50%;}

.vsh-buyer-related {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;}
.vsh-buyer-related a {display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border:1px solid #ddc8b5;border-radius:999px;background:#fff;color:#70451f!important;font-size:14px;font-weight:600;text-decoration:none!important;}
.vsh-buyer-related a:hover {border-color:#b98755;background:#fff8f1;}

@media (max-width:1100px) {
  .vsh-buyer-grid--4 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:780px) {
  .vsh-buyer-page {padding-top:8px;}
  .vsh-buyer-hero {padding:32px 26px;margin-bottom:34px;border-radius:18px;}
  .vsh-buyer-hero::after {right:-150px;top:-130px;}
  .vsh-buyer-lead {font-size:16px;}
  .vsh-buyer-grid,.vsh-buyer-grid--2,.vsh-buyer-grid--4,.vsh-buyer-checks {grid-template-columns:1fr;}
  .vsh-buyer-section {margin:36px 0;}
}
@media (max-width:480px) {
  .vsh-buyer-hero {padding:26px 20px;}
  .vsh-buyer-actions {display:grid;grid-template-columns:1fr;}
  .vsh-buyer-btn {width:100%;}
  .vsh-buyer-card {padding:21px;}
}

/* Buyer service navigation — based on FAQ sidebar */
.vsh-buyer-shell {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:28px;
  align-items:start;
  width:100%;
  margin:18px 0 72px;
}
.vsh-buyer-main {min-width:0;}
.vsh-buyer-main > .vsh-buyer-page {
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 14px;
}
.vsh-buyer-sidebar {
  position:sticky;
  top:24px;
  align-self:start;
  width:100%;
  transition:top .3s ease;
}
body:has(.site-header__inner.nav-down) .vsh-buyer-sidebar {
  top:calc(8.5rem + 16px);
}
.vsh-buyer-sidebar-head {
  display:flex;
  align-items:center;
  min-height:32px;
  margin:0 0 12px;
  padding:0 2px 0 75px;
}
.vsh-buyer-sidebar-title {
  margin:0;
  color:#70451f;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.vsh-buyer-sidebar-nav {
  display:grid;
  gap:10px;
}
.vsh-buyer-sidebar-item {
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 18px;
  gap:12px;
  align-items:center;
  min-height:74px;
  padding:12px 14px 12px 15px;
  border:1px solid #eadfd4;
  border-radius:13px;
  background:#fffdf9;
  color:#3f2518!important;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  text-decoration:none!important;
  overflow:hidden;
  transition:background .18s ease,border-color .18s ease;
}
.vsh-buyer-sidebar-item:hover {
  background:#fff8f1;
  border-color:#d8bea2;
  color:#70451f!important;
}
.vsh-buyer-sidebar-icon {
  position:relative;
  display:block;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#f3e2d0;
}
.vsh-buyer-sidebar-icon::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:36px;
  height:36px;
  transform:translate(-50%,-50%);
  background:#8b552a;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:50% 50%;
  -webkit-mask-size:36px 36px;
  mask-repeat:no-repeat;
  mask-position:50% 50%;
  mask-size:36px 36px;
}
.vsh-buyer-sidebar-item:nth-child(1) .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-item:nth-child(2) .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/09/work-request-clipboard-pen.svg');
  mask-image:url('/wp-content/uploads/2026/09/work-request-clipboard-pen.svg');
}
.vsh-buyer-sidebar-item:nth-child(3) .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/08/04_delivery_russia_truck.svg');
  mask-image:url('/wp-content/uploads/2026/08/04_delivery_russia_truck.svg');
}
.vsh-buyer-sidebar-item:nth-child(4) .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-item:nth-child(5) .vsh-buyer-sidebar-icon::before {
  -webkit-mask-image:url('/wp-content/uploads/2026/08/work-001.svg');
  mask-image:url('/wp-content/uploads/2026/08/work-001.svg');
}
.vsh-buyer-sidebar-chevron {
  position:relative;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f7eadc;
}
.vsh-buyer-sidebar-chevron::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-right:1.5px solid #70451f;
  border-bottom:1.5px solid #70451f;
  transform:translate(-62%,-50%) rotate(-45deg);
}
.vsh-buyer-sidebar-item.is-active {
  border-color:#d8bea2;
  border-left:3px solid #a8662f;
  padding-left:12px;
  background:#f3e2d0;
  color:#70451f!important;
}
@media (max-width:1439px) {
  body:has(.site-header__inner.nav-down) .vsh-buyer-sidebar {
    top:calc(7.5rem + 16px);
  }
}
@media (max-width:1279px) {
  body:has(.site-header__inner.nav-down) .vsh-buyer-sidebar {
    top:calc(5rem + 16px);
  }
}
@media (max-width:1180px) {
  .vsh-buyer-shell {
    grid-template-columns:260px minmax(0,1fr);
    gap:20px;
  }
  .vsh-buyer-sidebar-item {font-size:14px;}
}
@media (max-width:900px) {
  .vsh-buyer-shell {
    display:block;
    margin-top:12px;
    margin-bottom:48px;
  }
  .vsh-buyer-sidebar,
  body:has(.site-header__inner.nav-down) .vsh-buyer-sidebar {
    position:static;
    top:auto;
    margin:0 0 18px;
    transition:none;
  }
  .vsh-buyer-sidebar-head {
    min-height:0;
    margin-bottom:8px;
    padding-left:0;
  }
  .vsh-buyer-sidebar-nav {
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 5px;
    scrollbar-width:none;
  }
  .vsh-buyer-sidebar-nav::-webkit-scrollbar {display:none;}
  .vsh-buyer-sidebar-item {
    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;
  }
  .vsh-buyer-sidebar-item.is-active {
    border:1px solid #d8bea2;
    padding:9px 13px;
  }
  .vsh-buyer-sidebar-icon,
  .vsh-buyer-sidebar-chevron {display:none;}
  .vsh-buyer-main > .vsh-buyer-page {padding-top:0;}
}
