/* Workafella Photos + Videos pages - latest module theme.
   Builds on events/events.css (page shell, hero, reveal animations). v2 */

.wf-gl-page .wf-events-hero:before{background-image:url("../assets/images/Lobby-banner.jpg")}
.wf-gl-page .wf-events-hero{min-height:0}
.wf-gl-page .wf-events-hero-inner{padding:76px 0 70px}

/* ---- filter bar: city first, centres appear after a city is chosen */
.wf-gl-bar{margin-bottom:18px;padding:16px 18px;border:1px solid var(--wf-line);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.06)}
.wf-gl-cities{display:flex;flex-wrap:wrap;gap:8px}
.wf-gl-page .wf-gl-pill{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--wf-line);border-radius:999px;background:#faf9f6;color:#262626;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent}
.wf-gl-page .wf-gl-pill:hover{border-color:#cfcfc6;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.wf-gl-page .wf-gl-pill:focus-visible{outline:3px solid rgba(255,204,0,.6);outline-offset:2px}
.wf-gl-page .wf-gl-pill.on{background:#202020;border-color:#202020;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.wf-gl-centres{display:flex;flex-wrap:wrap;gap:7px;margin-top:0;padding-top:0;border-top:1px dashed transparent;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .35s,margin .35s,padding .35s,border-color .35s}
.wf-gl-centres.show{max-height:220px;opacity:1;margin-top:14px;padding-top:14px;border-top-color:var(--wf-line)}
.wf-gl-page .wf-gl-centres .wf-gl-pill{padding:9px 16px;font-size:12.5px;background:#fff;animation:wfPop .45s both}
.wf-gl-page .wf-gl-centres .wf-gl-pill.on{background:#ffcc00;border-color:#ffcc00;color:#111;box-shadow:0 8px 20px rgba(255,204,0,.35)}

/* ---- results bar: count on the left, tools on the right */
.wf-gl-count{margin:0 2px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:#777;font-size:12.5px}
.wf-gl-count strong{color:#202020}
.wf-gl-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wf-gl-typewrap{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a7a72}
.wf-gl-typewrap[hidden]{display:none}
.wf-gl-page .wf-gl-typewrap select{height:40px;min-width:170px;padding:0 38px 0 14px;border:1px solid var(--wf-line);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;color:#202020;font:inherit;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s}
.wf-gl-page .wf-gl-typewrap select:focus{border-color:#ffcc00;box-shadow:0 0 0 4px rgba(255,204,0,.22)}
.wf-gl-view{display:inline-flex;padding:3px;border-radius:12px;background:#f1f0ea}
.wf-gl-page .wf-gl-view button{all:unset;box-sizing:border-box;display:grid;place-items:center;width:38px;height:34px;border-radius:9px;color:#777;font-size:14px;cursor:pointer;transition:.2s}
.wf-gl-page .wf-gl-view button:hover{color:#111}
.wf-gl-page .wf-gl-view button.on{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.wf-gl-page .wf-gl-view button:focus-visible{outline:3px solid rgba(255,204,0,.6)}
.wf-gl-page .wf-gl-clear{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:1px solid var(--wf-line);border-radius:12px;background:#fff;color:#222;font-family:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.2s}
.wf-gl-page .wf-gl-clear[hidden]{display:none}
.wf-gl-page .wf-gl-clear:hover{background:#202020;border-color:#202020;color:#fff}

/* ---- photo grid: every tile the same size */
.wf-gl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wf-gl-grid.view-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.wf-gl-grid.view-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wf-gl-page a.wf-gl-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:20px;background:#e6e6df;cursor:zoom-in;isolation:isolate;transition:box-shadow .4s,transform .4s}
.wf-gl-grid.view-large a.wf-gl-card{aspect-ratio:3/2;border-radius:24px}
.wf-gl-grid.view-compact a.wf-gl-card{border-radius:16px}
.wf-gl-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.wf-gl-card:hover{box-shadow:0 26px 56px rgba(0,0,0,.22);transform:translateY(-5px)}
.wf-gl-card:hover img{transform:scale(1.08)}
.wf-gl-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.8));opacity:.92;transition:opacity .4s}
.wf-gl-card:before{content:"";position:absolute;z-index:3;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);pointer-events:none}
.wf-gl-card:hover:before{animation:wfShine .9s ease}
.wf-gl-card .wf-gl-cap{position:absolute;z-index:2;left:20px;right:20px;bottom:17px;color:#fff;transform:translateY(10px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.wf-gl-card:hover .wf-gl-cap{transform:none}
.wf-gl-cap strong{display:block;font-size:15.5px;line-height:1.25;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.wf-gl-cap span{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85)}
.wf-gl-cap span i{color:#ffcc00;font-size:11px}
.wf-gl-grid.view-compact .wf-gl-cap strong{font-size:13px}.wf-gl-grid.view-compact .wf-gl-cap span{display:none}.wf-gl-grid.view-compact .wf-gl-cap{left:13px;right:13px;bottom:12px}
.wf-gl-card .wf-gl-tag{position:absolute;z-index:2;top:14px;left:14px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.93);color:#111;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(6px)}
.wf-gl-grid.view-compact .wf-gl-tag{display:none}
.wf-gl-card .wf-gl-zoom{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffcc00;color:#111;font-size:14px;opacity:0;transform:scale(.5) rotate(-40deg);transition:.35s cubic-bezier(.2,.7,.2,1)}
.wf-gl-card:hover .wf-gl-zoom{opacity:1;transform:none}
.wf-gl-card.is-hidden,.wf-vd-card.is-hidden{display:none!important}
.wf-gl-card.pop,.wf-vd-card.pop{animation:wfPop .55s both}

/* ---- video grid: every card the same size */
.wf-vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:22px}
.wf-vd-grid.view-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.wf-vd-grid.view-compact{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}
.wf-vd-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--wf-line);border-radius:22px;background:#fff;transition:box-shadow .4s,transform .4s,border-color .4s}
.wf-vd-card:hover{box-shadow:0 26px 56px rgba(0,0,0,.15);transform:translateY(-6px);border-color:#d8d8cf}
.wf-vd-grid.view-compact .wf-vd-card{flex-direction:row;align-items:stretch}
.wf-vd-grid.view-compact .wf-vd-thumb{flex:0 0 340px;width:340px;aspect-ratio:16/9}
.wf-vd-thumb{all:unset;box-sizing:border-box;position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#161616;cursor:pointer;width:100%}
.wf-vd-thumb:focus-visible{outline:3px solid #ffcc00;outline-offset:-3px}
.wf-vd-thumb img,.wf-vd-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wf-vd-card:hover .wf-vd-thumb img,.wf-vd-card:hover .wf-vd-thumb video{transform:scale(1.08)}
.wf-vd-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(0,0,0,.62))}
.wf-vd-play{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;display:grid;place-items:center;border-radius:50%;background:#ffcc00;color:#111;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.wf-vd-play i{margin-left:4px}
.wf-vd-play:before{content:"";position:absolute;inset:0;border-radius:50%;animation:wfPulse 2.2s infinite}
.wf-vd-card:hover .wf-vd-play{transform:scale(1.14)}
.wf-vd-badge{position:absolute;z-index:2;top:14px;left:14px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.93);color:#111;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wf-vd-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 20px 20px;min-width:0}
.wf-vd-meta{display:flex;flex-wrap:wrap;gap:8px}
.wf-vd-meta{min-width:0}.wf-vd-meta span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 11px;border-radius:99px;background:#f5f5f1;color:#555;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-vd-meta span i{color:#b99600}
.wf-vd-body h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.02em;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.wf-vd-grid.view-compact .wf-vd-body h3{min-height:0}
.wf-vd-body h3 button{all:unset;cursor:pointer}
.wf-vd-body h3 button:hover{color:#8a6a00}
.wf-vd-body p{margin:0;color:#666;font-size:13.5px;line-height:1.6}
.wf-vd-watch{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#111;font-size:12px;font-weight:800;cursor:pointer}
.wf-vd-watch i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffcc00;font-size:10px;transition:transform .3s}
.wf-vd-card:hover .wf-vd-watch i{transform:translateX(5px)}

.wf-gl-more{display:block;margin:30px auto 0}

/* =====================================================================
   PHOTO VIEWER (pop-up)
===================================================================== */
.wf-pv{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;overflow:hidden;background:#0a0a0a;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.wf-pv.open{opacity:1;visibility:visible}
.wf-pv-bg{position:absolute;inset:-12%;background:center/cover no-repeat;filter:blur(70px) saturate(1.4);opacity:.5;transform:scale(1.15);transition:background-image .7s,opacity .7s}
.wf-pv:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(8,8,8,.15),rgba(8,8,8,.82) 78%);pointer-events:none}
.wf-pv>*{position:relative;z-index:2}.wf-pv>.wf-pv-bg{position:absolute;z-index:0}
.wf-pv-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;color:#fff;transform:translateY(-14px);opacity:0;transition:.5s .15s cubic-bezier(.2,.7,.2,1)}
.wf-pv.open .wf-pv-top{transform:none;opacity:1}
.wf-pv-count{font-size:13px;font-weight:700;padding:8px 15px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);letter-spacing:.04em}
.wf-pv-count b{color:#ffcc00}
.wf-pv-tools{display:flex;gap:9px}
.wf-pv .wf-pv-btn{all:unset;box-sizing:border-box;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.wf-pv .wf-pv-btn:hover{background:#ffcc00;color:#111;transform:scale(1.1)}
.wf-pv .wf-pv-btn[data-act=close]:hover{transform:scale(1.1) rotate(90deg)}
.wf-pv .wf-pv-btn.on{background:#ffcc00;color:#111}
.wf-pv .wf-pv-btn:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.wf-pv-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 clamp(56px,9vw,130px);touch-action:pan-y}
.wf-pv-fig{margin:0;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;box-shadow:0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
.wf-pv-fig img{display:block;max-width:100%;max-height:calc(100vh - 290px);width:auto;height:auto;object-fit:contain;cursor:zoom-in;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.wf-pv-fig.zoomed img{transform:scale(2);cursor:zoom-out;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.wf-pv-fig.in-next img{animation:pvNext .62s cubic-bezier(.2,.8,.2,1) both}
.wf-pv-fig.in-prev img{animation:pvPrev .62s cubic-bezier(.2,.8,.2,1) both}
.wf-pv-fig.in-fade img{animation:pvFade .5s ease both}
@keyframes pvNext{from{opacity:0;transform:translateX(90px) scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes pvPrev{from{opacity:0;transform:translateX(-90px) scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes pvFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.wf-pv .wf-pv-nav{all:unset;box-sizing:border-box;position:absolute;top:50%;margin-top:-28px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:18px;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1);z-index:3;-webkit-tap-highlight-color:transparent}
.wf-pv .wf-pv-nav.prev{left:clamp(10px,2.4vw,34px)}.wf-pv .wf-pv-nav.next{right:clamp(10px,2.4vw,34px)}
.wf-pv .wf-pv-nav:hover{background:#ffcc00;color:#111}
.wf-pv .wf-pv-nav.prev:hover{transform:translateX(-4px) scale(1.06)}.wf-pv .wf-pv-nav.next:hover{transform:translateX(4px) scale(1.06)}
.wf-pv .wf-pv-nav:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.wf-pv-info{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;width:min(760px,calc(100% - 32px));margin:14px auto 0;padding:14px 22px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);color:#fff;overflow:hidden;transform:translateY(24px);opacity:0;transition:.55s .2s cubic-bezier(.2,.7,.2,1)}
.wf-pv.open .wf-pv-info{transform:none;opacity:1}
.wf-pv-info.swap>*{animation:pvUp .55s cubic-bezier(.2,.8,.2,1) both}.wf-pv-info.swap>*:nth-child(2){animation-delay:.06s}.wf-pv-info.swap>*:nth-child(3){animation-delay:.12s}
@keyframes pvUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.wf-pv-chip{padding:5px 12px;border-radius:99px;background:#ffcc00;color:#111;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wf-pv-chip:empty{display:none}
.wf-pv-info h3{margin:0;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.01em}
.wf-pv-info p{margin:0;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:13px;font-weight:600}
.wf-pv-info p i{color:#ffcc00}
.wf-pv-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.08)}
.wf-pv-prog i{display:block;height:100%;width:0;background:#ffcc00}
.wf-pv.playing .wf-pv-prog i{animation:pvProg var(--pv-t,4.5s) linear forwards}
@keyframes pvProg{from{width:0}to{width:100%}}
.wf-pv-strip{display:flex;gap:9px;overflow-x:auto;padding:14px 24px 22px;scrollbar-width:none;transform:translateY(24px);opacity:0;transition:.6s .3s cubic-bezier(.2,.7,.2,1)}
.wf-pv.open .wf-pv-strip{transform:none;opacity:1}
.wf-pv-strip::-webkit-scrollbar{display:none}
.wf-pv-strip a{flex:0 0 84px;height:58px;margin:0 auto;border-radius:11px;overflow:hidden;border:2px solid transparent;opacity:.45;cursor:pointer;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s}
.wf-pv-strip a:first-child{margin-left:auto}.wf-pv-strip a:last-child{margin-right:auto}
.wf-pv-strip a:hover{opacity:.9}
.wf-pv-strip a.on{opacity:1;border-color:#ffcc00;transform:translateY(-5px) scale(1.06);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.wf-pv-strip img{display:block;width:100%;height:100%;object-fit:cover}

/* =====================================================================
   VIDEO PLAYER (pop-up)
===================================================================== */
.wf-vm{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;overflow:hidden;background:#0a0a0a;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.wf-vm.open{opacity:1;visibility:visible}
.wf-vm-bg{position:absolute;inset:-12%;background:center/cover no-repeat;filter:blur(70px) saturate(1.4);opacity:.5;transform:scale(1.15)}
.wf-vm:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(8,8,8,.15),rgba(8,8,8,.85) 78%);pointer-events:none}
.wf-vm>*{position:relative;z-index:2}.wf-vm>.wf-vm-bg{position:absolute;z-index:0}
.wf-vm-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;color:#fff;transform:translateY(-14px);opacity:0;transition:.5s .15s cubic-bezier(.2,.7,.2,1)}
.wf-vm.open .wf-vm-top{transform:none;opacity:1}
.wf-vm-count{font-size:13px;font-weight:700;padding:8px 15px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);letter-spacing:.04em}
.wf-vm-count b{color:#ffcc00}
.wf-vm .wf-pv-btn{all:unset;box-sizing:border-box;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.wf-vm .wf-pv-btn:hover{background:#ffcc00;color:#111;transform:scale(1.1) rotate(90deg)}
.wf-vm .wf-pv-btn:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.wf-vm-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 clamp(56px,9vw,130px)}
.wf-vm-frame{position:relative;width:min(1080px,100%);aspect-ratio:16/9;max-height:calc(100vh - 250px);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.07);transform:scale(.9) translateY(30px);opacity:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s}
.wf-vm.open .wf-vm-frame{transform:none;opacity:1}
.wf-vm-frame.swap{animation:pvFade .5s ease both}
.wf-vm-frame iframe,.wf-vm-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.wf-vm .wf-pv-nav{all:unset;box-sizing:border-box;position:absolute;top:50%;margin-top:-28px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:18px;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.7,.2,1);z-index:3}
.wf-vm .wf-pv-nav.prev{left:clamp(10px,2.4vw,34px)}.wf-vm .wf-pv-nav.next{right:clamp(10px,2.4vw,34px)}
.wf-vm .wf-pv-nav:hover{background:#ffcc00;color:#111}
.wf-vm .wf-pv-nav:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.wf-vm-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;width:min(900px,calc(100% - 32px));margin:16px auto 26px;padding:14px 22px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);color:#fff;transform:translateY(24px);opacity:0;transition:.55s .25s cubic-bezier(.2,.7,.2,1)}
.wf-vm.open .wf-vm-info{transform:none;opacity:1}
.wf-vm-info.swap>*{animation:pvUp .55s cubic-bezier(.2,.8,.2,1) both}
.wf-vm-info h3{margin:0;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.01em;text-align:center}
.wf-vm-info p{margin:0;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:13px;font-weight:600}
.wf-vm-info p i{color:#ffcc00}

@media(max-width:1100px){.wf-gl-grid.view-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-vd-grid.view-compact .wf-vd-thumb{flex-basis:280px;width:280px}}
@media(max-width:900px){.wf-gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wf-gl-grid.view-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-vd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wf-vd-grid.view-large{grid-template-columns:1fr}}
@media(max-width:700px){.wf-vd-grid.view-compact .wf-vd-card{flex-direction:column}.wf-vd-grid.view-compact .wf-vd-thumb{flex-basis:auto;width:100%}}
@media(max-width:600px){
  .wf-gl-bar{padding:14px;border-radius:18px}
  .wf-gl-cities{flex-wrap:nowrap;overflow-x:auto;margin:0 -2px;padding:2px 2px 6px;scrollbar-width:none}.wf-gl-cities::-webkit-scrollbar{display:none}
  .wf-gl-page .wf-gl-pill{flex:0 0 auto;padding:11px 17px}
  .wf-gl-centres.show{max-height:320px}
  .wf-gl-grid,.wf-gl-grid.view-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wf-gl-grid.view-large{grid-template-columns:1fr}
  .wf-gl-card .wf-gl-cap{left:12px;right:12px;bottom:11px}.wf-gl-cap strong{font-size:12.5px}.wf-gl-cap span{display:none}.wf-gl-card .wf-gl-tag{display:none}
  .wf-gl-tools{width:100%;justify-content:space-between}.wf-gl-page .wf-gl-typewrap select{min-width:0;width:100%}.wf-gl-typewrap{flex:1}
  .wf-vd-grid,.wf-vd-grid.view-large,.wf-vd-grid.view-compact{grid-template-columns:1fr}
  .wf-pv-top,.wf-vm-top{padding:12px 14px}.wf-pv-stage,.wf-vm-stage{padding:0 10px}
  .wf-pv .wf-pv-nav,.wf-vm .wf-pv-nav{width:44px;height:44px;margin-top:-22px;background:rgba(0,0,0,.45)}
  .wf-pv-fig img{max-height:calc(100vh - 330px)}.wf-pv-info,.wf-vm-info{padding:11px 16px;gap:10px}.wf-pv-strip a{flex-basis:64px;height:46px}
}
@media(prefers-reduced-motion:reduce){.wf-gl-card,.wf-gl-card img,.wf-vd-card,.wf-vd-thumb img{transition:none}.wf-vd-play:before{animation:none}.wf-pv *,.wf-vm *{animation-duration:.01s!important;transition-duration:.01s!important}}