/* VERO booking page and team pages: the site's look (dark, chrome, Heebo + Karantina), mobile first, RTL. */
.vbk,.vbk-page,.vtm{--bg:#141417;--panel:#1c1d21;--panel2:#23252a;--panel3:#2a2c32;--line:#2f3138;--line2:#3a3d45;--text:#eeeff1;--muted:#a9adb5;--silver:#c9cdd4;--chrome:linear-gradient(100deg,#8f949c 0%,#e4e6ea 38%,#ffffff 50%,#c3c7cd 64%,#eceef1 100%);--ok:#7fc79a;--bad:#e58b8b;--ff:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--fd:"Karantina","Heebo",system-ui,sans-serif;--r:8px;--ease:cubic-bezier(.2,.7,.1,1)}
.vbk-page{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--ff);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.vbk-page *,.vbk *,.vtm *,.vbk-page *::before,.vbk *::before,.vtm *::before,.vbk *::after,.vtm *::after{box-sizing:border-box}
.vbk-skip{position:absolute;top:-60px;inset-inline-start:12px;z-index:100;background:#fff;color:#141417;padding:10px 16px;border-radius:var(--r);font-weight:700}
.vbk-skip:focus{top:12px}
.vbk-top{position:sticky;top:0;z-index:30;background:rgba(20,20,23,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.vbk-top__in{width:min(100% - 32px,1100px);margin:0 auto;min-height:66px;display:flex;align-items:center;gap:16px}
.vbk-brand{display:block;width:118px;color:#e9ebee}
.vbk-logo,.vtm-logo{display:grid}
.vbk-logo>svg{grid-area:1/1;width:100%;height:auto;fill:currentColor}
.vbk-logo>svg:nth-child(2){fill:url(#v-chrome)}
.vbk-call{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid #4a4d55;border-radius:var(--r);color:#fff;text-decoration:none;font-weight:700}
.vbk-call svg{width:18px;height:18px;fill:currentColor}
.vbk-main{width:min(100% - 32px,920px);margin:0 auto;padding:26px 0 70px}
.vbk-head h1{font:700 clamp(3.2rem,11vw,5.2rem)/.9 var(--fd);margin:0;color:#fff;letter-spacing:.005em}
.vbk-head p{color:var(--muted);margin:10px 0 22px;font-size:1.05rem}
.vbk-bars,.vtm-bars{display:flex;gap:5px;margin:0 0 12px}
.vbk-bars::before,.vbk-bars::after,.vtm-bars::before,.vtm-bars::after{content:"";width:34px;height:7px;background:var(--chrome);transform:skewX(-38deg)}
.vbk-bars::after,.vtm-bars::after{width:16px;opacity:.65}
.vbk-foot{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:26px 16px 40px;font-size:.95rem}
.vbk-foot a{color:inherit}

/* the widget */
.vbk{color:var(--text);font-family:var(--ff);font-size:17px;line-height:1.6;direction:rtl;text-align:right}
.vbk [hidden]{display:none!important}
.vbk :focus-visible,.vtm :focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:4px}
.vbk h2{font:700 2rem/1 var(--fd);color:#fff;margin:0 0 12px;letter-spacing:.01em}
.vbk h3{font-size:1.08rem;margin:0 0 8px;color:#fff}
.vbk p{margin:0 0 .8em}
.vbk a{color:inherit}
.vbk-load{color:var(--muted);padding:24px 0}
.vbk-note{background:#22232a;border:1px solid var(--line2);border-inline-start:4px solid #e0c27a;border-radius:var(--r);padding:12px 14px;margin:0 0 14px}
.vbk-note.is-ok{border-inline-start-color:var(--ok)}
.vbk-note.is-bad{border-inline-start-color:var(--bad)}
.vbk-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 18px}
.vbk-tabs button{min-height:50px;padding:0 16px;background:none;border:0;border-bottom:3px solid transparent;color:#bfc3ca;font:500 1.02rem var(--ff);cursor:pointer}
.vbk-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#e4e6ea;font-weight:700}
.vbk-tabs button:hover{color:#fff}
.vbk-step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 14px;scroll-margin-top:90px}
.vbk-step.is-enter{animation:vbkin .35s var(--ease)}
.vbk-step__h{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.vbk-step__n{width:32px;height:32px;border-radius:50%;background:var(--chrome);color:#141417;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.vbk-step__h h2{margin:0;flex:1}
.vbk-step.is-done{padding:12px 18px}
.vbk-step.is-done .vbk-step__h{margin:0}
.vbk-step.is-done h2{font-size:1.5rem}
.vbk-sum{color:var(--muted);font-weight:500}
.vbk-edit{background:none;border:0;color:var(--silver);text-decoration:underline;text-underline-offset:.2em;cursor:pointer;min-height:44px;min-width:44px;padding:0 6px;font:inherit}
.vbk-step__h .vbk-sum{margin-inline-start:auto;text-align:start}
@keyframes vbkin{from{opacity:0;transform:translateY(10px)}}
.vbk-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.vbk-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line2);background:#17181b;color:#fff;cursor:pointer;text-align:right;font:inherit;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}
.vbk-opt:hover{border-color:var(--silver);transform:translateY(-1px)}
.vbk-opt[aria-pressed=true]{border-color:#fff;background:#202126;box-shadow:0 0 0 2px rgba(255,255,255,.12) inset}
.vbk-opt[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.vbk-opt b{display:block;font-size:1.06rem}
.vbk-opt small{display:block;color:var(--muted);font-size:.92rem}
.vbk-opt .vbk-price{margin-inline-start:auto;font:700 1.7rem/1 var(--fd);color:#fff;white-space:nowrap}
.vbk-opt .vbk-price small{display:block;font:500 .85rem/1.2 var(--ff);color:var(--muted);text-align:center;margin-bottom:2px}
.vbk-ava{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:none;background:var(--panel3);border:1px solid var(--line2)}
.vbk-ava--x{display:inline-flex;align-items:center;justify-content:center;font:700 1.5rem/1 var(--fd);color:#141417;background:var(--chrome)}
.vbk-cal__m{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;font-weight:700;margin:0 0 8px}
.vbk-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.vbk-cal__wd{text-align:center;color:var(--muted);font-size:.85rem;padding:2px 0}
.vbk-day{position:relative;min-height:56px;border-radius:10px;border:1.5px solid transparent;background:transparent;color:#5d6069;font:700 1.15rem var(--ff);cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px}
.vbk-day small{font-size:.74rem;font-weight:500;line-height:1.1;white-space:nowrap}
.vbk-day.is-free{background:#202126;border-color:var(--line2);color:#fff;cursor:pointer}
.vbk-day.is-free:hover{border-color:var(--silver)}
.vbk-day.is-full{background:#1b1b1f;color:#9a9ea6;cursor:pointer;border-color:#2b2d33;border-style:dashed}
.vbk-day.is-full small{color:#d9b779}
.vbk-day[aria-pressed=true]{background:var(--chrome);color:#141417;border-color:transparent}
.vbk-day.is-today::after{content:"";position:absolute;top:5px;inset-inline-end:6px;width:6px;height:6px;border-radius:50%;background:currentColor}
.vbk-times{display:grid;gap:14px}
.vbk-times h3{color:var(--muted);font-weight:500;font-size:.95rem;margin:0 0 6px}
.vbk-chips{display:flex;flex-wrap:wrap;gap:8px}
.vbk-chip{min-height:52px;min-width:82px;padding:0 14px;border-radius:var(--r);border:1.5px solid var(--line2);background:#17181b;color:#fff;font:700 1.08rem var(--ff);cursor:pointer;font-variant-numeric:tabular-nums}
.vbk-chip:hover{border-color:var(--silver)}
.vbk-chip[aria-pressed=true]{background:var(--chrome);color:#141417;border-color:transparent}
.vbk-chip:active{transform:scale(.97)}
.vbk-chips--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.vbk-chips--grid .vbk-chip{min-width:0;width:100%}
.vbk-chips--strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.vbk-chips--strip .vbk-chip{flex:none;font-weight:500}
.vbk-times__d{margin:0 0 10px}
.vbk-label{display:block;font-weight:500;margin:0 0 6px;color:#e3e5e8}
.vbk-input,.vbk-select,.vbk-textarea{width:100%;min-height:52px;padding:10px 14px;border-radius:var(--r);border:1.5px solid var(--line2);background:#111114;color:#fff;font:400 1.05rem var(--ff)}
.vbk-textarea{min-height:90px;resize:vertical}
.vbk-input:focus,.vbk-select:focus,.vbk-textarea:focus{outline:none;border-color:var(--silver);box-shadow:0 0 0 3px rgba(201,205,212,.18)}
.vbk-input--ltr{text-align:right}
.vbk-input--ltr::placeholder{text-align:right}
.vbk-input::placeholder{color:#8b8f98}
.vbk-input[aria-invalid=true]{border-color:var(--bad)}
.vbk-input--code{font-size:1.8rem;letter-spacing:.4em;text-align:center}
.vbk-field{margin:0 0 14px}
.vbk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:560px){.vbk-grid2{grid-template-columns:1fr}}
.vbk-check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.vbk-check input{width:22px;height:22px;accent-color:#e4e6ea;flex:none}
.vbk-hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.vbk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:var(--r);border:1.5px solid transparent;font:700 1.06rem/1 var(--ff);text-decoration:none;cursor:pointer;white-space:nowrap;background:var(--panel2);color:#fff;transition:transform .2s var(--ease)}
.vbk-btn svg{width:20px;height:20px;fill:currentColor}
.vbk-btn--chrome{background:var(--chrome);color:#141417}
.vbk-btn--chrome:hover{transform:translateY(-2px);color:#141417}
.vbk-btn--ghost{background:transparent;border-color:#4a4d55;color:#fff}
.vbk-btn--ghost:hover{border-color:var(--silver)}
.vbk-btn--danger{background:transparent;border-color:#6b3a3a;color:#f0b4b4}
.vbk-btn--block{width:100%}
.vbk-btn--block span{overflow:hidden;text-overflow:ellipsis}
/* the main action stays in reach on the phone while the keyboard / summary scrolls */
.vbk-submit{position:sticky;bottom:0;z-index:5;margin:6px -18px -18px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--panel) 70%,rgba(28,29,33,0));border-radius:0 0 14px 14px}
.vbk-btn--sm{min-height:44px;padding:0 16px;font-size:.98rem}
.vbk-btn[disabled]{opacity:.55;pointer-events:none}
.vbk-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vbk-msg{min-height:1.4em;margin:10px 0 0;font-weight:500}
.vbk-msg.is-bad{color:var(--bad)}
.vbk-msg.is-ok{color:var(--ok)}
.vbk-small{color:var(--muted);font-size:.92rem}
.vbk-done{text-align:center;padding:26px 18px}
.vbk-done__ic{width:74px;height:74px;margin:0 auto 12px;border-radius:50%;background:var(--chrome);display:flex;align-items:center;justify-content:center;animation:vbkpop .5s var(--ease)}
.vbk-done__ic svg{width:40px;height:40px;fill:#141417}
@keyframes vbkpop{from{transform:scale(.4);opacity:0}}
.vbk-done h2{font-size:2.6rem}
.vbk-done__when{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}
.vbk-done .vbk-acts{max-width:460px;margin-inline:auto}
.vbk-card{background:#17181b;border:1px solid var(--line2);border-radius:12px;padding:14px 16px;margin:0 0 12px;text-align:right}
.vbk-card__t{font:700 1.9rem/1 var(--fd);color:#fff;margin:0 0 4px}
.vbk-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0}
.vbk-dl dt{color:var(--muted)}
.vbk-dl dd{margin:0}
.vbk-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin-top:12px}
.vbk-stars{display:flex;gap:6px;direction:ltr;justify-content:flex-end}
.vbk-star{width:54px;height:54px;border-radius:10px;border:1.5px solid var(--line2);background:#17181b;color:#5d6069;font-size:1.8rem;cursor:pointer;line-height:1}
.vbk-star[aria-pressed=true]{color:#e8cf86;border-color:#6d5f3a;background:#211e16}
.vbk-status{display:inline-block;padding:2px 10px;border-radius:12px;background:var(--panel3);font-size:.88rem;font-weight:500}
.vbk-status.is-cancelled{background:#3a2424;color:#f0c0c0}
.vbk-svc{margin:0 0 12px;color:var(--muted)}
.vbk-tag{display:inline-block;margin-inline-end:6px;padding:0 8px;border-radius:10px;background:#2c3a30;color:#cfeedd;font-size:.82rem;font-weight:500}
.vbk-who{margin:0 0 12px}
.vbk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
/* loading placeholders in the shape of what is coming */
.vbk-skel{display:grid;gap:6px}
.vbk-skel span{display:block;border-radius:10px;background:linear-gradient(100deg,#202126 30%,#2a2c32 50%,#202126 70%);background-size:300% 100%;animation:vbksk 1.2s linear infinite}
.vbk-skel--cal{grid-template-columns:repeat(7,1fr);margin-top:34px}
.vbk-skel--cal span{height:56px}
.vbk-skel--times{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:28px}
.vbk-skel--times span{height:52px;border-radius:var(--r)}
.vbk-skel__t{margin:10px 0 0}
@keyframes vbksk{from{background-position:100% 0}to{background-position:-200% 0}}
.vbk-load::before{content:"";display:inline-block;width:16px;height:16px;margin-inline-end:10px;vertical-align:-2px;border:2px solid #4a4d55;border-top-color:#e4e6ea;border-radius:50%;animation:vbkspin .8s linear infinite}
@keyframes vbkspin{to{transform:rotate(360deg)}}

/* team pages */
.vtm{color:var(--text);font-family:var(--ff);font-size:17px;line-height:1.7;direction:rtl;text-align:right;width:min(100% - 32px,1100px);margin:0 auto;padding:clamp(24px,5vw,56px) 0 clamp(48px,7vw,90px)}
.vtm a{color:inherit}
.vtm-crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:1rem}
.vtm-crumbs li+li::before{content:"/";margin-inline-end:6px;color:#5b5e66}
.vtm-crumbs a{text-decoration:none}
.vtm h1{font:700 clamp(3.4rem,10vw,6.4rem)/.9 var(--fd);margin:0 0 10px;color:#fff;letter-spacing:.005em}
.vtm h2{font:700 clamp(2.2rem,5vw,3rem)/1 var(--fd);margin:0 0 14px;color:#fff}
.vtm-role{color:var(--silver);font-size:1.2rem;font-weight:500;margin:0 0 18px}
.vtm-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(22px,4vw,56px);align-items:start}
@media (max-width:820px){.vtm-hero{grid-template-columns:1fr}}
.vtm-photo{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.vtm-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
@media (max-width:820px){.vtm-photo img,.vtm-photo .vtm-ph{aspect-ratio:1/1;object-position:50% 22%}}
.vtm-ph{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 70% at 50% 25%,#2a2c31,#16171a)}
.vtm-ph span{font:700 clamp(5rem,16vw,8rem)/1 var(--fd);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.vtm-bio{font-size:1.1rem;white-space:pre-line;margin:0 0 18px}
.vtm-tags{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vtm-tags li{border:1px solid #4a4d55;border-radius:20px;padding:4px 14px;font-size:.98rem}
.vtm-prices{list-style:none;margin:0 0 20px;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vtm-prices li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}
.vtm-prices li:last-child{border-bottom:0}
.vtm-prices b{font:700 1.7rem/1 var(--fd);color:#fff}
.vtm-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.vtm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:var(--r);font:700 1.08rem/1 var(--ff);text-decoration:none;border:1.5px solid transparent;transition:transform .25s var(--ease)}
.vtm-btn--chrome{background:var(--chrome);color:#141417!important}
.vtm-btn--chrome:hover{transform:translateY(-2px)}
.vtm-btn--ghost{border-color:#4a4d55;color:#fff}
.vtm-btn--ghost:hover{border-color:var(--silver)}
.vtm-note{background:#22232a;border:1px solid var(--line2);border-inline-start:4px solid #e0c27a;border-radius:var(--r);padding:12px 14px;margin:0 0 14px}
.vtm-rating{color:var(--muted);margin:0 0 16px}
.vtm-rating b{color:#e8cf86}
.vtm-works{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.vtm-works img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block;background:var(--panel2)}
.vtm-sec{margin-top:clamp(36px,5vw,60px)}
.vtm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.vtm-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;transition:transform .3s var(--ease),border-color .3s}
.vtm-card:hover{transform:translateY(-3px);border-color:#4a4d55}
.vtm-card img,.vtm-card .vtm-ph{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.vtm-card .vtm-ph span{font-size:5rem}
.vtm-card div{padding:14px 16px 16px}
.vtm-card h2{font-size:2rem;margin:0}
.vtm-card h2 a{text-decoration:none}
.vtm-card h2 a::after{content:"";position:absolute;inset:0}
.vtm-card p{margin:2px 0 0;color:var(--muted)}
.vtm-ig{display:inline-flex;align-items:center;gap:6px;color:var(--silver);min-height:44px}
.vtm-crumbs a{display:inline-block;padding:10px 0}
@media (max-width:560px){.vtm-grid{grid-template-columns:1fr 1fr;gap:10px}.vtm-card div{padding:10px 12px 12px}.vtm-card h2{font-size:1.65rem}.vtm-card p{font-size:.95rem;line-height:1.4}.vtm-card .vtm-ph span{font-size:3.6rem}.vtm-cta .vtm-btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.vbk *,.vtm *{animation:none!important;transition:none!important}}