/* Shared mechanics for Vitrinak shop templates (page switching, commerce-pending notice, mobile bottom bar).
   Each template has its own visual design file; this file holds only behaviour-level rules. */
.vp{display:none}
.vp#home,.vp:target{display:block}
body:has(.vp:target) .vp#home:not(:target){display:none}
.vp{scroll-margin-top:400px}
.vtk-pending{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:14px 16px;border-radius:14px;border:1px dashed currentColor;font-size:14px;line-height:1.9}
.vtk-pending b{display:block;font-size:15px}
.vtk-pending p{margin:2px 0 0;opacity:.85}
.vtk-pending::before{content:"⏳";font-size:20px;line-height:1.4}
.vtk-disabled,.vtk-disabled *{cursor:not-allowed}
fieldset[disabled]{opacity:.75;border:0;padding:0;margin:0}
.vtk-bottombar{position:fixed;bottom:0;left:0;right:0;z-index:800;display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.vtk-bottombar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;min-height:44px;justify-content:center;font-size:12px;text-decoration:none}
.vtk-bottombar span{font-size:18px;line-height:1}
@media(min-width:900px){.vtk-bottombar{display:none}}
@media(max-width:899px){body{padding-bottom:64px}}
img{max-width:100%;height:auto}
@media(max-width:899px){body:has(> .vtkMade){padding-bottom:98px}body:has(> .vtkMade) .vtk-bottombar{bottom:34px}body:has(> .vtkMade) .vtkWa{bottom:112px!important}}