@import url("https://fonts.googleapis.com/css2?family=Gloock&family=Familjen+Grotesk:wght@400;500;600&display=swap");:root{--brand:#3d5a80;--brand-text:#ffffff;--paper:#f3f4f1;--sheet:#ffffff;--ink:#1b1d1f;--muted:#5f656b;--line:#dcdfda;--danger:#b42318;--ok:#18794e;--display:"Gloock","Times New Roman",serif;--text:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif;font-family:var(--text);font-size:17px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hp{position:absolute;left:-9999px}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0}.masthead{background:var(--brand);color:var(--brand-text)}.masthead-inner{max-width:1080px;margin:0 auto;padding:56px 20px 40px}.masthead h1{font-family:var(--display);font-weight:400;margin:0;font-size:clamp(2.6rem,9vw,5.6rem);line-height:.95;letter-spacing:-.01em;max-width:14ch}.masthead .lede{margin:20px 0 0;max-width:52ch;font-size:1.05rem;opacity:.92}.facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:28px 0 0;padding:0;list-style:none;font-size:.95rem}.facts a{text-decoration-thickness:1px;text-underline-offset:3px}.team{align-items:center;gap:12px;margin-top:28px;font-size:.95rem}.faces,.team{display:flex}.face{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.85rem;background:var(--brand-text);color:var(--brand);border:2px solid var(--brand);margin-left:-8px}.face:first-child{margin-left:0}.book{max-width:1080px;margin:0 auto;padding:40px 20px 160px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:40px;gap:40px}@media (min-width:900px){.book{grid-template-columns:minmax(0,1fr) 320px;padding-bottom:80px;align-items:start}}.step{margin-bottom:48px}.step h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-family:var(--display);font-weight:400;font-size:1.9rem;line-height:1.1}.step h2 .n{font-size:1rem;font-family:var(--text);font-weight:600;color:var(--muted);min-width:1.2em}.cjenik{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.cjenik button{width:100%;display:grid;grid-template-columns:1fr auto;grid-gap:2px 12px;gap:2px 12px;padding:16px 12px;margin:0;background:none;border:0;border-bottom:1px solid var(--line);font:inherit;color:inherit;text-align:left;cursor:pointer}.cjenik .row{display:flex;align-items:baseline;gap:8px;grid-column:1/-1}.cjenik .name{font-weight:600;font-size:1.08rem}.cjenik .dots{flex:1 1;border-bottom:2px dotted color-mix(in srgb,var(--ink) 30%,transparent);transform:translateY(-4px);min-width:24px}.cjenik .price{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cjenik .meta{grid-column:1/-1;color:var(--muted);font-size:.92rem}.cjenik button:hover{background:color-mix(in srgb,var(--brand) 6%,transparent)}.cjenik button[aria-pressed=true]{background:var(--brand);color:var(--brand-text)}.cjenik button[aria-pressed=true] .meta{color:inherit;opacity:.85}.cjenik button[aria-pressed=true] .dots{border-color:currentColor;opacity:.5}.people{flex-wrap:wrap}.people,.person{display:flex;gap:10px}.person{align-items:center;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid var(--line);background:var(--sheet);font:inherit;color:inherit;cursor:pointer;text-align:left}.person .face{margin:0;border:0;background:color-mix(in srgb,var(--brand) 14%,#fff);color:var(--ink);width:36px;height:36px}.person small{display:block;color:var(--muted);font-size:.82rem;line-height:1.2}.person[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--brand-text)}.person[aria-pressed=true] small{color:inherit;opacity:.85}.person[aria-pressed=true] .face{background:var(--brand-text);color:var(--brand)}.days{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.day{flex:0 0 auto;width:62px;padding:10px 0;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--sheet);cursor:pointer;font:inherit;color:inherit;scroll-snap-align:start;line-height:1.2}.day span{display:block;font-size:.8rem;color:var(--muted)}.day b{display:block;font-family:var(--display);font-weight:400;font-size:1.6rem;margin:2px 0}.day:disabled{opacity:.3;cursor:default;background:transparent}.day[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.day[aria-pressed=true] span{color:inherit}.times{margin-top:20px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:8px;gap:8px}.slot{padding:10px 0;border:1px solid var(--line);border-radius:10px;background:var(--sheet);font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:inherit;cursor:pointer}.slot:hover{border-color:var(--ink)}.slot[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fields{display:grid;grid-gap:14px;gap:14px}@media (min-width:640px){.fields{grid-template-columns:1fr 1fr}.fields .wide{grid-column:1/-1}}label.field{display:block;font-weight:500;font-size:.95rem}label.field input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--sheet);color:inherit}label.field input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.checks{margin-top:20px}label.check{display:flex;gap:12px;align-items:flex-start;margin:12px 0;font-size:.95rem}label.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand);flex:none}.slip{background:var(--sheet);border-radius:18px;padding:22px;border:1px solid var(--line)}.slip h3{font-family:var(--display);font-weight:400;font-size:1.5rem;margin:0 0 14px}.slip dl{margin:0;display:grid;grid-template-columns:auto 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:.95rem}.slip dt{color:var(--muted)}.slip dd{margin:0;text-align:right;font-weight:500}.slip dd.empty{color:var(--muted);font-weight:400}.slip .total{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:2px dotted var(--line);font-weight:600;font-size:1.1rem}.slip .policy{margin:14px 0 0;font-size:.85rem;color:var(--muted)}.slip .btn{width:100%;margin-top:16px}.slip .bar{display:none}@media (min-width:900px){.slip{position:-webkit-sticky;position:sticky;top:24px}}@media (max-width:899px){.slip{position:fixed;left:0;right:0;bottom:0;z-index:10;border-radius:18px 18px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(27,29,31,.12);border-width:1px 0 0}.slip .policy,.slip .total,.slip dl,.slip h3{display:none}.slip .bar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.92rem}.slip .bar b{display:block;font-size:1rem}.slip .btn{margin-top:10px}}.btn{display:inline-block;padding:14px 22px;border:0;border-radius:12px;background:var(--brand);color:var(--brand-text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.panel{max-width:560px;margin:0 auto}.panel h2{font-family:var(--display);font-weight:400;font-size:clamp(2rem,6vw,2.8rem);line-height:1.05;margin:0 0 12px}.panel .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.code{font-size:1.8rem;letter-spacing:.4em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ticket{margin:24px 0;padding:22px;border-radius:18px;background:var(--brand);color:var(--brand-text)}.ticket .when{font-family:var(--display);font-size:2.2rem;line-height:1.05;margin:4px 0 8px}.home-head{max-width:1080px;margin:0 auto;padding:64px 20px 24px}.home-head h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1;margin:0 0 12px}.salons{max-width:1080px;margin:0 auto;padding:0 20px 80px;list-style:none}.salons a{display:grid;grid-template-columns:14px 1fr auto;grid-gap:4px 20px;gap:4px 20px;align-items:baseline;padding:24px 0;border-top:1px solid var(--line);text-decoration:none}.salons .swatch{width:14px;height:14px;border-radius:50%;background:var(--brand);align-self:center}.salons .nm{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1}.salons .where{color:var(--muted);font-size:.95rem}.salons .info{grid-column:2/-1;color:var(--muted)}.salons a:hover .nm{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.manage{max-width:560px;margin:0 auto;padding:48px 20px}.card{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px}.card h2{font-family:var(--display);font-weight:400;margin:0 0 12px;font-size:1.8rem}@media (prefers-reduced-motion:no-preference){.masthead h1{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}}.panel-title{font-family:var(--display);font-weight:400;font-size:clamp(2rem,6vw,2.8rem);line-height:1.05;margin:0 0 12px}