/* VierBot /product shell sync v4.
 * The header/footer are generated by public-shell.js, exactly as on the homepage.
 * This file only counteracts legacy public-connected.css differences on /product.
 */
body.vf-shell-v4 .vps-header {
  background:color-mix(in srgb,var(--bg,#f7f8fc) 88%,transparent)!important;
  border-bottom:1px solid var(--border,rgba(20,27,48,.08))!important;
}
body.vf-shell-v4 .vps-nav {
  width:min(calc(100% - 40px),1240px);
  height:72px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
body.vf-shell-v4 .vps-brand {height:60px}
body.vf-shell-v4 .vps-logo-box {width:210px;height:56px}
body.vf-shell-v4 .vps-logo {max-width:205px;max-height:52px}
body.vf-shell-v4 .vps-links {gap:22px}
body.vf-shell-v4 .vps-actions {gap:8px}
body.vf-shell-v4 .vps-footer-inner {width:min(calc(100% - 32px),1120px)}
body.vf-shell-v4 .vps-footer-brand img {width:min(230px,100%);height:60px;max-width:100%}
body.vf-shell-v4 .vps-footer-brand p {max-width:390px;line-height:1.7;font-size:13px}
body.vf-shell-v4 .vps-footer-grid {
  grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(120px,.6fr));
  gap:30px;
}
@media(max-width:1060px) {
  body.vf-shell-v4 .vps-nav {display:flex;gap:10px}
  body.vf-shell-v4 .vps-brand {margin-right:auto}
  body.vf-shell-v4 .vps-links {display:none}
  body.vf-shell-v4 .vps-menu-button {display:grid}
  body.vf-shell-v4 .vps-footer-grid {grid-template-columns:1fr 1fr}
  body.vf-shell-v4 .vps-footer-brand {grid-column:1/-1}
}
@media(max-width:700px) {
  body.vf-shell-v4 .vps-nav {width:calc(100% - 22px);height:64px;gap:7px}
  body.vf-shell-v4 .vps-brand {height:54px}
  body.vf-shell-v4 .vps-logo-box {width:min(42vw,180px);height:52px}
  body.vf-shell-v4 .vps-logo {max-width:min(41vw,176px);max-height:46px}
  body.vf-shell-v4 .vps-icon {width:38px;height:38px;flex-basis:38px}
  body.vf-shell-v4 .vps-footer {margin-top:12px;padding:28px 0 24px}
  body.vf-shell-v4 .vps-footer-inner {width:calc(100% - 24px)}
  body.vf-shell-v4 .vps-footer-grid {grid-template-columns:1fr 1fr;gap:24px 20px}
  body.vf-shell-v4 .vps-footer-brand {grid-column:1/-1;padding-bottom:2px}
  body.vf-shell-v4 .vps-footer-brand img {width:min(210px,62vw);height:auto;max-height:68px}
  body.vf-shell-v4 .vps-footer-brand p {max-width:320px;font-size:12.5px;line-height:1.65}
  body.vf-shell-v4 .vps-footer-grid>div:last-child {grid-column:1/-1}
  body.vf-shell-v4 .vps-footer-bottom {flex-direction:column;align-items:flex-start;gap:7px;margin-top:24px;padding-top:16px}
}
@media(max-width:430px) {
  body.vf-shell-v4 .vps-cta {display:none}
}
@media(max-width:390px) {
  body.vf-shell-v4 .vps-logo-box {width:min(55vw,185px)}
  body.vf-shell-v4 .vps-logo {max-width:min(54vw,180px)}
  body.vf-shell-v4 .vps-footer-grid {grid-template-columns:1fr 1fr;gap:22px 16px}
  body.vf-shell-v4 .vps-footer-brand img {width:min(190px,58vw)}
}