/* HALCYON virtual store — overlay UI (the 3D scene is drawn on the canvas) */
:root{--vs-ink:#111;--vs-ok:#2f9e44;--vs-pill:#16161a;--vs-pill-fg:#fff;--vs-wall:#e9e7e1;--vs-vig:.35;--vs-grain:.05;--vs-sub:#7d7d78;--vs-line:#e3e3df;--vs-ease:cubic-bezier(.2,.8,.2,1);--vs-gut:clamp(16px,4.2vw,64px);--vs-cardw:clamp(300px,24vw,352px)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--vs-wall);-webkit-tap-highlight-color:transparent}
body.vs{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Noto Naskh Arabic",Tahoma,sans-serif;color:var(--vs-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}
body.vs canvas#vs-gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:grab;touch-action:none;outline:none}
#vs-ui{position:fixed;inset:0;z-index:10;pointer-events:none}
:where(#vs-ui button,#vs-ui a,#vs-ui .vs-card,#vs-ui .vs-drawer,#vs-ui .vs-modal,#vs-ui .vs-scrim,#vs-ui .vs-loading,#vs-ui .vs-fbstage){pointer-events:auto}
#vs-ui>*,:where(#vs-ui button){font:inherit}
:where(#vs-ui button){color:inherit;cursor:pointer}
:focus-visible{outline:2px solid #2a6df4;outline-offset:2px}
.vs-fx{position:fixed;inset:0;pointer-events:none;z-index:0}
.vs-vig{position:absolute;inset:0;background:radial-gradient(ellipse 78% 74% at 50% 46%,rgba(0,0,0,0) 52%,rgba(18,16,12,calc(var(--vs-vig)*.34)) 100%)}
.vs-grain{position:absolute;inset:-20%;opacity:var(--vs-grain);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:vsGrain 1.1s steps(6) infinite}
@keyframes vsGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* header */
.vs-head{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;transition:opacity .9s .1s var(--vs-ease)}
.vs-brand{direction:ltr;display:inline-flex;align-items:center;gap:7px;color:var(--vs-on,var(--vs-ink));text-decoration:none;pointer-events:auto}
.vs-brand img{height:26px;width:auto;display:block}
.vs-glyph{display:inline-block;width:23px;height:19px}.vs-glyph svg{display:block;width:100%;height:100%}
.vs-word{font-weight:900;font-style:italic;font-size:21px;letter-spacing:-.03em;text-transform:uppercase;line-height:1}
.vs-tag{font-size:8.5px;letter-spacing:.34em;color:var(--vs-on-sub,var(--vs-sub));text-transform:uppercase;font-weight:500;padding-inline-start:.34em}
body.vs-intro .vs-head,body.vs-intro .vs-nav{opacity:0;pointer-events:none}

/* nav pill */
.vs-nav{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 8px 28px rgba(30,28,20,.12),0 0 0 1px rgba(0,0,0,.06);transition:opacity .6s var(--vs-ease),transform .6s var(--vs-ease);white-space:nowrap;max-width:calc(100vw - 20px)}
.vs-nbtn{border:0;background:transparent;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;color:#4a4a47;transition:background .25s,color .25s;letter-spacing:.005em;line-height:1}
.vs-nbtn:hover{color:#000;background:rgba(0,0,0,.05)}
.vs-nbtn.on{background:var(--vs-pill);color:var(--vs-pill-fg);font-weight:600}
.vs-nbtn.on:hover{background:var(--vs-pill)}
.vs-sep{width:1px;height:18px;background:#d9d9d5;margin:0 5px}
.vs-ninfo{width:31px;height:31px;padding:0;display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;font-weight:600}
body.vs-detail .vs-nav{opacity:0;transform:translate(-50%,24px);pointer-events:none}

/* labels */
.vs-caption{position:fixed;left:0;top:0;font-size:12.5px;font-weight:500;color:var(--vs-on-sub,#8b8b86);white-space:nowrap;opacity:0;transition:opacity .35s;pointer-events:none;letter-spacing:.005em;will-change:transform}
.vs-caption.on{opacity:1}
.vs-note{position:fixed;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px);left:50%;transform:translateX(-50%);max-width:min(520px,86vw);text-align:center;font-size:12.5px;line-height:1.5;color:var(--vs-on-sub,#7d7d78);opacity:0;transition:opacity .6s .3s;pointer-events:none}
.vs-note.on{opacity:1}
.vs-hint{position:fixed;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px);transform:translateX(-50%);font-size:12px;color:var(--vs-on-sub,#85857f);letter-spacing:.02em;opacity:0;transition:opacity .6s;pointer-events:none;white-space:nowrap}
.vs-hint.on{opacity:1}
.vs-skip{position:fixed;top:max(16px,env(safe-area-inset-top));inset-inline-end:18px;border:0;background:rgba(255,255,255,.7);padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .5s;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
body.vs-intro .vs-skip{opacity:1;pointer-events:auto}

/* cart button */
.vs-cartbtn{position:fixed;top:max(12px,env(safe-area-inset-top));inset-inline-end:16px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 16px rgba(30,28,20,.12),0 0 0 1px rgba(0,0,0,.06);display:grid;place-items:center;opacity:0;transform:scale(.85);pointer-events:none!important;transition:opacity .4s,transform .4s var(--vs-ease)}
.vs-cartbtn.show{opacity:1;transform:none;pointer-events:auto!important}
.vs-cartbtn .vs-count{position:absolute;top:-3px;inset-inline-end:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vs-pill);color:var(--vs-pill-fg);font-size:10.5px;font-weight:700;display:none;place-items:center;line-height:18px;text-align:center}
.vs-cartbtn .vs-count.on{display:block}
.vs-cartbtn.bump{animation:vsBump .5s var(--vs-ease)}
@keyframes vsBump{0%{transform:scale(1)}35%{transform:scale(1.22)}100%{transform:scale(1)}}

/* detail */
.vs-close{position:fixed;top:max(14px,env(safe-area-inset-top));inset-inline-start:18px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(0,0,0,.07);display:grid;place-items:center;opacity:0;transform:scale(.85);pointer-events:none!important;transition:opacity .4s .25s,transform .4s .25s var(--vs-ease)}
.vs-close.on{opacity:1;transform:none;pointer-events:auto!important}
.vs-arrow{position:fixed;top:50%;inset-inline-end:calc(var(--vs-gut) + var(--vs-cardw) + 34px);width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.4);background:rgba(255,255,255,.35);display:grid;place-items:center;transform:translateY(-50%) scale(.85);opacity:0;pointer-events:none!important;transition:opacity .4s .3s,transform .4s .3s var(--vs-ease),background .2s}
.vs-arrow.on{opacity:1;transform:translateY(-50%);pointer-events:auto!important}
.vs-arrow:hover{background:#fff}
.vs-arrow.vs-prev{display:none}
[dir=rtl] .vs-arrow svg{transform:scaleX(-1)}
.vs-card{position:fixed;top:50%;inset-inline-end:var(--vs-gut);width:var(--vs-cardw);max-height:min(86vh,720px);overflow:auto;padding:19px 20px 15px;border-radius:20px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 34px 80px -24px rgba(24,22,16,.34),0 0 0 1px rgba(0,0,0,.05);opacity:0;transform:translate(26px,-47%);pointer-events:none!important;transition:opacity .55s .15s,transform .8s .15s var(--vs-ease)}
[dir=rtl] .vs-card{transform:translate(-26px,-47%)}
.vs-card.on{opacity:1;transform:translate(0,-50%);pointer-events:auto!important}
.vs-card.swap{opacity:0;transition:opacity .16s;transform:translate(0,-50%)}
.vs-cat{font-size:11px;color:var(--vs-sub);font-weight:500;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.vs-badge{background:#111;color:#fff;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px;font-weight:700}
.vs-name{margin:5px 0 9px;font-size:21px;line-height:1.18;font-weight:600;letter-spacing:-.012em}
.vs-priceRow{display:flex;align-items:baseline;gap:9px}
.vs-price.now{font-size:17px;font-weight:600}.vs-price.was{font-size:14px;color:#9a9a95;font-weight:400}
.vs-color{margin-top:4px;font-size:12px;color:var(--vs-sub)}
.vs-desc{margin:11px 0 0;font-size:13px;line-height:1.5;color:#5a5a56;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vs-more{margin-top:9px;font-size:12.5px;color:#5a5a56}.vs-more summary{cursor:pointer;font-weight:600;color:#333;list-style:none}.vs-more summary::after{content:' +'}.vs-more[open] summary::after{content:' −'}.vs-more div{margin-top:6px;line-height:1.5;max-height:150px;overflow:auto}.vs-more p{margin:0 0 6px}
.vs-card hr{border:0;border-top:1px solid var(--vs-line);margin:14px 0}
.vs-sizehd{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;color:#6a6a66;margin-bottom:8px}
.vs-sizehd em{font-style:normal;font-size:12px;color:#9a9a95}
.vs-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vs-size{height:40px;border-radius:10px;border:1px solid #dadad6;background:#fff;font-size:13px;font-weight:500;transition:border-color .2s,background .2s,color .2s,transform .15s}
.vs-size:hover{border-color:#888}.vs-size:active{transform:scale(.97)}
.vs-size.on{background:var(--vs-ink);border-color:var(--vs-ink);color:#fff}
.vs-card.need .vs-size:not(.on){border-color:#e7a5a0}
.vs-msg{min-height:18px;margin:8px 0 2px;font-size:12px;color:#b3261e;font-weight:500}
.vs-add{width:100%;height:46px;border-radius:999px;border:0;background:var(--vs-pill);color:var(--vs-pill-fg);font-size:14px;font-weight:600;letter-spacing:.01em;transition:background .3s,transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 8px 18px -8px rgba(0,0,0,.45)}
.vs-add:hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(0,0,0,.5)}
.vs-add.ok{background:var(--vs-ok);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--vs-ok) 70%,transparent)}
.vs-add.busy{opacity:.75;pointer-events:none}
.vs-add:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.vs-add.shake{animation:vsShake .45s}
@keyframes vsShake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
.vs-viewcart{display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:500;color:#4d4d49;text-decoration:none;padding:4px}
.vs-viewcart:hover{color:#000;text-decoration:underline}
.vs-viewcart[hidden]{display:none}
.vs-views{position:fixed;inset-inline-start:22px;bottom:50px;display:flex;gap:6px;opacity:0;transition:opacity .5s .3s;pointer-events:none}
.vs-views.on{opacity:1}
.vs-vbtn{border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.6);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:500;pointer-events:auto;transition:background .2s,color .2s}
.vs-views.on .vs-vbtn{pointer-events:auto}
.vs-vbtn.on{background:var(--vs-ink);color:#fff;border-color:var(--vs-ink)}
.vs-count-line{position:fixed;inset-inline-start:22px;bottom:20px;font-size:11.5px;color:var(--vs-on-sub,#8b8b86);opacity:0;transition:opacity .5s .3s;pointer-events:none;letter-spacing:.01em}
body.vs-detail .vs-count-line{opacity:1}
.vs-shopnote{position:fixed;top:max(60px,calc(env(safe-area-inset-top) + 56px));left:50%;transform:translateX(-50%);background:#111;color:#fff;font-size:12px;padding:7px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .4s}
.vs-shopnote.on{opacity:1}
.vs-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,10px);background:#111;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.vs-toast.on{opacity:1;transform:translate(-50%,0)}

/* cart drawer / info modal */
.vs-scrim{position:fixed;inset:0;background:rgba(14,13,10,.3);opacity:0;pointer-events:none!important;transition:opacity .35s;z-index:20}
.vs-scrim.on{opacity:1;pointer-events:auto!important}
.vs-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(410px,92vw);background:#fff;z-index:21;transform:translateX(104%);visibility:hidden;transition:transform .5s var(--vs-ease),visibility 0s .5s;display:flex;flex-direction:column;box-shadow:-24px 0 60px -20px rgba(0,0,0,.3);pointer-events:auto}
[dir=rtl] .vs-drawer{transform:translateX(-104%);box-shadow:24px 0 60px -20px rgba(0,0,0,.3)}
.vs-drawer.on{transform:none;visibility:visible;transition-delay:0s}
.vs-dhd{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px}
.vs-dhd h2{margin:0;font-size:18px;font-weight:700}
.vs-x{width:34px;height:34px;border-radius:50%;border:0;background:#f1f1ee;display:grid;place-items:center}
.vs-x:hover{background:#e6e6e2}
.vs-lines{list-style:none;margin:0;padding:0 22px;overflow:auto;flex:1}
.vs-lines li{display:grid;grid-template-columns:62px 1fr auto;gap:12px;padding:14px 0;border-top:1px solid var(--vs-line);align-items:start}
.vs-lines img{width:62px;height:74px;object-fit:contain;background:#f4f3ef;border-radius:10px}
.vs-li{display:flex;flex-direction:column;gap:3px;min-width:0}.vs-li b{font-size:13.5px;line-height:1.3;font-weight:600}.vs-li span{font-size:12px;color:var(--vs-sub)}
.vs-qty{display:inline-flex;align-items:center;gap:2px;margin-top:7px;border:1px solid #dcdcd8;border-radius:999px;width:fit-content}
.vs-qty button{width:28px;height:28px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center}.vs-qty button:hover{background:#f1f1ee}
.vs-qty i{font-style:normal;font-size:13px;min-width:22px;text-align:center;font-weight:600}
.vs-lt{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:13.5px}
.vs-rm{border:0;background:transparent;color:#9a9a95;padding:2px}.vs-rm:hover{color:#b3261e}
.vs-dft{padding:16px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--vs-line);background:#fafaf8}
.vs-sub{display:flex;justify-content:space-between;font-size:15px}.vs-sub b{font-weight:700}
.vs-dft p{margin:6px 0 14px;font-size:12px;color:var(--vs-sub)}
.vs-checkout{display:block;text-align:center;background:var(--vs-pill);color:var(--vs-pill-fg);text-decoration:none;padding:14px;border-radius:999px;font-weight:600;font-size:14px}
.vs-cont{display:block;width:100%;margin-top:8px;border:0;background:transparent;padding:10px;font-size:13px;font-weight:500;color:#555}
.vs-cont:hover{text-decoration:underline}
.vs-empty{padding:40px 22px;text-align:center;color:#6a6a66}
.vs-modal{position:fixed;inset:0;z-index:22;display:grid;place-items:center;background:rgba(14,13,10,.32);opacity:0;transition:opacity .3s}
.vs-modal[hidden]{display:none}.vs-modal.on{opacity:1}
.vs-sheet{position:relative;width:min(470px,calc(100vw - 32px));max-height:82vh;overflow:auto;background:#fff;border-radius:24px;padding:28px 28px 24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.45);transform:translateY(14px) scale(.98);transition:transform .45s var(--vs-ease)}
.vs-modal.on .vs-sheet{transform:none}
.vs-sheet h2{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.01em;padding-inline-end:40px}
.vs-sheet .vs-x{position:absolute;top:18px;inset-inline-end:18px}
.vs-rich{font-size:14.5px;line-height:1.65;color:#444}.vs-rich p{margin:0 0 10px}.vs-rich a{color:#111}
.vs-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.vs-links a{padding:8px 14px;border-radius:999px;background:#f1f1ee;color:#111;text-decoration:none;font-size:13px;font-weight:500}.vs-links a:hover{background:#e6e6e2}

/* loading */
.vs-loading{position:fixed;inset:0;z-index:50;background:var(--vs-wall);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .9s var(--vs-ease)}
.vs-loading.off{opacity:0;pointer-events:none!important}
.vs-ld-brand{display:flex;align-items:center;gap:10px;font-size:34px}.vs-ld-brand .vs-word{font-size:34px}.vs-ld-brand .vs-glyph{width:38px;height:31px}.vs-ld-brand img{height:44px}
.vs-ld-bar{width:150px;height:2px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden}.vs-ld-bar i{display:block;height:100%;background:#111;transform:scaleX(.04);transform-origin:0 50%;transition:transform .4s}
[dir=rtl] .vs-ld-bar i{transform-origin:100% 50%}
.vs-ld-txt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vs-on-sub,var(--vs-sub))}

/* no-WebGL fallback */
body.vs-fb{background:var(--vs-wall)}
.vs-fbstage{position:fixed;inset:76px 0 92px;overflow:auto;padding:12px var(--vs-gut) 24px;transition:opacity .4s}
.vs-fbstage.off{opacity:0;pointer-events:none!important}
.vs-fbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.vs-fbcard{display:flex;flex-direction:column;gap:5px;text-align:start;background:rgba(255,255,255,.75);border:0;border-radius:18px;padding:12px;box-shadow:0 0 0 1px rgba(0,0,0,.05);transition:transform .25s var(--vs-ease),box-shadow .25s}
.vs-fbcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.05)}
.vs-fbimg{aspect-ratio:4/5;display:grid;place-items:center}.vs-fbimg img{max-width:100%;max-height:100%;object-fit:contain}
.vs-fbcard b{font-size:13.5px;font-weight:600;line-height:1.3}.vs-fbcard span:last-child{font-size:13px;color:#555}
.vs-fbhero{position:fixed;top:84px;bottom:56px;inset-inline-start:var(--vs-gut);width:calc(100vw - var(--vs-gut)*2 - var(--vs-cardw) - 70px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s}
.vs-fbhero.on{opacity:1}.vs-fbhero img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(0,0,0,.18))}
.vs-fbnote{position:fixed;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px);transform:translateX(-50%);margin:0;font-size:12px;color:var(--vs-on-sub,#85857f);text-align:center;max-width:90vw}
body.vs-detail .vs-fbnote{opacity:0}

/* phones / narrow */
@media (max-width:760px),(max-aspect-ratio:1/1){
  :root{--vs-gut:10px}
  .vs-nbtn{padding:9px 11px;font-size:12.5px}.vs-sep{margin:0 3px}
  .vs-nav{bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px));padding:4px;max-width:calc(100vw - 14px)}
  .vs-word{font-size:18px}.vs-glyph{width:20px;height:16px}.vs-tag{font-size:7.5px}
  .vs-card{top:auto;bottom:max(10px,env(safe-area-inset-bottom));inset-inline:10px;width:auto;max-height:55vh;transform:translateY(40px);padding:16px 16px 12px;border-radius:22px}
  [dir=rtl] .vs-card{transform:translateY(40px)}
  .vs-card.on,.vs-card.swap{transform:none}
  .vs-name{font-size:18px;margin:3px 0 7px}.vs-desc{display:none}.vs-more{margin-top:9px;font-size:12.5px;color:#5a5a56}.vs-more summary{cursor:pointer;font-weight:600;color:#333;list-style:none}.vs-more summary::after{content:' +'}.vs-more[open] summary::after{content:' −'}.vs-more div{margin-top:6px;line-height:1.5;max-height:150px;overflow:auto}.vs-more p{margin:0 0 6px}
.vs-card hr{margin:11px 0}
  .vs-sizes{grid-template-columns:repeat(4,1fr);gap:7px}.vs-size{height:38px}
  .vs-add{height:44px}.vs-viewcart{margin-top:6px}
  .vs-arrow{top:23vh;inset-inline-end:14px}
  .vs-arrow.on{transform:translateY(-50%)}
  .vs-count-line{display:none}
  .vs-views{top:max(58px,calc(env(safe-area-inset-top) + 50px));bottom:auto;inset-inline-start:50%;transform:translateX(-50%)}
  [dir=rtl] .vs-views{transform:translateX(50%)}
  .vs-hint,.vs-note{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 58px)}
  .vs-fbstage{inset:70px 0 86px}
  .vs-fbhero{inset-inline:var(--vs-gut);width:auto;top:70px;bottom:auto;height:30vh}
  .vs-fbnote{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 58px)}
}
@media (prefers-reduced-motion:reduce){
  .vs-grain{animation:none}.vs-card,.vs-drawer,.vs-nav,.vs-modal,.vs-sheet{transition-duration:.01s!important}
}

.vs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.vs-sr a:focus{position:fixed;top:8px;left:8px;background:#fff;padding:6px 10px;z-index:99;clip:auto;clip-path:none;white-space:normal}