/* V1 / V2 design switch — fixed at the bottom of the homepages */
.vtoggle{position:fixed; left:50%; bottom:18px; z-index:120; transform:translateX(-50%);
  display:flex; align-items:center; gap:4px; padding:5px 5px 5px 16px; border-radius:999px;
  background:rgba(51,51,31,.82); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 14px 34px -14px rgba(26,20,15,.6), inset 0 0 0 1px rgba(251,250,242,.12);
  font-family:"Montserrat", system-ui, sans-serif; color:#FBFAF2;
  animation:vtoggleIn .9s cubic-bezier(.16,1,.3,1) both .6s}
.vtoggle__label{font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:rgba(251,250,242,.62); margin-right:8px}
.vtoggle__opts{position:relative; display:flex}
.vtoggle a{position:relative; z-index:1; display:block; min-width:46px; padding:8px 14px; border-radius:999px; text-align:center;
  font-size:11px; font-weight:600; letter-spacing:.12em; color:rgba(251,250,242,.75); text-decoration:none; transition:color .5s}
.vtoggle a.on{color:#33331F}
.vtoggle a:not(.on):hover{color:#FBFAF2}
.vtoggle__thumb{position:absolute; top:0; bottom:0; left:0; width:50%; border-radius:999px; background:#C9A06A;
  transition:transform .6s cubic-bezier(.16,1,.3,1)}
.vtoggle[data-v="2"] .vtoggle__thumb{transform:translateX(100%)}
.has-vtoggle .foot{padding-bottom:5.5rem}
@keyframes vtoggleIn{from{opacity:0; transform:translate(-50%,24px)}to{opacity:1; transform:translate(-50%,0)}}
@media (max-width:700px){
  .vtoggle{left:auto; right:12px; bottom:12px; transform:none; padding:4px; animation-name:vtoggleInM}
  .vtoggle__label{display:none}
  .vtoggle a{min-width:38px; padding:7px 10px; font-size:10.5px}
}
@keyframes vtoggleInM{from{opacity:0; transform:translateY(24px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.vtoggle{animation:none}.vtoggle__thumb{transition:none}}