.tplx{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;inline-size:100%;padding:6px;display:grid;overflow:hidden}.tplx-bar{align-items:center;gap:3px;block-size:6px;display:flex}.tplx-bar i{background:var(--line);border-radius:2px;block-size:3px;inline-size:14px;display:block}.tplx-bar i:first-child{background:var(--tpl-c);inline-size:18px}.tplx-hero{background:linear-gradient(135deg, var(--tpl-c), color-mix(in srgb, var(--tpl-c) 65%, #000));border-radius:6px;align-content:center;gap:3px;padding:6px 8px;display:grid;position:relative}.tplx-hero b{background:#ffffffeb;border-radius:3px;block-size:5px;inline-size:55%;display:block}.tplx-hero em{background:#fff9;border-radius:2px;block-size:3px;inline-size:38%;display:block}.tplx-hero u{background:#ffffffe6;border-radius:3px;block-size:6px;inline-size:20px;display:block}.tplx[data-hero=center] .tplx-hero{text-align:center;justify-items:center}.tplx[data-hero=split] .tplx-hero{background:color-mix(in srgb, var(--tpl-c) 12%, var(--surface))}.tplx[data-hero=split] .tplx-hero b,.tplx[data-hero=split] .tplx-hero em,.tplx[data-hero=split] .tplx-hero u{background:var(--tpl-c)}.tplx[data-hero=split] .tplx-hero:after{content:"";background:linear-gradient(135deg, var(--tpl-c), color-mix(in srgb, var(--tpl-c) 55%, #000));border-radius:5px;inline-size:36%;position:absolute;inset-block:5px;inset-inline-end:6px}.tplx[data-hero=overlay] .tplx-hero{background:linear-gradient(to top, #000000b8, #0000001a), linear-gradient(135deg, var(--tpl-c), color-mix(in srgb, var(--tpl-c) 55%, #000));align-content:end}.tplx[data-hero=band] .tplx-hero{background:var(--surface-2);border-inline-start:4px solid var(--tpl-c)}.tplx[data-hero=band] .tplx-hero b{background:var(--ink);block-size:6px;inline-size:70%}.tplx[data-hero=band] .tplx-hero em{background:var(--ink-3)}.tplx[data-hero=band] .tplx-hero u{background:var(--tpl-c)}.tplx-row{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tplx-row i{background:color-mix(in srgb, var(--tpl-c) 14%, var(--surface-2));border:1px solid color-mix(in srgb, var(--tpl-c) 28%, var(--line));border-radius:4px;block-size:14px;display:block}.tplx[data-services=menu] .tplx-row,.tplx[data-services=list] .tplx-row{grid-template-columns:1fr;gap:2px}.tplx[data-services=menu] .tplx-row i,.tplx[data-services=list] .tplx-row i{border-radius:2px;block-size:4px}.tpl-pick{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px;display:grid}.tpl-pick label{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;align-content:start;gap:8px;padding:10px;display:grid;position:relative}.tpl-pick label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 30%, transparent)}.tpl-pick input{accent-color:var(--brand);position:absolute;inset-block-start:12px;inset-inline-end:12px}.tpl-pick strong{font-weight:800}.tpl-pick span.tpl-hint{color:var(--ink-3);font-size:12.5px;line-height:1.7}.site-hero[data-variant=split]{background:var(--surface);color:var(--ink);border-block-end:1px solid var(--line)}.site-hero[data-variant=split]:after,.site-hero[data-variant=band]:after{display:none}.site-hero[data-variant=split] .site-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(20px,4vw,56px);display:grid}.site-hero[data-variant=split] .site-hero-in{max-inline-size:none;padding-block:clamp(36px,7vw,92px)}.site-hero[data-variant=split] h1{color:var(--ink)}.site-hero[data-variant=split] .site-hero-sub{color:var(--ink-2);opacity:1}.site-hero[data-variant=split] .btn,.site-hero[data-variant=band] .btn{--btn-bg:var(--brand);--btn-fg:var(--on-brand);--btn-bd:var(--brand)}.site-hero[data-variant=split] .btn-outline,.site-hero[data-variant=band] .btn-outline{--btn-bg:transparent;--btn-fg:var(--brand-text);--btn-bd:var(--brand)}.site-hero-art{aspect-ratio:4/3.2;background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 55%, #000));box-shadow:var(--shadow-2);border-radius:28px;position:relative;overflow:hidden}.site-hero-art-img{background-position:50%;background-size:cover;position:absolute;inset:0}.site-hero-art-ph{background:repeating-radial-gradient(circle at 78% 22%,#ffffff24 0 2px,#0000 2px 26px);position:absolute;inset:0}@media (max-width:800px){.site-hero[data-variant=split] .site-hero-grid{grid-template-columns:1fr}.site-hero-art{aspect-ratio:16/10;order:-1;margin-block-start:20px}.site-hero[data-variant=split] .site-hero-in{padding-block:8px 36px}}.site-hero[data-variant=overlay]{color:#fff;align-items:end;min-block-size:clamp(420px,72vh,680px);display:grid}.site-hero[data-variant=overlay] .site-hero-cover{opacity:1}.site-hero[data-variant=overlay]:after{background:linear-gradient(#0000002e 28%,#000000d1)}.site-hero[data-variant=overlay] .site-hero-in{max-inline-size:760px;padding-block:clamp(40px,8vw,96px)}.site-hero[data-variant=overlay] h1{color:#fff;text-shadow:0 2px 18px #00000059;font-size:clamp(2.2rem,6.5vw,4rem)}.site-hero[data-variant=overlay] .site-hero-sub{color:#fff}.site-hero[data-variant=overlay] .btn{--btn-bg:var(--brand);--btn-fg:var(--on-brand);--btn-bd:var(--brand)}.site-hero[data-variant=overlay] .btn-outline{--btn-bg:transparent;--btn-fg:#fff;--btn-bd:#ffffffb3}.site-hero[data-variant=band]{background:var(--surface-2);color:var(--ink);border-block-end:1px solid var(--line)}.site-hero[data-variant=band] .site-hero-cover{opacity:.1}.site-hero[data-variant=band] .site-hero-in{border-inline-start:6px solid var(--brand);max-inline-size:820px;padding-block:clamp(44px,8vw,104px);padding-inline-start:clamp(16px,3vw,32px)}.site-hero[data-variant=band] h1{color:var(--ink);font-size:clamp(2.2rem,6vw,3.8rem)}.site-hero[data-variant=band] .site-hero-sub{color:var(--ink-2);opacity:1}.site-menu{max-inline-size:880px;margin-inline:auto;display:grid}.site-menu-item{border-block-end:1px dashed var(--line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;padding-block:16px;display:grid}.site-menu-item h3{font-size:1.15rem;font-weight:800}.site-menu-dots{border-block-end:2px dotted color-mix(in srgb, var(--ink-3) 55%, transparent);align-self:end;margin-block-end:.45em}.site-menu-price{color:var(--brand-text);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:900}.site-menu-item p{color:var(--ink-2);grid-column:1/-1;font-size:14.5px;line-height:1.8}.site-list{counter-reset:svc;max-inline-size:960px;display:grid}.site-list-item{counter-increment:svc;border-block-end:1px solid var(--line);grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:16px;padding-block:20px;display:grid}.site-list-item:before{content:counter(svc, decimal-leading-zero);color:var(--brand-text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;line-height:1.2}.site-list-item h3{font-size:1.15rem;font-weight:800}.site-list-item p{color:var(--ink-2);margin-block-start:4px;font-size:14.5px;line-height:1.85}.site-list-meta{text-align:end;color:var(--ink-3);white-space:nowrap;justify-items:end;gap:4px;font-size:13px;font-weight:600;display:grid}@media (max-width:560px){.site-list-item{grid-template-columns:40px minmax(0,1fr)}.site-list-meta{text-align:start;grid-column:2;justify-items:start}}.site-team[data-variant=portrait]{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px}.site-team[data-variant=portrait] .site-member{text-align:start;justify-items:stretch;gap:0;padding:0;overflow:hidden}.site-team[data-variant=portrait] .site-avatar{aspect-ratio:4/5;block-size:auto;inline-size:100%;box-shadow:none;background:linear-gradient(160deg, var(--brand-soft), color-mix(in srgb, var(--brand) 22%, var(--surface)));border:0;border-radius:0;margin:0;font-size:3.4rem}.site-team[data-variant=portrait] .site-member strong{padding:14px 16px 0}.site-team[data-variant=portrait] .site-member span:not(.site-avatar){padding:2px 16px 16px}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]){--site-r:22px}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]){--site-r:6px}.site-shell:is([data-tpl=restaurant],[data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto],[data-tpl=events]){--site-r:14px}.site-shell[data-tpl=studio]{--site-r:0px}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) .site-section-title:before{content:"";background:var(--brand);border-radius:4px;block-size:4px;inline-size:44px;margin-block-end:12px;display:block}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) :is(.site-card,.site-member,.site-quote,.site-job,.site-article,.site-course,.site-contact-item){box-shadow:var(--shadow-1);border-radius:var(--site-r);border-color:#0000}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) .site-quote{border-inline-start-width:1px;border-block-start:4px solid var(--brand)}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-section-title{border-block-end:1px solid var(--line);padding-block-end:14px;position:relative}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-section-title:after{content:"";background:var(--brand);block-size:3px;inline-size:72px;position:absolute;inset-block-end:-1px;inset-inline-start:0}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) :is(.site-card,.site-member,.site-quote,.site-job,.site-article,.site-course,.site-contact-item){border-radius:var(--site-r);border-block-start:3px solid var(--brand);box-shadow:none}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) :is(.site-card,.site-article,.site-course):hover{box-shadow:var(--shadow-1);transform:none}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-quote{border-inline-start-width:1px}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-nav a:hover{box-shadow:inset 0 -2px var(--brand);background:0 0;border-radius:0}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) .site-section-title{border-inline-start:7px solid var(--brand);padding-inline-start:14px;font-weight:900}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) :is(.site-card,.site-member,.site-quote,.site-job,.site-article,.site-course,.site-contact-item){background:var(--surface-2);border-color:#0000;border-block-end:4px solid var(--brand);border-radius:var(--site-r)}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) .site-quote{border-inline-start-width:1px}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) :is(.site-card,.site-article,.site-course):hover{background:var(--brand-soft)}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=events]) .site-section-title{text-align:center}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=events]) .site-section-title:after{content:"";background:var(--brand);border-radius:3px;block-size:3px;inline-size:56px;margin:12px auto 0;display:block}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=events]) :is(.site-card,.site-quote,.site-article,.site-contact-item,.site-job){border-radius:var(--site-r)}.site-shell[data-tpl=studio] :is(.site-card,.site-member,.site-quote,.site-article,.site-contact-item,.site-job){box-shadow:none}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=salon],[data-tpl=events]) .site-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-auto-flow:dense;gap:12px}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=salon],[data-tpl=events]) .site-gallery a{aspect-ratio:4/3;border-radius:var(--site-r)}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=salon],[data-tpl=events]) .site-gallery a:first-child{aspect-ratio:auto;grid-area:span 2/span 2}@media (max-width:560px){.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=salon],[data-tpl=events]) .site-gallery a:first-child{aspect-ratio:4/3;grid-area:auto}}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=edu_courses],[data-tpl=kids],[data-tpl=pets]) .site-nav a{border-radius:999px}.site-shell:is([data-tpl=fitness],[data-tpl=realestate],[data-tpl=professional],[data-tpl=edu_courses],[data-tpl=edu_classic],[data-tpl=auto]) .site-stats{background:var(--brand)!important}.site-shell:is([data-tpl=fitness],[data-tpl=realestate],[data-tpl=professional],[data-tpl=edu_courses],[data-tpl=edu_classic],[data-tpl=auto]) .site-stats :is(.site-stat-value,.site-stat-label,.site-section-title){color:var(--on-brand)}.site-shell:is([data-tpl=fitness],[data-tpl=realestate],[data-tpl=professional],[data-tpl=edu_courses],[data-tpl=edu_classic],[data-tpl=auto]) .site-stats .site-section-title{border-color:color-mix(in srgb, var(--on-brand) 35%, transparent)}.site-shell[data-tpl=edu_modern] #courses .site-articles{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px}.site-shell[data-tpl=edu_modern] #courses .site-article-cover{aspect-ratio:16/10}.site-shell[data-tpl=edu_classic] #courses .site-articles{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.site-shell[data-tpl=edu_classic] #courses .site-article-cover{aspect-ratio:3/2;filter:saturate(.9)}.site-shell[data-tpl=edu_courses] #courses .site-articles{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}.site-shell[data-tpl=edu_courses] #courses .site-course-ph{background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 60%, #000));color:var(--on-brand)}.site-shell:is([data-tpl=edu_courses],[data-tpl=edu_modern]) .site-course .site-price{background:var(--brand-soft);border-radius:999px;padding:2px 10px;font-weight:900}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) :is(.site-panel,.site-choice,.site-date,.site-slot,.site-faq details){border-radius:var(--site-r)}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) .site-panel{box-shadow:var(--shadow-1);border-color:#0000}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) main:not(:has(.site-page)) h1:before{content:"";background:var(--brand);border-radius:4px;block-size:4px;inline-size:44px;margin-block-end:12px;display:block}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets],[data-tpl=edu_courses]) .site-main-btn,.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets],[data-tpl=edu_courses]) :is(.site-panel,.site-narrow) .btn{border-radius:999px}.site-shell:is([data-tpl=medical],[data-tpl=salon],[data-tpl=edu_modern],[data-tpl=kids],[data-tpl=pets]) .site-footer{background:var(--brand-soft);border-block-start:0}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) :is(.site-panel,.site-choice,.site-date,.site-slot,.site-faq details){border-radius:var(--site-r)}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-panel{border-block-start:3px solid var(--brand);box-shadow:none}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) main:not(:has(.site-page)) h1{border-block-end:1px solid var(--line);padding-block-end:12px}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .btn{border-radius:4px}.site-shell:is([data-tpl=professional],[data-tpl=realestate],[data-tpl=edu_classic]) .site-footer{border-block-start:3px solid var(--brand)}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) .site-panel{background:var(--surface-2);border-color:#0000;border-block-end:4px solid var(--brand);border-radius:var(--site-r)}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) main:not(:has(.site-page)) h1{border-inline-start:7px solid var(--brand);padding-inline-start:14px;font-weight:900}.site-shell:is([data-tpl=fitness],[data-tpl=trades],[data-tpl=edu_courses],[data-tpl=auto]) .site-footer{background:var(--brand-soft)}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=events]) main:not(:has(.site-page)) h1{text-align:center}.site-shell:is([data-tpl=restaurant],[data-tpl=studio],[data-tpl=events]) main:not(:has(.site-page)) h1:after{content:"";background:var(--brand);border-radius:3px;block-size:3px;inline-size:56px;margin:10px auto 0;display:block}.site-shell[data-tpl=studio] :is(.site-panel,.site-choice,.site-date,.site-slot){border-radius:0}.site-shell[data-tpl]:not([data-tpl=base]) .site-step[data-state=active]{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent)}.site-shell[data-tpl]:not([data-tpl=base]) .site-slot:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.site-shell[data-tpl]:not([data-tpl=base]) .site-slot:hover{transform:none}}.site-nav a.btn-primary,.site-nav a.btn-primary:hover{color:var(--on-brand)}.site-nav a.btn-primary:hover{background:var(--brand-hover);box-shadow:none}
