:root{color-scheme:dark;--bg:var(--rb-c-191918,#191918);--panel:var(--rb-c-222220,#222220);--line:var(--rb-c-3b3b35,#3b3b35);--gold:var(--rb-c-c6b258,#c6b258);--brass:var(--rb-c-907d31,#907d31);--brass-ink:var(--rb-c-0f0f0e,#0f0f0e);--text:var(--rb-c-f1ede4,#f1ede4);--muted:var(--rb-c-c9c4b8,#c9c4b8)}
*{box-sizing:border-box}body{margin:0;background:var(--rb-c-101010,#101010);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button,select{color:var(--text)}
.preview-note{padding:24px 32px;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.branch-artboards{display:flex;align-items:flex-start;gap:48px;padding:0 32px 40px;width:max-content}.branch-board{width:1440px;background:var(--bg);overflow:clip;container-type:inline-size}.branch-board.mobile{width:390px}.branch-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 56px;border-bottom:1px solid var(--line)}.branch-logo{display:flex;align-items:center;gap:12px}.branch-logo img:first-child{width:38px}.branch-logo img:last-child{width:186px}.branch-header nav{display:flex;gap:25px;font-size:14px;font-weight:600}.branch-header nav a{padding:12px 0}.menu-trigger{display:none;border:0;background:transparent;padding:12px;font-size:24px;line-height:1}.phone-top{font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 25px;font-size:14px;font-weight:700;letter-spacing:.025em;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--text)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.btn.primary:hover{background:var(--gold);color:var(--brass-ink)}.btn:hover{border-color:var(--gold)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 12px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.12;margin:0}h1{font-size:60px;text-wrap:balance}h2{font-size:44px}h3{font-size:23px}.muted{color:var(--muted)}p{margin:0 0 16px}img{max-width:100%}.hero{display:grid;grid-template-columns:1.15fr 1fr;border-bottom:1px solid var(--line)}.hero-copy{padding:40px 56px 56px;display:flex;flex-direction:column;justify-content:center;gap:20px}.back{font-size:13px;color:var(--muted);margin-bottom:15px;display:inline-flex;align-items:center;min-height:44px}.hero-copy p{margin:0}.hero-photo{width:100%;height:100%;min-height:540px;object-fit:cover}.hero.no-photo{grid-template-columns:1fr}.hero.no-photo .hero-copy{max-width:980px}.hero-description{max-width:55ch}.book-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.service-select{min-width:0;flex:1;min-height:56px;padding:14px;background:var(--panel);border:1px solid var(--rb-c-68685f,#68685f);border-radius:2px;width:100%;text-overflow:ellipsis}.book-help{font-size:13px;color:var(--muted)}.quick-links{display:flex;gap:28px;font-size:14px}.quick-links a{display:inline-flex;align-items:center;min-height:44px}.quick-links a{border-bottom:1px solid var(--brass)}.content-section{padding:68px 56px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.section-heading p{max-width:44ch;font-size:14px;margin:0;color:var(--muted)}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;border:0}.service-row{background:var(--bg);padding:22px 24px;display:flex;gap:20px;justify-content:space-between;align-items:start;text-align:left;border:1px solid var(--line);min-width:0}.service-row:hover,.service-row[aria-pressed=true]{background:var(--rb-c-2b2b26,#2b2b26)}.service-row[aria-pressed=true]{box-shadow:inset 3px 0 var(--gold)}.service-row h3{font-size:21px;margin-bottom:6px}.service-row small{display:block;color:var(--muted);font-size:13px;line-height:1.6}.service-price{white-space:nowrap;color:var(--gold);font-size:16px;font-weight:600}.more-services{margin-top:20px}.promotion{margin-top:22px;color:var(--gold);font-size:14px;max-width:70ch}.promotion-terms{color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.barber-photo{aspect-ratio:4/5;width:100%;object-fit:cover;background:var(--panel);margin-bottom:15px}.barber-initials{display:grid;place-items:center;font-family:'Playfair Display',Georgia,serif;font-size:54px;color:var(--gold);border:1px solid var(--line)}.barber h3{font-size:22px}.barber p{font-size:13px;color:var(--muted);margin:6px 0 0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.practical{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}.practical h3{margin-bottom:16px}.practical address{font-style:normal;margin:0 0 20px}.practical p{font-size:14px}.hours{margin:0}.hours div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.hours dd{margin:0}.hours .today{color:var(--gold);font-weight:700}.contact-line{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;padding:5px 0}.operator{margin-top:32px;font-size:13px;color:var(--muted)}.operator summary{cursor:pointer;min-height:44px;padding:10px 0}.operator p{max-width:85ch;margin:0 0 8px}.branch-footer{padding:40px 56px;display:flex;justify-content:space-between;align-items:start;gap:28px;color:var(--muted);font-size:13px}.branch-footer nav{display:flex;gap:24px;flex-wrap:wrap}.branch-footer strong{color:var(--text)}.branch-state{padding:90px 56px;max-width:800px}.branch-state h1{font-size:40px;margin-bottom:24px}.branch-state .btn{margin-top:16px}.sync-error{padding:16px 32px;background:var(--rb-c-382d17,#382d17);color:var(--rb-c-f1ede4,#f1ede4);font-size:14px}.sticky-book{display:none}.service-caption{font-size:13px;color:var(--muted);margin:18px 0 0}.branch-state[role=status]{min-height:420px}
@container(max-width:700px){.branch-header{height:72px;padding:0 16px;gap:12px}.branch-logo img:first-child{width:28px}.branch-logo img:last-child{width:147px}.branch-header nav,.phone-top{display:none}.menu-trigger{display:block}.hero{display:flex;flex-direction:column}.hero-copy{padding:25px 20px 32px;gap:18px}.back{margin-bottom:8px}h1{font-size:38px}h2{font-size:32px}.hero-photo{min-height:0;height:260px}.eyebrow{font-size:11px}.book-row{flex-direction:column}.book-row .btn{width:100%}.content-section{padding:38px 20px}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin-top:16px}.service-list{grid-template-columns:1fr}.service-row{padding:20px 15px;gap:14px}.service-row h3{font-size:20px}.service-price{font-size:14px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.barber h3{font-size:20px;overflow-wrap:anywhere}.barber-initials{font-size:36px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.practical{grid-template-columns:1fr;gap:32px}.branch-footer{padding:30px 20px 90px;display:block}.branch-footer nav{margin:24px 0}.branch-state{padding:50px 20px}.branch-state h1{font-size:32px}.sticky-book{display:flex;position:sticky;bottom:0;padding:12px 16px;background:#191918f5;border-top:1px solid var(--line);gap:12px;align-items:center;justify-content:space-between;z-index:4}.sticky-book span{font-size:12px;max-width:44%;line-height:1.4}.sticky-book .btn{min-height:48px;padding:10px 16px;font-size:13px}}
@media(max-width:760px){.preview-note{display:none}.branch-artboards{display:block;padding:0;width:100%}.branch-board.desktop{display:none}.branch-board.mobile{width:100%}}
@media(prefers-reduced-motion:no-preference){.btn,.service-row{transition:background .2s,border-color .2s}.hero-photo{animation:photo-in .6s ease-out}@keyframes photo-in{from{opacity:.3}to{opacity:1}}}
/* Kompaktní portréty holičů. Fotografie provozoven zůstávají v původním rozložení. */
.branch-board.mobile{width:var(--mobile-width,390px)}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.barber{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:18px;align-items:center}
.barber-photo{grid-row:1 / 3;width:88px;height:104px;aspect-ratio:auto;margin:0}
.barber h3{align-self:end}.barber p{align-self:start}
.barber-initials{font-size:28px}
@container(max-width:700px){
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.barber{grid-template-columns:clamp(44px,13cqw,52px) minmax(0,1fr);column-gap:10px;min-width:0}.barber-photo{width:100%;height:64px}.barber h3{font-size:clamp(16px,4.6cqw,18px);overflow-wrap:anywhere}.barber p{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.barber-initials{font-size:22px}
}
@media(max-width:760px){.branch-board.mobile{width:100%}}

.branch-gallery{margin-top:36px}.branch-gallery h3{font-size:25px}.branch-gallery .gallery{margin-top:16px}
@container(max-width:700px){.branch-gallery{margin-top:28px}.branch-gallery h3{font-size:23px}}

/* Dva vyvážené celky: návštěva pobočky a pravidelná otevírací doba. */
.practical{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:80px;align-items:start}
.practical-location,.practical-hours{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.practical h3{font-size:23px;line-height:1.3;margin:0 0 24px}
.practical-contact{display:flex;align-items:center;justify-content:space-between;gap:24px}
.practical address{font-size:14px;margin:0 0 12px}.practical .contact-line{font-size:14px;padding:0}
.practical-contact .btn{flex-shrink:0;min-height:48px;padding:12px 20px}
.practical-arrival{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.practical-arrival>div:only-child{grid-column:1/-1}
.practical-arrival h4{font:600 13px/1.5 Manrope,system-ui,sans-serif;color:var(--gold);margin:0 0 10px}
.practical-arrival p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:45ch}
.practical .hours div{padding:9px 0}.practical .hours div:first-child{padding-top:0}.practical .hours dd{white-space:nowrap}
.practical-section .operator{margin-top:28px}
@container(max-width:700px){.practical{grid-template-columns:minmax(0,1fr);gap:32px}.practical-location,.practical-hours{padding-top:20px}.practical h3{font-size:22px;margin-bottom:20px}.practical-contact{flex-direction:column;align-items:flex-start;gap:18px}.practical-arrival{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px;padding-top:20px}.practical-arrival p{max-width:none}}
/* Délka rezervace je samostatný údaj; popis zůstává čitelný odstavec. */
.service-row .service-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.service-row .service-duration{display:inline-flex;align-items:center;gap:6px;font-family:Manrope,system-ui,sans-serif;font-size:12px;line-height:1.4;color:var(--muted,#c9c4b8)}
.service-row .service-description{display:block;font-family:Manrope,system-ui,sans-serif;font-size:13px;line-height:1.7;color:var(--muted,#c9c4b8)}
.service-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.service-age,.service-note{font-family:Manrope,system-ui,sans-serif;font-size:11px;line-height:1.5;color:var(--muted,#c9c4b8)}
.service-age{padding-left:12px;border-left:1px solid var(--line,#353530)}
.service-note{opacity:.85}
.service-row .service-description{max-width:52ch}
.service-list>.service-row:last-child:nth-child(odd){grid-column:1/-1}

/* Useful location facts, readable before choosing a service. */
.branch-benefits h2{margin:0 0 24px}.branch-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.branch-benefits-grid>div{border-top:1px solid var(--rb-c-474746,#474746);padding-top:16px;min-width:0}.branch-benefits-grid h3{font-size:16px;margin:0 0 8px}.branch-benefits-grid p{margin:0;line-height:1.7;font-size:14px;color:var(--rb-c-c9c4b8,#c9c4b8);text-wrap:pretty;overflow-wrap:anywhere}@media(max-width:600px){.branch-benefits-grid{grid-template-columns:1fr;gap:20px}}