@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=Outfit:wght@400;500;600;700&display=swap');
body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}
.desktop-home{font-family:Outfit,SpaceRoboto,sans-serif}
.m-form-error{color:#ffaaa2;background:#52241f66;padding:12px;border-radius:14px;font-size:14px}
@media(max-width:1023px){
 body:not(.admin-mode){--yellow:#ffdf20;background:#000;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}
 body:not(.admin-mode) #app{max-width:640px;padding:12px 22px 36px}
 body:not(.admin-mode) .topbar{background:#000b;border-bottom:0;max-width:640px;margin:auto}
 body:not(.admin-mode) .tabbar{width:292px;max-width:calc(100% - 32px);left:0;right:0;min-height:74px;padding:6px;gap:5px;border:1px solid #ffffff0d;border-radius:99px;background:#080808e8;box-shadow:0 8px 30px #0008}
 body:not(.admin-mode) .tab-link{height:60px;min-height:60px;display:grid;place-items:center;padding:0;border-radius:50%;background:#202020;color:#eee}
 body:not(.admin-mode) .tab-link>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body:not(.admin-mode) .tab-link.active{background:var(--yellow);color:#111}
 body:not(.admin-mode) .tab-link.active:before{display:none}
 body:not(.admin-mode) .tab-link .tab-icon{width:27px;height:27px;color:inherit}
 body:not(.admin-mode) .tab-link.active .icon-svg{fill:none;stroke:currentColor}
 .m-home .app-hero{min-height:121px;margin:6px 0 21px;padding:3px 0 3px 24px}
 .m-home .app-hero h1{font-family:Outfit,sans-serif;font-size:44px;font-weight:500;line-height:1.15;letter-spacing:-.02em}
 .m-home .app-hero-accent{width:5px;top:7px;bottom:7px;box-shadow:15px 0 28px #ffdf2033}
 .m-home .hero-book-button{width:50px;height:69px;border-radius:26px;background:#000;border-color:#303030}
 .m-home .app-search,.m-explore .app-search{height:56px;padding:0 18px;border-radius:99px;background:#000;border:1px solid #343434;box-shadow:none}
 .m-home .app-search input,.m-explore .app-search input{font-size:17px}
 .m-home .app-search>.icon-svg,.m-explore .app-search>.icon-svg{width:23px;height:23px;color:#aaa;flex:none}
 .m-section{margin-top:31px}
 .m-section .section-heading{margin-bottom:17px;align-items:center}
 .m-section .section-heading h2,.m-explore-heading h2{font-size:22px;font-weight:600;letter-spacing:-.03em}
 .m-section .section-heading>a{font-size:13px;color:#aaa;white-space:nowrap}
 .m-shop-list{display:grid;gap:20px}
 .m-shop-card{height:330px;position:relative;overflow:hidden;border:1px solid #ffffff26;border-radius:26px;background:#222}
 .m-shop-card>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s}
 .m-shop-card:active>img{transform:scale(1.035)}
 .m-save{position:absolute;z-index:2;right:12px;top:12px;display:flex;align-items:center;gap:10px;padding:5px 5px 5px 15px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:white;cursor:pointer}
 .m-save i{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#161611}
 .m-save .icon-svg{width:20px;height:20px}.m-save.saved .icon-svg{fill:currentColor}.m-save:not(:has(span)){padding:0;border:0;background:transparent}
 .m-shop-glass{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;padding:15px 12px 15px 16px;border:1px solid #ffffff19;border-radius:23px;background:#2a2d2c80;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);text-align:left;cursor:pointer}
 .m-shop-glass>span{flex:1;min-width:0}.m-shop-glass strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.15}.m-shop-glass small{display:flex;gap:5px;align-items:center;margin-top:8px;font-size:10px;line-height:1.5;color:#e1e1e1}.m-shop-glass small .icon-svg{width:16px;height:16px;flex:none}
 .m-shop-glass>i,.m-yellow-circle{display:grid;place-items:center;flex:none;width:53px;height:53px;background:var(--yellow);color:#111;border:0;border-radius:50%;cursor:pointer}.m-shop-glass>i .icon-svg{width:26px;height:26px}
 .m-home .chips{margin-inline:-22px;padding-inline:22px}.m-home .service-chip .chip-icon{background:#1c1c1c;color:white}.m-home .service-chip:first-child .chip-icon{background:var(--yellow);color:#111}
 .m-team-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #333;border-radius:23px;font-size:18px}.m-team-link>.icon-svg{width:24px;color:var(--yellow)}
 .m-page-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 26px;gap:12px}.m-page-head h1{font-size:21px;font-weight:600;margin:0;letter-spacing:-.02em}
 .m-circle{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #292929;border-radius:50%;background:#191919;color:#fff;cursor:pointer}.m-circle .icon-svg{width:22px;height:22px}.m-circle.selected{background:var(--yellow);color:#111}
 .m-search-row{display:flex;gap:10px;align-items:center}.m-search-row .app-search{flex:1;min-width:0}.m-search-row>.m-circle{width:48px;height:56px;border-radius:25px;background:#000}
 .m-filter-chips{display:flex;gap:8px;overflow:auto;padding:16px 0;scrollbar-width:none}.m-filter-chips button{flex:none;padding:11px 16px;border:1px solid #333;border-radius:99px;background:#161616;color:#bbb;cursor:pointer}.m-filter-chips button.selected{background:var(--yellow);color:#111;border-color:var(--yellow)}
 .m-explore-heading{margin:28px 0 19px}.m-explore-heading h2{margin:0}.m-explore-heading>span{font-size:9px;color:#888}
 .m-stack{outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;max-width:440px;margin:0 auto}
 .m-stack-stage{position:relative;height:440px;perspective:1200px;margin-right:1px;margin-left:26px}
 .m-look{position:absolute;inset:0;z-index:3;transform:translateX(0) scale(1);transform-origin:center;opacity:1;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .4s;perspective:1200px}
 .m-look[data-position="1"]{transform:translate(-15px,10px) scale(.95);z-index:2;filter:brightness(.55)}.m-look[data-position="2"]{transform:translate(-31px,18px) scale(.89);z-index:1;filter:brightness(.3)}.m-look[data-position="3"]{transform:translate(25px,0) scale(.85);opacity:0;visibility:hidden;pointer-events:none}
 .m-look-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.m-look.flipped .m-look-inner{transform:rotateY(180deg)}
 .m-look-face{position:absolute;inset:0;overflow:hidden;border:1px solid #ffffff14;border-radius:29px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#202020}.m-look-front>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.m-look-shade{position:absolute;inset:0;background:linear-gradient(#0005,transparent 47%,#0005)}
 .m-look-front>h3{position:absolute;left:23px;right:55px;top:22px;font-size:34px;font-weight:600;line-height:1.12;margin:0;letter-spacing:-.025em;text-shadow:0 2px 15px #0006}.m-look .m-save{top:17px;right:13px}.m-look .m-save i{width:35px;height:35px;background:#0008;color:white;backdrop-filter:blur(12px)}.m-look .m-save.saved i{background:var(--yellow);color:#111}
 .m-look-flip{position:absolute;top:128px;left:23px;display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid #ffffff38;border-radius:50%;background:#0005;backdrop-filter:blur(12px);color:#fff;cursor:pointer}.m-look-flip .icon-svg{width:18px;height:18px}
 .m-look-actions{position:absolute;left:14px;right:14px;bottom:16px;display:flex;gap:10px;align-items:center}.m-look-actions>button:first-child{flex:1;min-height:56px;border:0;border-radius:99px;background:#141414;color:white;font-size:15px;cursor:pointer}.m-look-actions small{margin-left:5px;color:#aaa;font-size:12px}.m-look-actions .m-yellow-circle{width:56px;height:56px}
 .m-look-back{display:flex;flex-direction:column;align-items:flex-start;padding:25px;transform:rotateY(180deg);background:radial-gradient(ellipse at 100% 0,#ffdf2015,transparent 70%),#181818}.m-look-back .m-look-flip{top:17px;left:auto;right:17px}.m-look-back>.eyebrow{color:var(--yellow);margin-top:27px;font-size:9px}.m-look-back h3{font-size:33px;line-height:1.15;letter-spacing:-.03em;margin:18px 0}.m-look-price{font-size:25px;color:var(--yellow)}.m-look-price small{font-size:13px;color:#aaa}.m-look-back p{font-size:14px;line-height:1.6;color:#c3c3c3}.m-look-location{display:flex;gap:8px;align-items:center;color:#aaa;font-size:12px}.m-look-location .icon-svg{width:17px;height:17px}.m-look-back .m-primary{margin-top:auto}
 .m-stack-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:20px}.m-stack-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #303030;border-radius:50%;background:#151515;cursor:pointer}.m-stack-controls button .icon-svg{width:19px;height:19px}.m-stack-controls>span{font-size:13px}.m-stack-controls i{color:#777;font-style:normal}
 .m-no-results{padding:32px 8px;text-align:center}.m-no-results h3{font-size:21px;margin:6px 0 12px}.m-no-results p{font-size:13px;color:#aaa;line-height:1.7}.m-no-results .m-primary{margin-top:20px}
 body:has(.m-book) .topbar,body:has(.m-book) .tabbar{display:none}
 body:has(.m-book) #app{padding:0;max-width:640px}body:has(.m-book) .app-frame{padding-bottom:0}
 .m-book{background:#000;padding-bottom:110px;animation:none!important}
 .m-book-photo{height:330px;position:relative;overflow:hidden}.m-book-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.m-book-photo>.m-circle{position:absolute;top:max(20px,env(safe-area-inset-top));left:20px;width:48px;height:48px;background:#000;border:0}.m-book-photo>.m-save{top:max(20px,env(safe-area-inset-top));right:20px}.m-book-photo>.m-save i{width:48px;height:48px;background:#000;color:white}
 .m-book-panel{position:relative;z-index:1;margin-top:-33px;padding:26px 22px 30px;border-radius:38px 38px 0 0;background:#000}
 .m-pro-tag{display:inline-block;padding:6px 9px;border-radius:5px;background:var(--yellow);color:#121212;font-size:10px;font-weight:800;letter-spacing:.025em}
 .m-book-panel h1{margin:14px 0 9px;font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:500;line-height:1.08;letter-spacing:.015em;text-transform:uppercase}
 .m-book-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#ddd;margin:0 0 22px}.m-book-meta>.icon-svg{width:18px;height:18px;color:var(--yellow)}.m-book-meta>span{color:#888;font-size:11px}
 .m-barber-pick{display:flex;align-items:center;width:100%;padding:10px 12px;margin:0 0 14px;border:1px solid #2b2b2b;border-radius:20px;background:#111;gap:12px;text-align:left;cursor:pointer}.m-barber-pick>img,.m-barber-placeholder{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#252525;display:grid;place-items:center}.m-barber-placeholder>.icon-svg{width:23px;height:23px;color:#ddd}.m-barber-pick>span:not(.m-barber-placeholder){flex:1}.m-barber-pick small{display:block;font-size:8px;letter-spacing:.1em;color:#999;margin-bottom:4px}.m-barber-pick strong{font-size:14px;font-weight:500}.m-barber-pick>.icon-svg{width:20px;height:20px}
 .m-appointment{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 17px;border:1px solid #343434;border-radius:22px;background:#111;text-align:left;cursor:pointer}.m-appointment small{display:block;color:var(--yellow);text-transform:uppercase;font-size:11px;font-weight:600;margin-bottom:8px}.m-appointment strong{font-size:23px;font-weight:500;letter-spacing:-.03em}.m-appointment strong>span{font-size:14px;color:#999}.m-appointment>.icon-svg{width:23px;height:23px}
 .m-services-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px;gap:8px}.m-services-head h2{font-size:17px;font-weight:500;margin:0}.m-services-head>span{font-size:9px;color:#777}
 .m-service-switches{border:1px solid #333;border-radius:23px;background:#111;padding:0 17px;overflow:hidden}.m-service-switches>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:85px;padding:16px 0;border:0;border-bottom:1px solid #303030;background:transparent;text-align:left;cursor:pointer}.m-service-switches>button:last-child{border:0}.m-service-switches strong{font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:500;letter-spacing:.015em;text-transform:uppercase}.m-service-switches small{display:block;font-size:14px;color:#ddd;margin-top:5px}.m-service-switches small i{color:#777;font-style:normal}
 .m-switch{width:52px;height:32px;background:#363636;border-radius:99px;position:relative;flex:none;transition:background .25s}.m-switch i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005;transition:transform .3s cubic-bezier(.2,.9,.3,1),background .25s}.m-service-switches [aria-checked="true"] .m-switch{background:#786300}.m-service-switches [aria-checked="true"] .m-switch i{background:var(--yellow);transform:translateX(20px)}
 .m-book-footer{position:fixed;z-index:25;bottom:0;left:0;right:0;max-width:640px;margin:auto;padding:12px 22px max(16px,env(safe-area-inset-bottom));background:#080808e6;border-top:1px solid #ffffff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .m-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:14px 18px;border:0;border-radius:99px;background:var(--yellow);color:#111;font-size:15px;font-weight:600;cursor:pointer}.m-primary>.icon-svg{width:22px;height:22px}.m-primary:active{transform:scale(.98)}
 .m-sheet-open body{overflow:hidden}
 .m-sheet{position:fixed;inset:auto 0 max(8px,env(safe-area-inset-bottom));width:min(460px,calc(100% - 16px));max-height:calc(100dvh - 35px);margin:0 auto;padding:12px 22px 24px;border:1px solid #ffffff1c;border-radius:32px;background:#151515;color:#fff;overflow:auto;animation:m-sheet-in .4s cubic-bezier(.16,1,.3,1)}
 .m-sheet::backdrop{background:#0008;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.m-sheet-handle{width:34px;height:4px;border-radius:9px;background:#444;margin:0 auto 18px}.m-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.m-sheet header h2{font-size:25px;letter-spacing:-.035em;font-weight:600;margin:0}.m-sheet header .m-circle{width:35px;height:35px;font-size:25px;background:#252525}.m-sheet-note{font-size:12px;line-height:1.6;color:#a4a4a4}.m-note-centre{text-align:center;margin-bottom:0}
 .m-barber-choices{display:grid;gap:12px}.m-barber-choices>button{display:flex;align-items:center;gap:13px;border:1px solid #333;background:#202020;border-radius:22px;padding:12px;text-align:left;cursor:pointer}.m-barber-choices>button>img{width:62px;height:72px;object-fit:cover;border-radius:15px}.m-barber-choices>button>span{flex:1}.m-barber-choices strong{display:block;font-size:17px}.m-barber-choices small{display:block;margin-top:6px;color:#aaa;font-size:11px}.m-barber-choices .icon-svg{width:22px;height:22px;color:var(--yellow)}
 .m-date-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px;font-size:12px;color:#aaa}.m-date-label input{min-width:0;border:1px solid #444;border-radius:12px;background:#222;color:#fff;padding:10px;font-size:14px}
 .m-date-strip{display:flex;gap:8px;overflow:auto;margin:18px 0}.m-date-strip>button{flex:0 0 49px;padding:12px 4px;border:1px solid #333;border-radius:15px;background:#222;cursor:pointer}.m-date-strip small{display:block;font-size:10px}.m-date-strip b{display:block;font-size:20px;font-weight:500;margin-top:7px}.m-date-strip .selected,.m-time-grid .selected{background:var(--yellow);color:#111;border-color:var(--yellow)}
 .m-sheet h3{font-size:15px;font-weight:500;margin:24px 0 12px}.m-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:220px;overflow:auto;margin-bottom:22px}.m-time-grid>button{padding:12px 0;border:1px solid #333;border-radius:13px;background:#222;font-size:13px;cursor:pointer}.m-time-grid p{grid-column:1/-1}
 .m-final-summary{padding:16px 18px;background:#252525;border-radius:19px;margin:18px 0}.m-final-summary strong{color:var(--yellow);font-size:16px}.m-final-summary p{color:#aaa;font-size:13px;line-height:1.6;margin-bottom:0}.m-sheet .field{display:block;margin-top:14px}.m-sheet .field>span{display:block;margin-bottom:8px;font-size:12px}.m-sheet .field input{font-size:16px}
 @keyframes m-sheet-in{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}
 @media(max-width:359px){.m-home .app-hero h1{font-size:38px}.m-shop-card{height:300px}.m-shop-glass{padding:12px;gap:8px}.m-shop-glass strong{font-size:18px}.m-shop-glass>i{width:43px;height:43px}.m-stack-stage{height:405px}.m-look-front>h3{font-size:29px}.m-look-actions>button:first-child{font-size:12px}.m-page-head h1{font-size:18px}.m-book-panel{padding-inline:17px}}
 @media(prefers-reduced-motion:reduce){.m-look,.m-look-inner,.m-switch,.m-switch i{transition:none}.m-sheet{animation:none}}
}
