/* BusinessHellas · mobile layer (<768px). Loaded with media="(max-width:767.98px)", never applies on desktop. */
:root{--mx:16px;--hh:56px;--bnh:calc(64px + env(safe-area-inset-bottom));--kb:0px}
body.m-hh{--hh:0px}
body.m-kb{--bnh:0px}
html{-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--hh) + 12px)}
body{font-size:16px;padding-bottom:calc(var(--bnh) + 8px)}
.wrap{padding-left:var(--mx);padding-right:var(--mx)}
main p,.lead,.muted{font-size:max(15px,1em)}
main p{font-size:16px}
input,select,textarea,.inp{font-size:16px!important}
.btn{min-height:48px}
.btn-sm{min-height:44px}
.chip{min-height:44px;position:relative}
.chip::after{content:"";position:absolute;inset:-2px 0}
.x,.sheet .x{width:48px;height:48px}
.sec{padding-top:40px;padding-bottom:40px}
.sec-head{margin-bottom:16px;gap:12px}
.sec-head p{display:none}
.h2{font-size:24px}
.rv{opacity:1!important;transform:none!important;transition:none!important}
.crumbs{font-size:14px}
/* header */
#hdr{transition:transform .25s ease,background .25s,border-color .25s;will-change:transform;padding-top:env(safe-area-inset-top)}
#hdr.m-up{transform:translateY(-100%)}
.hdr-in{height:56px;gap:8px}
.hdr-in .logo svg,.hdr-in .logo .lg{width:30px;height:30px}
.hdr-in .wm{font-size:17px}
.hdr-r .lang{display:none}
.m-hb{width:48px;height:48px;display:grid;place-items:center;border:0;background:none;color:inherit;border-radius:12px;cursor:pointer;padding:0}
.m-hb .ic{width:24px;height:24px}
.m-hb:active{background:var(--bg3)}
#hdr{color:var(--ink)}
body[data-hero] #hdr:not(.solid){color:#fff}
body[data-hero] #hdr:not(.solid) .m-hb:active{background:oklch(1 0 0/.12)}
/* bottom nav */
#bnav{grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 -6px 20px -16px oklch(0.2 0.04 258/.35);transition:transform .2s}
#bnav a{min-height:64px;font-size:12px;gap:4px;position:relative}
#bnav a.on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--blue)}
#bnav a:active{background:var(--bg2)}
body.m-kb #bnav{transform:translateY(110%)}
#toast{bottom:calc(var(--bnh) + 16px)!important}
/* sheets */
.scrim{align-items:flex-end}
.sheet{max-height:88svh;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overscroll-behavior:contain;touch-action:pan-y}
.sheet.m-drag{transition:none}
.m-grab{display:flex;justify-content:center;padding:6px 0 10px;margin:0 -16px;cursor:grab;touch-action:none}
.m-grab i{width:40px;height:5px;border-radius:3px;background:var(--line2)}
.sheet-h{margin-bottom:12px}
.m-opts{display:grid;gap:4px;margin:0 -8px}
.m-opts button,.m-opts a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:16px;color:var(--ink);text-align:left;cursor:pointer;width:100%;text-decoration:none}
.m-opts button:active,.m-opts a:active{background:var(--bg2)}
.m-opts .on{font-weight:650;color:var(--blue)}
.m-opts .ic{width:22px;height:22px;flex:none;color:var(--ink3)}
.m-opts .on .ic{color:var(--blue)}
.m-opts .lft{display:flex;align-items:center;gap:12px;min-width:0}
.m-opts hr{border:0;border-top:1px solid var(--line);margin:6px 12px}
.m-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:var(--bg3);border-radius:12px;margin:4px 4px 8px}
.m-seg button{min-height:44px;border:0;border-radius:9px;background:none;font:inherit;font-weight:600;color:var(--ink2);cursor:pointer;justify-content:center}
.m-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px oklch(0.2 0.04 258/.15)}
/* full-screen search */
.m-fs{position:fixed;inset:0;z-index:95;background:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s}
.m-fs.show{opacity:1;transform:none}
.m-fs-h{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 6px;border-bottom:1px solid var(--line)}
.m-fs-h form{flex:1;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 6px 0 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.m-fs-h form:focus-within{border-color:var(--blue);background:#fff}
.m-fs-h input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:16px;color:var(--ink);min-height:46px}
.m-fs-h input::-webkit-search-cancel-button{display:none}
.m-fs-h .ic{color:var(--ink3);width:20px;height:20px;flex:none}
.m-fs-b{flex:1;overflow:auto;padding:12px var(--mx) calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.m-fs-b h4{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:18px 0 6px}
.m-fs-b .m-opts{margin:0 -12px}
.m-fs-b .m-chips{display:flex;flex-wrap:wrap;gap:8px}
.m-near{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:#fff;font:inherit;font-size:16px;font-weight:600;color:var(--blue);cursor:pointer}
.m-near .ic{width:22px;height:22px}
.m-city{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;min-height:48px;padding:0 4px;font-size:15.5px;color:var(--ink2)}
.m-city button{border:0;background:none;font:inherit;font-weight:600;color:var(--blue);min-height:48px;padding:0 8px;cursor:pointer}
.m-sug mark{background:none;color:var(--ink);font-weight:700}
.m-sug small{color:var(--ink3);font-size:13.5px;white-space:nowrap}
.m-nf{margin-top:12px;padding:14px;border-radius:12px;background:var(--bg2);display:grid;gap:10px}
.m-nf p{font-size:15px;color:var(--ink);margin:0}
.m-nf form{display:flex;gap:8px}
.m-nf .inp{min-height:48px}
/* swipe rows */
.m-row{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(-1*var(--mx));margin-right:calc(-1*var(--mx));padding:2px var(--mx) 6px;scroll-padding:0 var(--mx);grid-template-columns:none!important}
.m-row::-webkit-scrollbar{display:none}
.m-row>*{flex:none;scroll-snap-align:start}
/* ===== HOME ===== */
body[data-page=home] .hero-ui{display:flex;flex-direction:column;min-height:0;padding-top:calc(72px + env(safe-area-inset-top));padding-bottom:20px;row-gap:14px}
body[data-page=home] .hero-copy{order:1}
body[data-page=home] .search{order:2}
body[data-page=home] .pop{order:3}
body[data-page=home] .hero-spacer{order:4;height:220px;margin-top:6px}
body[data-page=home] .hero h1{font-size:28px;line-height:1.12;max-width:20ch}
body[data-page=home] .hero .live{font-size:13.5px}
body[data-page=home] .hint{display:none}
body[data-page=home] .search{grid-template-columns:minmax(0,1fr);padding:6px}
body[data-page=home] .search #sfw,body[data-page=home] .search .near{display:none}
body[data-page=home] .search .go{margin:6px 0 0}
body[data-page=home] .search #q{font-size:16px}
body[data-page=home] .pop{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--mx));padding:2px var(--mx);gap:8px}
body[data-page=home] .pop::-webkit-scrollbar{display:none}
body[data-page=home] .pop>span{display:none}
body[data-page=home] .pop .chip{flex:none}
body[data-page=home] .gm-in{width:200px}
body[data-page=home] .hero-spacer{margin-bottom:64px}
body[data-page=home] .gtip.dock{left:50%!important;top:100%!important;bottom:auto!important;translate:-50% 10px;width:min(340px,calc(100vw - 32px))}
.m-hb[hidden]{display:none}
#catGrid.m-row{gap:4px}
#catGrid.m-row .catw{width:92px}
#catGrid.m-row .cat{padding:8px 4px;border:0;box-shadow:none;background:none;align-items:center;text-align:center}
#catGrid.m-row .cat-l{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink)}
#catGrid.m-row .icw{width:64px;height:64px}
#catGrid.m-row .icw svg{width:48px;height:48px}
#catGrid.m-row b{font-size:14px;font-weight:600;line-height:1.25}
#catGrid.m-row .cnt,#catGrid.m-row .subpop{display:none}
#catGrid.m-row .m-all .icw{background:var(--bg3);color:var(--blue)}
#catGrid.m-row .m-all .icw .ic{width:28px;height:28px}
#featured.m-row>*{width:82%}
#featured.m-row .bcard{height:100%}
#cityGrid.m-row>*{width:72%}
body[data-page=home] .disc{font-size:14px}
body[data-page=home] .trust-p>div p{font-size:16px}
/* ===== RESULTS ===== */
body[data-page=search] .sbar{display:none}
.m-sb{position:sticky;top:var(--hh);z-index:40;background:#fff;border-bottom:1px solid var(--line);transition:top .25s ease;padding-top:0}
body[data-page=search] #hdr{position:sticky}
.m-sb-in{display:flex;gap:8px;align-items:center;padding:8px var(--mx)}
.m-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);font:inherit;font-size:15.5px;color:var(--ink);text-align:left;cursor:pointer}
.m-q .ic{width:18px;height:18px;color:var(--ink3);flex:none}
.m-q span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-q small{color:var(--ink3);font-size:14px;white-space:nowrap}
.m-tb{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer;padding:0}
.m-tb .ic{width:20px;height:20px}
.m-tb b{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;line-height:1}
.m-tb b:empty{display:none}
body[data-page=search] .r-head{margin:14px 0 10px;gap:6px}
body[data-page=search] .r-head .crumbs{display:none}
body[data-page=search] .r-head h1{font-size:22px;margin-top:0}
body[data-page=search] .r-head p{font-size:14.5px;margin-top:2px}
body[data-page=search] .r-tools{display:none}
body[data-page=search] .fchips{margin:0 calc(-1*var(--mx)) 12px;padding:2px var(--mx)}
body[data-page=search] .fchips #fOpen{display:none}
body[data-page=search] .layout{padding-bottom:96px;gap:0}
body[data-page=search] .grp-l{font-size:13px}
.list .bcard{grid-template-columns:104px minmax(0,1fr);border-radius:14px}
.list .bcard .bc-ph{aspect-ratio:auto;height:100%;min-height:118px}
.list .bcard .bc-ph .flag,.list .bcard .bc-ph .bc-logo{display:none}
.list .bcard .bc-body{padding:10px 64px 10px 12px;gap:2px;justify-content:center}
.list .bcard .bc-top{position:static}
.list .bcard .bc-cat{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list .bcard .fav{position:absolute;top:4px;right:4px;width:44px;height:44px}
.list .bcard .bc-name a{display:inline}
.list .bcard .bc-name .vi{display:inline-block;vertical-align:-3px;margin-left:4px}
.list .bcard .bc-name{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list .bcard .rate{font-size:14px}
.list .bcard .status{font-size:13.5px;white-space:normal;flex-wrap:wrap;row-gap:0;line-height:1.35}
.list .bcard .bc-addr{font-size:13.5px}
.list .bcard .bc-addr span{white-space:normal;overflow:visible}
.list .bcard .bc-addr{flex-wrap:wrap;line-height:1.35}
.list .bcard .bc-act{position:absolute;right:8px;bottom:10px;margin:0;padding:0;border:0}
.list .bcard .bc-act>*:not(:first-child){display:none}
.list .bcard .bc-act .btn{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;font-size:0;gap:0;background:var(--green-l);border-color:transparent;color:var(--green)}
.list .bcard .bc-act .btn .ic{width:20px;height:20px}
.list .bcard .bc-act .btn>*:not(.ic){display:none}
.list .bcard .bc-extra,.list .bcard .bc-svc,.list .bcard .bc-tags{display:none}
.list{gap:10px}
.m-hid{display:none!important}
.m-sent{display:flex;justify-content:center;padding:18px 0;color:var(--ink3);font-size:14.5px}
body[data-page=search] .more{display:none}
.m-fab{position:fixed;left:50%;bottom:calc(var(--bnh) + 16px);transform:translateX(-50%);z-index:45;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:650;font-size:15.5px;box-shadow:0 10px 28px -10px oklch(0.2 0.04 258/.55);cursor:pointer;transition:transform .2s,opacity .2s}
.m-fab .ic{width:20px;height:20px}
.m-fab.m-off{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
body[data-page=search] .mapview.on{display:block;position:relative;margin:0 calc(-1*var(--mx))}
body[data-page=search] .mapview.on #rmap{height:calc(100svh - var(--hh) - 65px - var(--bnh));min-height:360px}
body[data-page=search] .mapview.on .mlist{position:absolute;left:0;right:0;bottom:84px;z-index:500;padding:0 var(--mx) 4px;scroll-padding:0 var(--mx)}
body[data-page=search] .mapview.on .mlist .bcard{width:84%;box-shadow:0 10px 28px -12px oklch(0.2 0.04 258/.45)}
body[data-page=search] .mapview.on .mlist .bc-body{padding:12px 14px;gap:2px}
body[data-page=search] .mapview.on .mlist .bc-act{margin-top:6px}
body.m-map{overflow:hidden}
body.m-map #ftr{display:none}
body.m-map .r-head,body.m-map .fchips{display:none}
/* ===== BUSINESS ===== */
body[data-page=biz] main.ptop{display:flex;flex-direction:column;padding-top:0}
body[data-page=biz] main.ptop>.crumbs{display:none}
body[data-page=biz] .m-galw{order:-1;position:relative;margin:0 calc(-1*var(--mx))}
body[data-page=biz] .m-galw .gal{grid-auto-columns:100%;border-radius:0;gap:0}
body[data-page=biz] .m-galw .gal .ph{border-radius:0;aspect-ratio:4/3}
body[data-page=biz] .m-galw .gal-all{display:none}
body[data-page=biz] .m-galw .gal.one .ph{aspect-ratio:4/3}
.m-gov{position:absolute;inset:0;pointer-events:none;z-index:3}
.m-gov>*{pointer-events:auto}
.m-gb{position:absolute;top:12px;width:44px;height:44px;border-radius:50%;border:0;background:oklch(1 0 0/.92);color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 10px oklch(0.2 0.04 258/.25);cursor:pointer;padding:0}
.m-gb .ic{width:20px;height:20px}
.m-gb.on{color:var(--red)}
.m-gb.on .ic{fill:currentColor}
.m-gb.back{left:12px}.m-gb.share{right:64px}.m-gb.heart{right:12px}
.m-gcnt{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:oklch(0.2 0.04 258/.72);color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.m-gcnt.m-all{bottom:12px;left:12px;right:auto;border:0;font:inherit;font-size:13px;font-weight:600;min-height:32px;cursor:pointer}
body[data-page=biz] .phead{margin:14px 0 4px;gap:6px}
body[data-page=biz] .phead h1{font-size:26px;line-height:1.15}
body[data-page=biz] .pmeta{font-size:14.5px;gap:4px 10px}
body[data-page=biz] .acts{position:fixed;left:0;right:0;top:auto;bottom:var(--bnh);z-index:55;margin:0;padding:8px var(--mx);border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -8px 24px -18px oklch(0.2 0.04 258/.4);transition:bottom .2s}
body[data-page=biz] .acts-in{overflow:visible;gap:8px}
body[data-page=biz] .acts-in>*{display:none}
body[data-page=biz] .acts-in>.m-k{display:inline-flex}
body[data-page=biz] .acts-in .btn-p{flex:1;font-size:16px}
body[data-page=biz] .acts-in .btn-p>span+span{display:none}
body[data-page=biz] .acts-in .m-k:not(.btn-p){width:48px;padding:0}
body[data-page=biz] .acts-in .m-k:not(.btn-p)>span{display:none}
body[data-page=biz]{padding-bottom:calc(var(--bnh) + 76px)}
body[data-page=biz] .pgrid{display:flex;flex-direction:column;gap:0;margin-top:8px}
body[data-page=biz] .pgrid>.aside{order:-1;position:static}
body[data-page=biz] .side .card{padding:16px;border-radius:14px}
body[data-page=biz] .blk{padding:22px 0}
body[data-page=biz] .blk h2{font-size:20px}
body[data-page=biz] .blk p{font-size:16px!important;line-height:1.6!important}
.m-clip{position:relative;max-height:var(--clip,300px);overflow:hidden}
.m-clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(oklch(1 0 0/0),#fff);pointer-events:none}
.m-more{margin-top:8px;min-height:48px;padding:0;border:0;background:none;font:inherit;font-weight:650;color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.hrs.m-col>div:not(.today){display:none}
.m-hx{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;margin-top:4px;padding:0 10px;border:0;background:none;font:inherit;font-weight:600;color:var(--blue);cursor:pointer;border-radius:8px}
.m-hx .ic{width:18px;height:18px;transition:transform .2s}
.m-hx[aria-expanded=true] .ic{transform:rotate(180deg)}
body[data-page=biz] .rsum strong{font-size:44px}
/* ===== FORMS ===== */
.fgrid,.fg{grid-template-columns:minmax(0,1fr)!important}
.fgrid>*,.fg>*{grid-column:auto!important}
.inp{min-height:52px}
label{font-size:15px}
.m-stk{position:sticky;bottom:calc(var(--bnh) + var(--kb));z-index:30;background:#fff;margin-left:-20px;margin-right:-20px;padding:12px 20px;border-top:1px solid var(--line);box-shadow:0 -10px 20px -18px oklch(0.2 0.04 258/.4)}
body.m-kb .m-stk{bottom:var(--kb)}
#form>.btn-p.m-stk{display:flex;width:calc(100% + 40px)}
.cl-body form .acts{position:sticky;bottom:calc(var(--bnh) + var(--kb));z-index:30;background:#fff;margin:22px -20px -24px;padding:12px 20px calc(12px);border-top:1px solid var(--line);flex-direction:column-reverse;align-items:stretch}
body.m-kb .cl-body form .acts{bottom:var(--kb)}
.cl-body form .acts .btn{width:100%}
.cl-body .done .acts{position:static;border:0;margin:22px 0 0;padding:0}
.cl .steps li i{height:5px}
.sheet form .btn-p{min-height:52px}
/* ===== CATEGORIES ===== */
.cjump-w{top:var(--hh)!important;transition:top .25s ease;margin-left:calc(-1*var(--mx))!important;margin-right:calc(-1*var(--mx))!important}
/* ===== DASHBOARD / SALES ===== */
body[data-page=dash] .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.m-actb{position:fixed;right:16px;bottom:calc(var(--bnh) + 16px);z-index:45;width:56px;height:56px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px oklch(0.45 0.16 252/.6);cursor:pointer}
.m-actb .ic{width:24px;height:24px}
/* footer */
#ftr{padding-bottom:12px}
#ftr .ft-brand p{font-size:15px}
@media (prefers-reduced-motion:reduce){#hdr,.m-fs,.sheet,.m-fab{transition:none!important}}

#loc .leaflet-container,.lmap.leaflet-container{touch-action:pan-y!important}

.chip,a.chip,button.chip{min-height:44px!important}
.gtip .btn{min-height:44px!important}
body[data-page=biz] .pmeta a{display:inline-flex;align-items:center;gap:.28em;min-height:44px;margin:-10px 0;padding:0}
body[data-page=biz] .phead h1{display:block}
body[data-page=biz] .phead h1 #vb{display:inline-flex;vertical-align:-2px;margin-left:4px}
body[data-page=biz] .phead h1 #vb .vi,body[data-page=biz] .phead h1 #vb svg{width:24px;height:24px}
.ft-soc a,.ft-bot a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.sidebar button,.sidebar a,.tabs .chip,.tabs button{min-height:44px}
.side{margin-left:calc(-1*var(--mx))!important;margin-right:calc(-1*var(--mx))!important;padding-left:var(--mx)!important;padding-right:var(--mx)!important;scroll-padding:0 var(--mx)}
body[data-page=dash] main button:not(.m-gb):not(.x),body[data-page=sales] main button:not(.x){min-height:44px}
main p[style*="font-size:14px"],main p[style*="font-size:13.5px"],main p[style*="font-size:14.5px"],main .muted[style*="font-size:14"],main .muted[style*="font-size:13.5"],.disc,.note,main p.muted{font-size:15px!important}
#ftr a[href^="tel:"],#ftr a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}
.chk{min-height:44px}.chk input{width:22px;height:22px}
.ct td.cb,.ct th.cb{min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;margin:-12px -10px 0 0}
.ct input[type=checkbox]{width:24px!important;height:24px!important}
.hdr-acc .wm2{display:none}
.list .bcard.feat{grid-template-columns:128px minmax(0,1fr);border-color:oklch(0.82 0.05 250)}
.list .bcard.feat .bc-ph{min-height:140px}
.list .bcard.feat .bc-ph .flag{display:inline-flex;top:6px;left:6px;padding:2px 6px;font-size:11px;gap:3px}
.list .bcard.feat .bc-ph .flag .ic{width:11px;height:11px}
.list .bcard.plan-free{grid-template-columns:84px minmax(0,1fr)}
.list .bcard.plan-free .bc-ph{min-height:100px}
body[data-page=biz] .gal.big .ph{aspect-ratio:4/3.3}
.fnote{margin-top:16px}
body[data-page=biz] .pbadge{margin-left:6px;vertical-align:3px}
.pvw,.pvw.two{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--mx));padding:2px var(--mx) 8px;scroll-padding:0 var(--mx)}
.pvw::-webkit-scrollbar{display:none}
.pvw>.pvc{flex:none;width:84%;scroll-snap-align:start}
#pvUp .pvw{margin:0 -16px;padding:2px 16px 8px}