/* Royal Barber 2.7.0 compiled design system. Do not edit generated file directly. */
:root {
  --rb-bg: #111210;
  --rb-bg-soft: #181916;
  --rb-panel: #20211d;
  --rb-panel-2: #292a25;
  --rb-text: #f3eadb;
  --rb-text-soft: #c9bfaf;
  --rb-muted: #8e887d;
  --rb-accent: #b9824f;
  --rb-accent-bright: #d4a56f;
  --rb-accent-dark: #714927;
  --rb-border: rgba(243, 234, 219, 0.13);
  --rb-dark: #0b0c0a;
  --rb-white: #fffaf1;
  --rb-success: #8eb58b;
  --rb-danger: #d78d7d;
  --rb-shadow: 0 30px 80px rgba(0, 0, 0, 0.32);
  --rb-radius: 18px;
  --rb-radius-sm: 10px;
  --rb-container: 1220px;
  --rb-header-height: 84px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--rb-bg);
  color: var(--rb-text);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--rb-accent-bright); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { color: var(--rb-dark); background: var(--rb-accent-bright); }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.8em;
  font-family: "Playfair Display", Georgia, serif;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
h1 { font-size: clamp(3rem, 7vw, 6.8rem); }
h2 { font-size: clamp(2.2rem, 4vw, 4.2rem); }
h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
p { margin: 0 0 1.3em; color: var(--rb-text-soft); }

.container { width: min(calc(100% - 40px), var(--rb-container)); margin-inline: auto; }
.content-shell { width: min(100%, 820px); }
.section { padding: clamp(78px, 10vw, 140px) 0; }
.section--muted { background: var(--rb-bg-soft); }
.section--accent { color: var(--rb-dark); background: var(--rb-accent-bright); }
.section--accent p { color: rgba(11, 12, 10, 0.75); }
.site-main { min-height: 60vh; }

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus, .skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 12px;
  padding: 12px 18px;
  z-index: 99999;
  color: var(--rb-dark);
  background: var(--rb-white);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border: 1px solid var(--rb-accent);
  border-radius: 999px;
  color: var(--rb-dark);
  background: var(--rb-accent-bright);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
}
.button:hover { transform: translateY(-2px); color: var(--rb-dark); box-shadow: 0 12px 30px rgba(185, 130, 79, 0.25); }
.button--small { min-height: 42px; padding: 0 20px; font-size: 0.74rem; }
.button--outline { color: var(--rb-text); background: transparent; border-color: rgba(243, 234, 219, 0.35); }
.button--outline:hover { color: var(--rb-dark); background: var(--rb-text); }
.button--dark { color: var(--rb-text); background: var(--rb-dark); border-color: var(--rb-dark); }
.button--dark:hover { color: var(--rb-white); }
.button--block { width: 100%; }
.button.is-disabled, .button[aria-disabled="true"] { pointer-events: none; opacity: 0.45; }
.text-link { color: var(--rb-accent-bright); font-weight: 700; }
.text-link:hover { color: var(--rb-white); }
.eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--rb-accent-bright);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.announcement-bar { position: relative; z-index: 1002; color: var(--rb-dark); background: var(--rb-accent-bright); }
.announcement-bar__inner { display: flex; align-items: center; justify-content: center; min-height: 42px; padding-top: 7px; padding-bottom: 7px; }
.announcement-bar__content { display: flex; align-items: center; justify-content: center; gap: 13px; font-size: 0.82rem; text-align: center; }
.announcement-bar__content strong { font-weight: 900; }
.announcement-bar__content span { color: rgba(11, 12, 10, 0.8); }
.announcement-bar__content code { padding: 2px 8px; border: 1px dashed rgba(11, 12, 10, 0.45); border-radius: 4px; background: rgba(255, 255, 255, 0.15); font-weight: 800; }
.announcement-bar__content a { border-bottom: 1px solid currentColor; font-weight: 800; }
.announcement-bar__close { position: absolute; right: 18px; border: 0; color: var(--rb-dark); background: none; font-size: 1.5rem; line-height: 1; }
.announcement-bar.is-hidden { display: none; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: var(--rb-header-height);
  border-bottom: 1px solid transparent;
  background: rgba(17, 18, 16, 0.94);
  backdrop-filter: blur(18px);
  transition: background 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}
.admin-bar .site-header { top: 32px; }
.has-transparent-header .site-header { position: sticky; margin-bottom: calc(-1 * var(--rb-header-height)); background: linear-gradient(to bottom, rgba(5, 6, 5, 0.78), rgba(5, 6, 5, 0)); backdrop-filter: none; }
.has-transparent-header .site-header.is-scrolled { background: rgba(17, 18, 16, 0.96); border-color: var(--rb-border); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.16); backdrop-filter: blur(18px); }
.site-header__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 30px; height: 100%; }
.brand-mark { display: inline-flex; align-items: center; gap: 12px; color: var(--rb-text); }
.brand-mark__icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--rb-accent); border-radius: 50%; font-family: "Playfair Display", serif; font-weight: 700; }
.brand-mark__text { font-family: "Playfair Display", serif; font-size: 1.15rem; font-weight: 700; white-space: nowrap; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { width: auto; max-height: 54px; }
.primary-navigation .menu { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 30px); margin: 0; padding: 0; list-style: none; }
.primary-navigation a { position: relative; color: var(--rb-text); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.035em; white-space: nowrap; }
.primary-navigation a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; content: ""; background: var(--rb-accent-bright); transform: scaleX(0); transform-origin: left; transition: transform 180ms ease; }
.primary-navigation a:hover::after, .primary-navigation .current-menu-item > a::after { transform: scaleX(1); }
.site-header__actions { display: flex; align-items: center; gap: 16px; }
.header-phone { color: var(--rb-text-soft); font-size: 0.78rem; font-weight: 700; white-space: nowrap; }
.language-switcher { display: flex; gap: 5px; color: var(--rb-muted); font-size: 0.72rem; font-weight: 800; }
.language-switcher ul { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.language-switcher a { color: var(--rb-text); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; background: none; }
.menu-toggle > span:not(.screen-reader-text) { display: block; width: 100%; height: 2px; margin: 5px 0; background: var(--rb-text); transition: transform 180ms ease, opacity 180ms ease; }
.mobile-booking-button { display: none; }

.hero { position: relative; display: grid; align-items: end; min-height: max(720px, 100svh); overflow: hidden; background: #090a08; }
.hero__media { position: absolute; inset: 0; background: radial-gradient(circle at 70% 36%, rgba(185, 130, 79, 0.3), transparent 22%), linear-gradient(120deg, #0a0b09 4%, #151712 50%, #090a08 100%); }
.hero__media::before { position: absolute; top: 12%; right: 8%; width: min(42vw, 650px); aspect-ratio: 0.76; border: 1px solid rgba(212, 165, 111, 0.3); border-radius: 48% 48% 8px 8px; content: ""; background: linear-gradient(145deg, rgba(255,255,255,.03), rgba(0,0,0,.45)), repeating-linear-gradient(90deg, transparent 0 48px, rgba(255,255,255,.018) 49px 50px); box-shadow: inset 0 0 80px rgba(0,0,0,.7), 0 50px 90px rgba(0,0,0,.42); transform: rotate(2deg); }
.hero__media::after { position: absolute; right: 16%; bottom: 8%; width: 13vw; min-width: 150px; aspect-ratio: .5; border-radius: 80px 80px 12px 12px; content: ""; background: linear-gradient(90deg, #0d0e0c, #28251f 45%, #0b0c0a); box-shadow: 0 30px 70px rgba(0,0,0,.65); opacity: .92; }
.hero__texture { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.08) .65px, transparent .65px); background-size: 7px 7px; opacity: .16; mix-blend-mode: overlay; }
.hero__spotlight { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,6,5,.94) 0%, rgba(5,6,5,.78) 42%, rgba(5,6,5,.12) 75%, rgba(5,6,5,.55) 100%), linear-gradient(to top, #090a08 0%, transparent 35%); }
.hero__content { position: relative; z-index: 2; padding-top: calc(var(--rb-header-height) + 110px); padding-bottom: 70px; }
.hero h1 { max-width: 990px; margin-bottom: 26px; }
.hero p { max-width: 670px; font-size: clamp(1.05rem, 1.4vw, 1.28rem); }
.hero__actions { display: flex; align-items: center; gap: 28px; margin-top: 36px; }
.hero__stats { display: flex; gap: clamp(36px, 6vw, 88px); margin-top: 80px; padding-top: 28px; border-top: 1px solid var(--rb-border); }
.hero__stats div { display: flex; flex-direction: column; }
.hero__stats strong { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 1.8rem; }
.hero__stats span { color: var(--rb-muted); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }

.promotion-highlight { position: relative; z-index: 3; margin-top: -1px; padding: 25px 0; color: var(--rb-dark); background: var(--rb-accent-bright); }
.promotion-highlight__inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.promotion-highlight .eyebrow { margin: 0 0 6px; color: rgba(11, 12, 10, .62); }
.promotion-highlight h2 { margin: 0 0 4px; font-size: clamp(1.5rem, 2.4vw, 2.4rem); }
.promotion-highlight p { margin: 0; color: rgba(11, 12, 10, .72); }
.promotion-highlight__meta { display: flex; align-items: center; gap: 16px; }
.promotion-highlight__meta > strong { font-family: "Playfair Display", serif; font-size: 2.5rem; }
.promotion-highlight__meta code { padding: 7px 10px; border: 1px dashed rgba(11, 12, 10, .5); border-radius: 5px; font-weight: 800; }
.promotion-highlight .button { color: var(--rb-text); background: var(--rb-dark); border-color: var(--rb-dark); }

.split-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(50px, 8vw, 120px); }
.split-layout--center { align-items: center; }
.brand-intro h2 { max-width: 660px; }
.brand-intro p { font-size: 1.08rem; }
.section-heading { max-width: 800px; margin: 0 auto 55px; text-align: center; }
.section-heading--left { margin: 0 0 32px; text-align: left; }
.section-heading p { max-width: 660px; margin-inline: auto; }
.section-heading--left p { margin-inline: 0; }

.card-grid { display: grid; gap: 26px; }
.card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.service-card, .post-card, .content-card, .barber-card, .branch-card { overflow: hidden; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease; }
.service-card:hover, .post-card:hover, .content-card:hover, .barber-card:hover, .branch-card:hover { transform: translateY(-7px); border-color: rgba(212,165,111,.45); box-shadow: var(--rb-shadow); }
.service-card__media, .post-card__media, .content-card__media, .barber-card__media { display: block; aspect-ratio: 1.28; overflow: hidden; background: #151612; }
.service-card__media img, .post-card__media img, .content-card__media img, .barber-card__media img, .branch-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.service-card:hover img, .post-card:hover img, .content-card:hover img, .barber-card:hover img, .branch-card:hover img { transform: scale(1.045); }
.service-card__body, .post-card__body, .content-card__body, .barber-card__body, .branch-card__body { padding: 25px; }
.service-card__meta, .content-card__meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 16px; color: var(--rb-accent-bright); font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.service-card h3, .post-card h3, .post-card h2, .content-card h2, .barber-card h3, .branch-card h3 { margin-bottom: 13px; font-size: 1.38rem; }
.service-card p, .post-card p, .content-card p { font-size: .9rem; }
.post-card__body > span { display: block; margin-bottom: 12px; color: var(--rb-muted); font-size: .74rem; text-transform: uppercase; }
.barber-card__media { aspect-ratio: .82; }
.barber-card__body > span { color: var(--rb-accent-bright); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.barber-card__body p { margin: 0; color: var(--rb-muted); font-size: .84rem; }
.branch-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); min-height: 380px; }
.branch-card__media { min-height: 100%; overflow: hidden; }
.branch-card__body { display: flex; flex-direction: column; justify-content: center; }
.branch-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.card-placeholder { display: grid; place-items: center; width: 100%; height: 100%; min-height: 220px; background: radial-gradient(circle at 60% 30%, rgba(185,130,79,.22), transparent 25%), linear-gradient(145deg, #24251f, #11120f); }
.card-placeholder span { display: grid; place-items: center; width: 80px; height: 80px; border: 1px solid rgba(212,165,111,.5); border-radius: 50%; color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 1.5rem; }

.combo-preview h2 { max-width: 710px; }
.combo-preview__panel { padding: 25px; border-radius: var(--rb-radius); color: var(--rb-text); background: var(--rb-dark); box-shadow: var(--rb-shadow); }
.combo-preview__panel > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--rb-border); }
.combo-preview__panel > div:last-child { border-bottom: 0; }
.combo-preview__panel span { color: var(--rb-text-soft); }
.combo-preview__total strong { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 2rem; }

.ai-intro { overflow: hidden; }
.ai-visual { position: relative; display: grid; place-items: center; min-height: 520px; }
.ai-visual::before { position: absolute; width: 430px; height: 430px; border: 1px solid rgba(212,165,111,.2); border-radius: 50%; content: ""; box-shadow: 0 0 100px rgba(185,130,79,.12); }
.ai-visual__frame { position: relative; z-index: 2; display: grid; place-items: center; width: 260px; height: 330px; border: 1px solid var(--rb-accent); border-radius: 140px 140px 30px 30px; background: linear-gradient(145deg, rgba(212,165,111,.18), rgba(0,0,0,.55)); box-shadow: inset 0 0 50px rgba(0,0,0,.55), var(--rb-shadow); }
.ai-visual__frame span { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 3rem; }
.ai-visual__tag { position: absolute; z-index: 3; padding: 10px 16px; border: 1px solid var(--rb-border); border-radius: 999px; background: rgba(32,33,29,.88); backdrop-filter: blur(10px); font-size: .76rem; font-weight: 800; }
.ai-visual__tag--one { top: 20%; left: 6%; }
.ai-visual__tag--two { top: 42%; right: 2%; }
.ai-visual__tag--three { bottom: 15%; left: 14%; }

.event-card { display: grid; grid-template-columns: auto 1fr; gap: 22px; padding: 25px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.event-card__date { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 78px; height: 88px; border: 1px solid rgba(212,165,111,.35); border-radius: 12px; color: var(--rb-accent-bright); }
.event-card__date strong { font-family: "Playfair Display", serif; font-size: 2rem; line-height: 1; }
.event-card__date span { margin-top: 7px; color: var(--rb-muted); font-size: .7rem; }
.event-card .eyebrow { margin-bottom: 8px; }
.event-card h3 { font-size: 1.45rem; }
.event-card p { margin-bottom: 0; font-size: .86rem; }

.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.process-card { padding: 30px 24px; border-top: 1px solid var(--rb-accent); background: linear-gradient(180deg, rgba(185,130,79,.1), transparent 70%); }
.process-card > span { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 2.4rem; }
.process-card h3 { margin-top: 32px; font-size: 1.4rem; }
.process-card p { margin: 0; font-size: .86rem; }
.testimonial { margin: 0; padding: 32px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.testimonial p { color: var(--rb-text); font-family: "Playfair Display", serif; font-size: 1.25rem; line-height: 1.6; }
.testimonial cite { color: var(--rb-accent-bright); font-size: .76rem; font-style: normal; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.final-cta { padding: clamp(85px, 12vw, 160px) 0; text-align: center; background: radial-gradient(circle at 50% 15%, rgba(185,130,79,.2), transparent 28%), #0a0b09; }
.final-cta__inner { max-width: 900px; }
.final-cta h2 { font-size: clamp(2.7rem, 5vw, 5.4rem); }

.page-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 20%, rgba(185,130,79,.22), transparent 25%), linear-gradient(125deg, #0b0c0a, #1b1c18); }
.page-hero::after { position: absolute; inset: 0; content: ""; background-image: radial-gradient(rgba(255,255,255,.06) .55px, transparent .55px); background-size: 8px 8px; opacity: .18; }
.page-hero > .container, .page-hero__grid { position: relative; z-index: 1; }
.page-hero--compact { padding: clamp(120px, 15vw, 210px) 0 clamp(70px, 9vw, 120px); }
.page-hero--compact h1 { max-width: 1000px; font-size: clamp(3rem, 6vw, 6rem); }
.page-hero--compact p { max-width: 700px; font-size: 1.05rem; }
.page-hero--article { padding: clamp(120px, 15vw, 210px) 0 80px; }
.page-hero--article h1 { font-size: clamp(2.8rem, 5vw, 5.6rem); }
.page-hero--ai { padding: clamp(120px, 15vw, 200px) 0 90px; }
.page-hero__grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 80px; }
.ai-security-badge { display: flex; flex-direction: column; gap: 6px; padding: 30px; border: 1px solid rgba(212,165,111,.3); border-radius: var(--rb-radius); background: rgba(17,18,16,.65); backdrop-filter: blur(12px); }
.ai-security-badge > span { font-size: 2rem; }
.ai-security-badge small { color: var(--rb-muted); }

.entry-content { color: var(--rb-text-soft); }
.entry-content > *:first-child { margin-top: 0; }
.entry-content h2, .entry-content h3 { margin-top: 1.5em; color: var(--rb-text); }
.entry-content a { color: var(--rb-accent-bright); text-decoration: underline; text-underline-offset: 3px; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content blockquote { margin: 2em 0; padding-left: 24px; border-left: 3px solid var(--rb-accent); color: var(--rb-text); font-family: "Playfair Display", serif; font-size: 1.3rem; }
.article-featured-image { margin-top: -40px; position: relative; z-index: 2; }
.article-featured-image img { width: 100%; max-height: 640px; object-fit: cover; border-radius: var(--rb-radius); }
.article-cta { padding: 70px 0; background: var(--rb-bg-soft); }
.pagination { margin-top: 55px; }
.pagination .nav-links { display: flex; gap: 8px; }
.pagination a, .pagination span { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--rb-border); border-radius: 999px; }
.pagination .current { color: var(--rb-dark); background: var(--rb-accent-bright); }
.empty-state { padding: 70px; border: 1px dashed var(--rb-border); border-radius: var(--rb-radius); text-align: center; }

.detail-hero { position: relative; min-height: 700px; overflow: hidden; display: flex; align-items: flex-end; }
.detail-hero__media { position: absolute; inset: 0; }
.detail-hero__media img, .detail-hero__media .card-placeholder { width: 100%; height: 100%; object-fit: cover; }
.detail-hero__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, rgba(7,8,7,.98), rgba(7,8,7,.3) 60%, rgba(7,8,7,.5)); }
.detail-hero__content { position: relative; z-index: 2; padding-bottom: 80px; }
.detail-hero__content h1 { max-width: 900px; }
.detail-hero__content p { max-width: 650px; font-size: 1.1rem; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: clamp(45px, 8vw, 110px); align-items: start; }
.info-panel { position: sticky; top: calc(var(--rb-header-height) + 30px); padding: 30px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.info-panel h2 { font-size: 1.8rem; }
.info-panel dl { margin: 0 0 22px; }
.info-panel dl > div { padding: 15px 0; border-bottom: 1px solid var(--rb-border); }
.info-panel dt { margin-bottom: 4px; color: var(--rb-muted); font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.info-panel dd { margin: 0; color: var(--rb-text); }
.promo-value { margin-bottom: 20px; color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 4.5rem; }

.profile-hero { padding: clamp(130px, 15vw, 210px) 0 90px; background: linear-gradient(135deg, #0b0c0a, #1c1d19); }
.profile-hero__grid, .service-detail-hero__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(45px, 8vw, 110px); }
.profile-hero__media { aspect-ratio: .78; overflow: hidden; border-radius: 180px 180px 20px 20px; box-shadow: var(--rb-shadow); }
.profile-hero__media img, .profile-hero__media .card-placeholder { width: 100%; height: 100%; object-fit: cover; }
.profile-hero__lead { max-width: 650px; font-size: 1.1rem; }
.profile-facts { display: flex; gap: 50px; margin: 35px 0; padding: 25px 0; border-top: 1px solid var(--rb-border); border-bottom: 1px solid var(--rb-border); }
.profile-facts div { display: flex; flex-direction: column; gap: 5px; }
.profile-facts strong { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 1.7rem; }
.profile-facts span { color: var(--rb-muted); font-size: .72rem; text-transform: uppercase; }
.service-detail-hero { padding: clamp(130px, 15vw, 210px) 0 90px; }
.service-detail-hero__grid { grid-template-columns: 1fr 1fr; }
.service-detail-hero__media { aspect-ratio: 1.1; overflow: hidden; border-radius: var(--rb-radius); }
.service-detail-hero__media img, .service-detail-hero__media .card-placeholder { width: 100%; height: 100%; object-fit: cover; }
.price-display { display: flex; align-items: baseline; gap: 14px; margin: 30px 0; }
.price-display strong { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 2.8rem; }
.price-display del { color: var(--rb-muted); }
.price-display span { margin-left: auto; color: var(--rb-text-soft); }
.notice-box { margin-top: 35px; padding: 22px 24px; border: 1px solid rgba(212,165,111,.32); border-radius: var(--rb-radius-sm); background: rgba(185,130,79,.08); }
.notice-box p { margin: 0; }
.notice-text { color: var(--rb-muted); font-size: .8rem; line-height: 1.55; }

.calculator-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(340px, .7fr); gap: clamp(35px, 6vw, 80px); align-items: start; }
.calculator-service-list { display: grid; gap: 13px; }
.calculator-service { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 22px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius-sm); background: var(--rb-panel); cursor: pointer; transition: border-color 180ms ease, transform 180ms ease, background 180ms ease; }
.calculator-service:hover { transform: translateY(-2px); border-color: rgba(212,165,111,.35); }
.calculator-service:has(input:checked) { border-color: var(--rb-accent); background: rgba(185,130,79,.1); }
.calculator-service input { position: absolute; opacity: 0; pointer-events: none; }
.calculator-service__check { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--rb-border); border-radius: 50%; }
.calculator-service input:checked + .calculator-service__check { color: var(--rb-dark); background: var(--rb-accent-bright); }
.calculator-service input:checked + .calculator-service__check::after { content: "✓"; font-weight: 900; }
.calculator-service__info { display: flex; flex-direction: column; }
.calculator-service__info small { color: var(--rb-muted); }
.calculator-service__price { display: flex; flex-direction: column; align-items: flex-end; }
.calculator-service__price strong { color: var(--rb-accent-bright); }
.calculator-service__price small { color: var(--rb-muted); }
.calculator-summary { position: sticky; top: calc(var(--rb-header-height) + 28px); padding: 28px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); box-shadow: var(--rb-shadow); }
.calculator-summary h2 { font-size: 1.8rem; }
.calculator-summary__items { min-height: 90px; padding: 15px 0; border-top: 1px solid var(--rb-border); border-bottom: 1px solid var(--rb-border); }
.calculator-summary__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: .85rem; }
.calculator-summary__item button { border: 0; color: var(--rb-danger); background: none; }
.calculator-empty { margin: 0; color: var(--rb-muted); }
.calculator-totals { margin: 15px 0 22px; }
.calculator-totals > div { display: flex; justify-content: space-between; gap: 20px; padding: 8px 0; }
.calculator-totals dt { color: var(--rb-muted); }
.calculator-totals dd { margin: 0; }
.calculator-totals__total { margin-top: 12px; padding-top: 18px !important; border-top: 1px solid var(--rb-border); }
.calculator-totals__total dd { color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 1.7rem; }

.integration-notice { margin-bottom: 35px; padding: 22px 25px; border-left: 3px solid var(--rb-accent); border-radius: 0 var(--rb-radius-sm) var(--rb-radius-sm) 0; background: var(--rb-panel); }
.integration-notice p { margin: 7px 0 0; font-size: .88rem; }
.integration-notice--compact { margin-bottom: 25px; }
.booking-plugin-shell { padding: 30px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.booking-wizard { padding: clamp(24px, 4vw, 48px); border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.booking-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0 0 55px; padding: 0; list-style: none; }
.booking-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--rb-muted); font-size: .69rem; font-weight: 800; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.booking-steps li::after { position: absolute; top: 17px; left: calc(50% + 24px); width: calc(100% - 48px); height: 1px; content: ""; background: var(--rb-border); }
.booking-steps li:last-child::after { display: none; }
.booking-steps span { position: relative; z-index: 2; display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid var(--rb-border); border-radius: 50%; background: var(--rb-panel); }
.booking-steps li.is-active, .booking-steps li.is-complete { color: var(--rb-text); }
.booking-steps li.is-active span, .booking-steps li.is-complete span { color: var(--rb-dark); background: var(--rb-accent-bright); border-color: var(--rb-accent-bright); }
.booking-panel { display: none; }
.booking-panel.is-active { display: block; animation: rbFadeUp 300ms ease both; }
.selection-grid { display: grid; gap: 15px; }
.selection-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.selection-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selection-card { position: relative; display: flex; flex-direction: column; gap: 7px; min-height: 150px; padding: 23px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius-sm); background: var(--rb-bg-soft); cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.selection-card:hover { transform: translateY(-3px); border-color: rgba(212,165,111,.38); }
.selection-card:has(input:checked) { border-color: var(--rb-accent); background: rgba(185,130,79,.1); }
.selection-card.is-hidden { display: none; }
.selection-card input { position: absolute; opacity: 0; pointer-events: none; }
.selection-card__check { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid var(--rb-border); border-radius: 50%; color: transparent; }
.selection-card:has(input:checked) .selection-card__check { color: var(--rb-dark); background: var(--rb-accent-bright); }
.selection-card > span:not(.selection-card__check) { color: var(--rb-text-soft); font-size: .86rem; }
.selection-card small { color: var(--rb-muted); line-height: 1.5; }
.selection-card--barber { align-items: center; text-align: center; }
.barber-avatar { width: 86px; height: 86px; margin-bottom: 7px; overflow: hidden; border-radius: 50%; background: var(--rb-panel-2); }
.barber-avatar img, .barber-avatar .card-placeholder { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.barber-avatar--any { display: grid; place-items: center; color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 2.2rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-grid label { display: flex; flex-direction: column; gap: 8px; }
.form-grid label > span { color: var(--rb-text-soft); font-size: .82rem; font-weight: 700; }
.form-grid__full { grid-column: 1 / -1; }
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="time"], input[type="number"], input[type="url"], select, textarea {
  width: 100%; min-height: 52px; padding: 13px 15px; border: 1px solid var(--rb-border); border-radius: 8px; color: var(--rb-text); background: var(--rb-bg-soft); outline: none; transition: border-color 180ms ease, box-shadow 180ms ease;
}
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--rb-accent); box-shadow: 0 0 0 3px rgba(185,130,79,.13); }
.checkbox-field { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 11px !important; }
.checkbox-field input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 4px; accent-color: var(--rb-accent-bright); }
.checkbox-field a { color: var(--rb-accent-bright); text-decoration: underline; }
.booking-navigation, .ai-form-navigation { display: flex; justify-content: space-between; gap: 15px; margin-top: 38px; padding-top: 25px; border-top: 1px solid var(--rb-border); }
.booking-error { min-height: 24px; margin: 13px 0 0; color: var(--rb-danger); font-size: .85rem; }
.booking-review { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; margin-bottom: 25px; }
.booking-review__item { padding: 18px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius-sm); background: var(--rb-bg-soft); }
.booking-review__item span { display: block; color: var(--rb-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.booking-review__item strong { display: block; margin-top: 5px; }

.ai-consultant { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: clamp(35px, 6vw, 80px); align-items: start; }
.ai-form-panel { padding: clamp(24px, 4vw, 46px); border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-panel); }
.ai-form-step { display: none; }
.ai-form-step.is-active { display: block; animation: rbFadeUp 300ms ease both; }
.ai-upload { position: relative; display: grid; place-items: center; min-height: 330px; margin-top: 25px; padding: 30px; border: 1px dashed rgba(212,165,111,.45); border-radius: var(--rb-radius); background: var(--rb-bg-soft); text-align: center; cursor: pointer; overflow: hidden; }
.ai-upload input { position: absolute; opacity: 0; }
.ai-upload__icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 15px; border: 1px solid var(--rb-accent); border-radius: 50%; color: var(--rb-accent-bright); font-size: 1.7rem; }
.ai-upload strong { font-family: "Playfair Display", serif; font-size: 1.4rem; }
.ai-upload small { color: var(--rb-muted); }
.ai-upload img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 12px; background: var(--rb-bg-soft); }
.ai-result { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px; }
.ai-result__score { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 260px; padding: 28px; border: 1px solid rgba(212,165,111,.35); border-radius: var(--rb-radius); background: radial-gradient(circle at 50% 25%, rgba(185,130,79,.18), transparent 35%), var(--rb-bg-soft); text-align: center; }
.ai-result__score span, .ai-result__score small { color: var(--rb-muted); }
.ai-result__score strong { margin: 12px 0; color: var(--rb-accent-bright); font-family: "Playfair Display", serif; font-size: 3.2rem; }
.recommendation-list { display: grid; gap: 10px; }
.recommendation-item { padding: 15px; border-left: 2px solid var(--rb-accent); background: var(--rb-bg-soft); }
.recommendation-item strong { display: block; }
.recommendation-item span { color: var(--rb-muted); font-size: .82rem; }
.ai-side-panel { position: sticky; top: calc(var(--rb-header-height) + 30px); padding: 30px; border: 1px solid var(--rb-border); border-radius: var(--rb-radius); background: var(--rb-bg-soft); }
.check-list { display: grid; gap: 12px; margin: 25px 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 27px; color: var(--rb-text-soft); }
.check-list li::before { position: absolute; left: 0; color: var(--rb-accent-bright); content: "✓"; font-weight: 900; }
.privacy-card { padding: 20px; border-radius: var(--rb-radius-sm); background: var(--rb-panel); }
.privacy-card p { margin: 7px 0 0; font-size: .82rem; }

.site-footer { padding: 80px 0 25px; border-top: 1px solid var(--rb-border); background: #090a08; }
.site-footer__grid { display: grid; grid-template-columns: 1.35fr .75fr .75fr 1fr; gap: 50px; }
.site-footer h3 { font-size: 1.25rem; }
.site-footer p, .site-footer a { color: var(--rb-text-soft); font-size: .88rem; }
.site-footer a:hover { color: var(--rb-accent-bright); }
.brand-mark--footer { margin-bottom: 22px; }
.footer-menu { margin: 0; padding: 0; list-style: none; }
.footer-menu li { margin-bottom: 8px; }
.footer-widgets { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 30px; margin-top: 50px; padding-top: 35px; border-top: 1px solid var(--rb-border); }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 22px; border-top: 1px solid var(--rb-border); color: var(--rb-muted); font-size: .74rem; }

.error-page { display: grid; place-items: center; min-height: 80vh; padding: 130px 0 80px; text-align: center; background: radial-gradient(circle at 50% 30%, rgba(185,130,79,.2), transparent 25%), var(--rb-bg); }
.error-page__inner { max-width: 850px; }
.error-page__code { display: block; color: rgba(212,165,111,.18); font-family: "Playfair Display", serif; font-size: clamp(8rem, 25vw, 20rem); line-height: .7; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 600ms ease, transform 600ms ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@keyframes rbFadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (max-width: 1180px) {
  .site-header__inner { grid-template-columns: auto auto 1fr; }
  .menu-toggle { display: block; order: 3; justify-self: end; }
  .site-header__actions { justify-self: end; }
  .site-header__actions .language-switcher, .site-header__actions .header-phone { display: none; }
  .primary-navigation { position: fixed; top: var(--rb-header-height); right: 0; bottom: 0; left: 0; display: none; padding: 40px; background: rgba(9,10,8,.98); }
  .admin-bar .primary-navigation { top: calc(var(--rb-header-height) + 32px); }
  .primary-navigation.is-open { display: block; }
  .primary-navigation .menu { flex-direction: column; align-items: flex-start; gap: 24px; }
  .primary-navigation a { font-family: "Playfair Display", serif; font-size: 2rem; }
  .menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .card-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .split-layout, .page-hero__grid, .profile-hero__grid, .service-detail-hero__grid, .detail-grid, .calculator-layout, .ai-consultant { grid-template-columns: 1fr; }
  .split-layout { gap: 35px; }
  .card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .branch-card { grid-template-columns: 1fr; }
  .branch-card__media { aspect-ratio: 1.5; }
  .info-panel, .calculator-summary, .ai-side-panel { position: static; }
  .profile-hero__media { max-width: 580px; }
  .service-detail-hero__media { order: -1; }
  .booking-steps { overflow-x: auto; grid-template-columns: repeat(6, minmax(110px,1fr)); padding-bottom: 12px; }
  .selection-grid--3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ai-result { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  :root { --rb-header-height: 70px; }
  .container { width: min(calc(100% - 28px), var(--rb-container)); }
  body { padding-bottom: 68px; }
  .section { padding: 72px 0; }
  h1 { font-size: clamp(2.65rem, 14vw, 4.8rem); }
  h2 { font-size: clamp(2rem, 10vw, 3.2rem); }
  .site-header__actions { display: none; }
  .site-header__inner { grid-template-columns: 1fr auto; }
  .menu-toggle { order: initial; }
  .brand-mark__text { font-size: 1rem; }
  .brand-mark__icon { width: 38px; height: 38px; }
  .announcement-bar__inner { padding-right: 32px; }
  .announcement-bar__content { flex-wrap: wrap; gap: 5px 9px; font-size: .72rem; }
  .announcement-bar__close { right: 7px; }
  .mobile-booking-button { position: fixed; right: 10px; bottom: 10px; left: 10px; z-index: 999; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 999px; color: var(--rb-dark); background: var(--rb-accent-bright); box-shadow: 0 15px 40px rgba(0,0,0,.45); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
  .mobile-booking-button:hover { color: var(--rb-dark); }
  .hero { min-height: 760px; }
  .hero__content { padding-top: 150px; padding-bottom: 45px; }
  .hero h1 { font-size: clamp(3rem, 14vw, 4.7rem); }
  .hero__actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .hero__stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 52px; }
  .hero__stats strong { font-size: 1.35rem; }
  .hero__stats span { font-size: .6rem; }
  .hero__media::before { top: 25%; right: -28%; width: 80vw; opacity: .6; }
  .hero__media::after { display: none; }
  .promotion-highlight__inner, .promotion-highlight__meta { align-items: flex-start; flex-direction: column; }
  .promotion-highlight__meta { gap: 10px; }
  .card-grid--2, .card-grid--3, .card-grid--4, .process-grid, .selection-grid--2, .selection-grid--3, .form-grid, .booking-review { grid-template-columns: 1fr; }
  .branch-card__actions { align-items: flex-start; flex-direction: column; }
  .ai-visual { min-height: 400px; transform: scale(.85); }
  .event-card { grid-template-columns: 1fr; }
  .event-card__date { width: 70px; }
  .profile-facts { flex-direction: column; gap: 18px; }
  .price-display { align-items: flex-start; flex-direction: column; }
  .price-display span { margin-left: 0; }
  .calculator-service { grid-template-columns: auto 1fr; }
  .calculator-service__price { grid-column: 2; align-items: flex-start; }
  .booking-wizard, .ai-form-panel { padding: 20px; }
  .form-grid__full { grid-column: auto; }
  .site-footer__grid, .footer-widgets { grid-template-columns: 1fr; }
  .site-footer__bottom { flex-direction: column; }
  .error-page__code { font-size: 9rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Royal Barber 1.1 multisite visual layer. */
:root {
  --rb-v2-cream: #f0e4d2;
  --rb-v2-gold: #d7a96f;
  --rb-v2-copper: #a86638;
  --rb-v2-ink: #080906;
  --rb-v2-line: rgba(240, 228, 210, .15);
}

body.rb-network-main,
body.rb-network-branch { background: #0a0b08; }
.site-header--v2 { border-bottom-color: rgba(240,228,210,.08); }
.site-header--v2 .site-header__inner { grid-template-columns: minmax(180px,auto) 1fr auto; }
.brand-mark--v2 .brand-mark__icon { border-radius: 4px 18px 4px 18px; transform: rotate(-3deg); }
.brand-mark__copy { display: flex; flex-direction: column; line-height: 1.1; }
.brand-mark__copy small { margin-top: 4px; color: var(--rb-muted); font-size: .55rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.header-phone { display: flex; flex-direction: column; line-height: 1.15; }
.header-phone span { color: var(--rb-muted); font-size: .55rem; letter-spacing: .16em; text-transform: uppercase; }
.rb-v2 { overflow: hidden; }
.rb-v2 .rb-lead { color: var(--rb-v2-cream); font-family: "Playfair Display",serif; font-size: clamp(1.35rem,2.2vw,2.15rem); line-height: 1.45; }

.rb-editorial-hero { position: relative; min-height: 930px; overflow: hidden; background: radial-gradient(circle at 74% 28%,rgba(168,102,56,.24),transparent 25%),linear-gradient(120deg,#080906 0%,#11120e 48%,#070805 100%); }
.rb-editorial-hero::before { position:absolute; inset:0; content:""; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%); }
.rb-editorial-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:end; gap:70px; min-height:930px; padding-top:calc(var(--rb-header-height) + 120px); padding-bottom:90px; }
.rb-editorial-hero__copy { max-width:950px; }
.rb-editorial-hero h1 { max-width:1000px; font-size:clamp(4rem,8.2vw,8.8rem); line-height:.91; text-wrap:balance; }
.rb-editorial-hero p { max-width:650px; font-size:1.1rem; }
.rb-editorial-hero__actions { display:flex; align-items:center; gap:28px; margin-top:36px; }
.rb-editorial-hero__side { padding:28px 0 0 28px; border-top:1px solid var(--rb-v2-gold); border-left:1px solid var(--rb-v2-line); }
.rb-editorial-hero__side > span { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:3.8rem; }
.rb-editorial-hero__side p { font-size:.86rem; }
.rb-editorial-hero__visual { position:absolute; inset:0; pointer-events:none; }
.rb-editorial-hero__arch { position:absolute; top:12%; right:8%; width:min(40vw,610px); height:72%; border:1px solid rgba(215,169,111,.28); border-radius:50% 50% 2px 2px; background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(0,0,0,.6)); box-shadow:inset 0 0 100px rgba(0,0,0,.7),0 70px 110px rgba(0,0,0,.35); transform:rotate(2deg); }
.rb-editorial-hero__blade { position:absolute; top:25%; right:17%; width:13px; height:48%; border-radius:999px; background:linear-gradient(#e7cfad,#815435 58%,#191a16); box-shadow:0 0 50px rgba(215,169,111,.28); transform:rotate(22deg); }
.rb-editorial-hero__portrait { position:absolute; right:12%; bottom:8%; width:min(30vw,430px); height:65%; border-radius:48% 48% 8px 8px; background:radial-gradient(circle at 52% 20%,rgba(240,228,210,.15),transparent 20%),linear-gradient(110deg,#0d0e0b,#302920 55%,#0b0c09); box-shadow:0 45px 100px rgba(0,0,0,.55); }
.rb-editorial-hero__serial { position:absolute; right:5%; bottom:45%; color:rgba(240,228,210,.28); font-size:.65rem; font-weight:800; letter-spacing:.32em; text-transform:uppercase; transform:rotate(90deg); transform-origin:right bottom; }
.rb-branch-quick-info { display:flex; flex-wrap:wrap; gap:42px; margin-top:70px; padding-top:24px; border-top:1px solid var(--rb-v2-line); }
.rb-branch-quick-info div { display:flex; flex-direction:column; max-width:360px; }
.rb-branch-quick-info small { color:var(--rb-muted); font-size:.62rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.rb-branch-quick-info strong { margin-top:5px; color:var(--rb-v2-cream); font-size:.86rem; }

.rb-marquee { overflow:hidden; border-top:1px solid var(--rb-v2-line); border-bottom:1px solid var(--rb-v2-line); background:#0e0f0c; }
.rb-marquee__track { display:flex; align-items:center; width:max-content; min-height:72px; animation:rb-marquee 28s linear infinite; }
.rb-marquee span { padding:0 34px; color:var(--rb-v2-cream); font-family:"Playfair Display",serif; font-size:1.15rem; letter-spacing:.08em; }
.rb-marquee i { width:7px; height:7px; border-radius:50%; background:var(--rb-v2-gold); }
@keyframes rb-marquee { to { transform:translateX(-50%); } }

.rb-section-head { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:58px; }
.rb-section-head > div { max-width:800px; }
.rb-section-head h2 { margin-bottom:0; }
.rb-section-head > p { max-width:390px; margin-bottom:6px; }
.rb-manifesto { background:linear-gradient(180deg,#0a0b08,#11120e); }
.rb-manifesto__grid { display:grid; grid-template-columns:1fr .9fr; gap:clamp(60px,9vw,140px); }
.rb-manifesto__body { padding-top:30px; }
.rb-signature { margin:45px 0 25px; color:rgba(215,169,111,.7); font-family:"Playfair Display",serif; font-size:2rem; font-style:italic; transform:rotate(-3deg); }

.rb-branches-section { background:#15120e; }
.rb-network-grid { display:grid; gap:28px; }
.rb-network-card { position:relative; display:grid; grid-template-columns:90px minmax(280px,.8fr) 1fr; min-height:360px; overflow:hidden; border:1px solid var(--rb-v2-line); background:#0c0d0a; transition:transform .3s ease,border-color .3s ease; }
.rb-network-card:hover { transform:translateY(-6px); border-color:rgba(215,169,111,.45); }
.rb-network-card__number { display:grid; place-items:center; border-right:1px solid var(--rb-v2-line); color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:2rem; writing-mode:vertical-rl; transform:rotate(180deg); }
.rb-network-card__visual { display:grid; place-items:center; background:radial-gradient(circle at 60% 30%,rgba(215,169,111,.24),transparent 20%),linear-gradient(145deg,#252018,#0c0d0a); }
.rb-network-card__visual span { display:grid; place-items:center; width:140px; height:180px; border:1px solid rgba(215,169,111,.38); border-radius:70px 70px 8px 8px; color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:2rem; }
.rb-network-card__body { display:flex; flex-direction:column; justify-content:center; padding:48px; }
.rb-network-card__body h3 { font-size:clamp(2rem,3vw,3.3rem); }
.rb-network-card__meta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:auto; padding-top:28px; border-top:1px solid var(--rb-v2-line); color:var(--rb-muted); font-size:.76rem; }
.rb-network-card__meta a { color:var(--rb-v2-gold); font-weight:800; }
.rb-empty-state { padding:60px; border:1px dashed rgba(215,169,111,.35); background:rgba(255,255,255,.02); text-align:center; }

.rb-values { background:#0a0b08; }
.rb-values__title { max-width:820px; margin-bottom:55px; }
.rb-values__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--rb-v2-line); }
.rb-values__grid article { min-height:270px; padding:42px; background:#10110e; }
.rb-values__grid article > span { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:2.8rem; }
.rb-values__grid h3 { margin-top:55px; }
.rb-values__grid p { margin-bottom:0; font-size:.9rem; }

.rb-service-list { border-top:1px solid var(--rb-v2-line); }
.rb-service-row { display:grid; grid-template-columns:65px 180px 1fr 170px; align-items:center; gap:32px; padding:28px 0; border-bottom:1px solid var(--rb-v2-line); transition:padding .25s ease,background .25s ease; }
.rb-service-row:hover { padding-right:22px; padding-left:22px; background:rgba(255,255,255,.025); }
.rb-service-row__index { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:1.5rem; }
.rb-service-row__image { height:120px; overflow:hidden; }
.rb-service-row__image img,.rb-service-row__image .card-placeholder { width:100%; height:100%; min-height:0; object-fit:cover; }
.rb-service-row h3 { margin:0 0 8px; font-size:2rem; }
.rb-service-row p { margin:0; font-size:.88rem; }
.rb-service-row__price { display:flex; flex-direction:column; align-items:flex-end; }
.rb-service-row__price small { color:var(--rb-muted); }
.rb-service-row__price strong { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:1.6rem; }

.rb-story-block { background:#d0a068; color:#0a0b08; }
.rb-story-block p,.rb-story-block .rb-lead { color:rgba(10,11,8,.78); }
.rb-story-block .eyebrow { color:#70431f; }
.rb-story-block__grid { display:grid; grid-template-columns:.8fr 1fr; align-items:center; gap:clamp(60px,9vw,130px); }
.rb-story-block__visual { display:grid; place-items:center; min-height:590px; border:1px solid rgba(10,11,8,.28); border-radius:48% 48% 4px 4px; background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.18),transparent 25%),linear-gradient(140deg,#b67641,#17150f); box-shadow:0 45px 80px rgba(74,39,13,.2); }
.rb-story-block__visual span { color:#f0e4d2; font-family:"Playfair Display",serif; font-size:clamp(3rem,7vw,7rem); line-height:.85; text-align:center; }
.rb-story-block .button--outline { color:#0a0b08; border-color:rgba(10,11,8,.5); }

.rb-team-section { background:#0d0e0b; }
.rb-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.rb-team-card { overflow:hidden; border-bottom:1px solid var(--rb-v2-line); }
.rb-team-card__media { display:block; aspect-ratio:.78; overflow:hidden; background:#171812; }
.rb-team-card__media img,.rb-team-card__media .card-placeholder { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.rb-team-card:hover img { transform:scale(1.045); }
.rb-team-card > div { padding:22px 2px 24px; }
.rb-team-card span { color:var(--rb-v2-gold); font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.rb-team-card h3 { margin:8px 0; font-size:1.8rem; }
.rb-team-card p { margin:0; font-size:.82rem; }

.rb-gallery-section { background:#17130f; }
.rb-masonry-gallery { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:90px; gap:12px; }
.rb-masonry-gallery__item { position:relative; overflow:hidden; grid-column:span 3; grid-row:span 4; }
.rb-masonry-gallery__item:nth-child(1),.rb-masonry-gallery__item:nth-child(5) { grid-column:span 6; grid-row:span 6; }
.rb-masonry-gallery__item:nth-child(3),.rb-masonry-gallery__item:nth-child(6) { grid-row:span 5; }
.rb-masonry-gallery__item > div,.rb-masonry-gallery__item img,.rb-masonry-gallery__item .card-placeholder { width:100%; height:100%; object-fit:cover; }
.rb-masonry-gallery__item span { position:absolute; right:0; bottom:0; left:0; padding:34px 18px 16px; background:linear-gradient(transparent,rgba(0,0,0,.85)); font-weight:700; }
.rb-gallery-placeholder { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.rb-gallery-placeholder > div { min-height:330px; background:radial-gradient(circle at 50% 20%,rgba(215,169,111,.18),transparent 20%),linear-gradient(150deg,#282119,#0c0d0a); }
.rb-gallery-placeholder > div:nth-child(even) { transform:translateY(35px); }
.rb-gallery-placeholder p { grid-column:1/-1; margin:55px auto 0; text-align:center; }

.rb-review-section { background:#f0e4d2; color:#0a0b08; }
.rb-review-section p { color:rgba(10,11,8,.7); }
.rb-review-section .eyebrow { color:#8b542e; }
.rb-review-section__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; }
.rb-review-embed { padding:34px; border:1px solid rgba(10,11,8,.18); background:#fffaf2; box-shadow:18px 18px 0 #b87947; }
.rb-review-empty { display:grid; min-height:250px; place-items:center; text-align:center; }
.rb-review-empty strong { font-size:1.8rem; }
.rb-review-empty span { color:#cc8a20; font-size:1.8rem; letter-spacing:.15em; }
.rb-review-empty p { max-width:450px; }
.rb-center-action { margin-top:48px; text-align:center; }

.rb-journal { background:#0b0c09; }
.rb-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.rb-journal-card__media { display:block; aspect-ratio:1.35; overflow:hidden; }
.rb-journal-card__media img,.rb-journal-card__media .card-placeholder { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.rb-journal-card:hover img { transform:scale(1.045); }
.rb-journal-card > div { padding:24px 0; }
.rb-journal-card span { color:var(--rb-muted); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }
.rb-journal-card h3 { margin:12px 0; }
.rb-journal-card p { font-size:.86rem; }

.site-footer--v2 { padding-top:0; background:#080906; }
.site-footer__topline { display:flex; justify-content:space-around; gap:30px; overflow:hidden; padding:22px; border-top:1px solid var(--rb-v2-line); border-bottom:1px solid var(--rb-v2-line); color:rgba(240,228,210,.35); font-size:.66rem; font-weight:800; letter-spacing:.28em; white-space:nowrap; }
.site-footer__lead { display:flex; align-items:end; justify-content:space-between; gap:50px; padding-top:90px; padding-bottom:80px; border-bottom:1px solid var(--rb-v2-line); }
.site-footer__statement { max-width:850px; }
.site-footer__statement h2 { margin-bottom:0; font-size:clamp(2.5rem,4.5vw,5rem); }
.site-footer__grid--v2 { grid-template-columns:1.25fr .7fr .9fr .85fr; padding-top:70px; padding-bottom:70px; }
.footer-brand-column { padding-right:35px; }
.footer-link-list { margin:0; padding:0; list-style:none; }
.footer-link-list li { margin:10px 0; }
.footer-link-list a { color:var(--rb-text-soft); font-size:.86rem; }
.footer-socials { display:flex; flex-wrap:wrap; gap:8px; }
.footer-socials a { padding:7px 12px; border:1px solid var(--rb-v2-line); border-radius:999px; color:var(--rb-text-soft); font-size:.68rem; }
.footer-contact { font-style:normal; }
.footer-hours { white-space:pre-line; }
.footer-note { font-size:.76rem; }
.site-footer__bottom--v2 { display:flex; justify-content:space-between; gap:30px; }
.site-footer__bottom--v2 div { display:flex; gap:22px; }

.rb-about-hero { min-height:760px; padding-top:calc(var(--rb-header-height) + 130px); background:radial-gradient(circle at 76% 30%,rgba(168,102,56,.24),transparent 25%),#090a07; }
.rb-about-hero__grid { display:grid; grid-template-columns:1fr 280px; align-items:end; gap:80px; min-height:600px; padding-bottom:80px; }
.rb-about-hero h1 { max-width:1050px; font-size:clamp(4rem,8vw,8rem); line-height:.92; }
.rb-about-hero__note { padding:30px; border-top:1px solid var(--rb-v2-gold); }
.rb-about-hero__note span { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:3rem; line-height:.8; }
.rb-about-story__grid { display:grid; grid-template-columns:.8fr 1fr; align-items:center; gap:100px; }
.rb-about-story__visual { display:grid; place-items:center; min-height:620px; border-radius:48% 48% 4px 4px; background:radial-gradient(circle at 50% 25%,rgba(215,169,111,.22),transparent 20%),linear-gradient(145deg,#2b241b,#0c0d09); }
.rb-about-story__visual span { color:var(--rb-v2-gold); font-family:"Playfair Display",serif; font-size:5rem; }
.rb-about-principles { background:#15120e; }
.rb-hygiene { background:#d0a068; color:#0a0b08; }
.rb-hygiene p,.rb-hygiene .eyebrow { color:rgba(10,11,8,.7); }
.rb-hygiene__grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.rb-hygiene__list > div { display:grid; grid-template-columns:70px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid rgba(10,11,8,.2); }
.rb-hygiene__list strong { font-family:"Playfair Display",serif; font-size:1.8rem; }
.rb-about-cta { padding:130px 0; text-align:center; background:#090a07; }
.rb-about-cta h2 { max-width:900px; margin:0 auto 36px; }

@media (max-width:1100px) {
  .rb-editorial-hero__grid { grid-template-columns:1fr; }
  .rb-editorial-hero__side { max-width:420px; }
  .rb-editorial-hero__arch,.rb-editorial-hero__portrait { opacity:.42; }
  .rb-network-card { grid-template-columns:70px .75fr 1fr; }
  .rb-team-grid { grid-template-columns:repeat(2,1fr); }
  .site-footer__grid--v2 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:782px) {
  .rb-editorial-hero,.rb-editorial-hero__grid { min-height:820px; }
  .rb-editorial-hero__grid { padding-top:calc(var(--rb-header-height) + 95px); padding-bottom:60px; }
  .rb-editorial-hero h1,.rb-about-hero h1 { font-size:clamp(3.1rem,15vw,5.5rem); }
  .rb-editorial-hero__arch { right:-25%; width:90vw; }
  .rb-editorial-hero__portrait { right:-22%; width:75vw; }
  .rb-editorial-hero__side { display:none; }
  .rb-editorial-hero__actions,.rb-section-head,.site-footer__lead { align-items:flex-start; flex-direction:column; }
  .rb-branch-quick-info { gap:20px; margin-top:45px; }
  .rb-manifesto__grid,.rb-story-block__grid,.rb-review-section__grid,.rb-about-story__grid,.rb-hygiene__grid,.rb-about-hero__grid { grid-template-columns:1fr; gap:45px; }
  .rb-network-card { grid-template-columns:55px 1fr; }
  .rb-network-card__visual { grid-column:2; min-height:260px; }
  .rb-network-card__body { grid-column:2; padding:30px; }
  .rb-network-card__number { grid-row:1/3; }
  .rb-network-card__meta { align-items:flex-start; flex-direction:column; }
  .rb-values__grid,.rb-journal-grid { grid-template-columns:1fr; }
  .rb-service-row { grid-template-columns:40px 90px 1fr; gap:15px; }
  .rb-service-row__price { grid-column:3; align-items:flex-start; }
  .rb-service-row h3 { font-size:1.45rem; }
  .rb-team-grid { grid-template-columns:1fr 1fr; }
  .rb-masonry-gallery { grid-template-columns:repeat(2,1fr); grid-auto-rows:230px; }
  .rb-masonry-gallery__item,.rb-masonry-gallery__item:nth-child(n) { grid-column:auto; grid-row:auto; }
  .rb-gallery-placeholder { grid-template-columns:1fr 1fr; }
  .site-footer__grid--v2 { grid-template-columns:1fr; }
  .site-footer__bottom--v2,.site-footer__bottom--v2 div { align-items:flex-start; flex-direction:column; }
  .rb-about-hero { min-height:auto; }
  .rb-about-hero__grid { min-height:640px; }
}
@media (max-width:520px) {
  .rb-team-grid,.rb-gallery-placeholder { grid-template-columns:1fr; }
  .rb-gallery-placeholder > div:nth-child(even) { transform:none; }
  .rb-network-card { display:block; }
  .rb-network-card__number { display:none; }
  .rb-service-row { grid-template-columns:32px 1fr; }
  .rb-service-row__image { display:none; }
  .rb-service-row__price { grid-column:2; }
}
@media (prefers-reduced-motion:reduce) {
  .rb-marquee__track { animation:none; }
}

/* Royal Barber Multisite v2 additions and overrides */
:root {
  --rb-copper: #b77745;
  --rb-copper-light: #d9a26c;
  --rb-cream: #f2eadf;
  --rb-ink: #10100f;
  --rb-ink-soft: #191816;
  --rb-line: rgba(242, 234, 223, .16);
  --rb-muted: #afa79d;
}

body { background: var(--rb-ink); }
body.rb-network-main, body.rb-network-branch { overflow-x: hidden; }
.site-main { min-height: 60vh; }
.rb-v2 { background: var(--rb-ink); color: var(--rb-cream); }
.rb-v2 .section { position: relative; }
.rb-v2 .section:nth-of-type(even)::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 0 55%, rgba(183,119,69,.035) 55% 100%); }

.site-header { border-bottom-color: transparent; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.site-header.is-scrolled, body:not(.has-transparent-header) .site-header { background: rgba(16,16,15,.96); border-bottom-color: rgba(255,255,255,.09); box-shadow: 0 10px 35px rgba(0,0,0,.25); backdrop-filter: blur(16px); }
.site-header__inner { min-height: 86px; }
.text-logo { line-height: .9; letter-spacing: .16em; }
.text-logo span, .text-logo strong { display: block; }
.text-logo span { color: var(--rb-copper-light); font-size: .68rem; }
.text-logo strong { color: var(--rb-cream); font-size: 1.05rem; }
.header-phone { white-space: nowrap; font-size: .83rem; color: var(--rb-cream); }
.primary-navigation .menu > li > a { font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.language-switcher { display: flex; gap: 5px; align-items: center; font-size: .7rem; text-transform: uppercase; }

.rb-editorial-hero { min-height: 820px; isolation: isolate; }
.rb-editorial-hero::after { content: ""; position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 72% 38%, rgba(183,119,69,.2), transparent 30%), linear-gradient(130deg, #0b0b0a 0%, #141311 55%, #090909 100%); }
.rb-editorial-hero__portrait { background-image: linear-gradient(180deg, rgba(10,10,9,.05), rgba(10,10,9,.55)), var(--rb-hero-image, linear-gradient(145deg,#45362b,#161412)); background-size: cover; background-position: center; }
.rb-editorial-hero__arch { border: 1px solid rgba(217,162,108,.4); box-shadow: 0 0 90px rgba(183,119,69,.12); }
.rb-editorial-hero__copy h1 { text-wrap: balance; }
.rb-editorial-hero__copy p { max-width: 650px; }
.rb-editorial-hero__serial { max-width: 44vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-editorial-hero__side { backdrop-filter: blur(12px); background: rgba(8,8,8,.48); }

.rb-marquee { border-top: 1px solid var(--rb-line); border-bottom: 1px solid var(--rb-line); background: #0c0c0b; }
.rb-marquee__track { animation-duration: 34s; }

.rb-discount-strip { padding-top: 90px; background: #181512; }
.rb-discount-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.12); }
.rb-discount-card { min-height: 290px; padding: 34px; display: flex; flex-direction: column; align-items: flex-start; background: #11100f; position: relative; overflow: hidden; }
.rb-discount-card::before { content: "%"; position: absolute; right: -12px; bottom: -55px; font-family: "Playfair Display",serif; font-size: 12rem; color: rgba(183,119,69,.08); }
.rb-discount-card > span { color: var(--rb-copper-light); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.rb-discount-card h3 { margin: 28px 0 18px; font-size: 1.55rem; }
.rb-discount-card .text-link { margin-top: auto; }

.rb-price { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.rb-price strong { color: var(--rb-copper-light); font-size: 1.15rem; }
.rb-price del { color: var(--rb-muted); font-size: .85rem; }
.rb-discount-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: var(--rb-copper); color: #fff; font-size: .66rem; font-weight: 700; letter-spacing: .05em; }
.rb-service-row__price .rb-price { justify-content: flex-end; }
.rb-service-row__price .rb-discount-badge { display: none; }
.rb-discount-period { color: var(--rb-muted); }
.rb-discount-period strong { color: var(--rb-copper-light); }

.rb-network-card { --rb-card-image: linear-gradient(135deg,#493729,#181512); }
.rb-network-card__visual { background-image: linear-gradient(180deg,transparent 30%,rgba(5,5,5,.8)), var(--rb-card-image); background-size: cover; background-position: center; }
.rb-network-card:hover .rb-network-card__visual { transform: scale(.985); filter: saturate(1.08); }
.rb-network-card__actions { display: flex; flex-wrap: wrap; gap: 18px; }

.card-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.card-grid--gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
.card-grid--gallery .content-card:nth-child(3n+2) { transform: translateY(35px); }
.content-card__media { overflow: hidden; }
.content-card__media img { transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease; }
.content-card:hover .content-card__media img { transform: scale(1.045); filter: contrast(1.04); }
.content-card__meta .rb-price { margin-left: auto; }
.content-card__meta .rb-price strong { font-size: .95rem; }
.content-card__meta .rb-discount-badge { display: none; }

.rb-products-section { background: #f1e9dd; color: #1b1814; }
.rb-products-section .eyebrow, .rb-products-section .text-link { color: #8a5731; }
.rb-products-section .content-card { background: #fffaf3; color: #1b1814; border-color: rgba(20,18,15,.12); }
.rb-products-section .content-card p, .rb-products-section .content-card__meta { color: #756b60; }
.rb-products-section .content-card a { color: inherit; }
.rb-products-note { margin: 28px 0 0; padding: 17px 20px; border-left: 3px solid var(--rb-copper); background: rgba(183,119,69,.1); }

.rb-review-embed { min-height: 260px; }
.rb-review-placeholder { min-height: 260px; display: grid; place-content: center; text-align: center; padding: 40px; border: 1px dashed rgba(242,234,223,.25); background: rgba(255,255,255,.025); }
.rb-review-placeholder strong { font-family: "Playfair Display",serif; font-size: 1.45rem; }

.page-hero--booking { min-height: 520px; display: flex; align-items: end; background: radial-gradient(circle at 80% 30%,rgba(183,119,69,.18),transparent 30%),#10100f; }
.page-hero__grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 70px; align-items: end; }
.rb-booking-contact { border-left: 1px solid rgba(255,255,255,.2); padding-left: 32px; display: flex; flex-direction: column; gap: 12px; }
.rb-booking-contact span { color: var(--rb-copper-light); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.rb-booking-contact a { color: var(--rb-cream); font-size: 1.3rem; }
.rb-booking-process { padding: 0; background: #1b1713; }
.rb-process-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.rb-process-grid > div { padding: 28px 30px; border-right: 1px solid rgba(255,255,255,.1); display: flex; gap: 18px; align-items: center; }
.rb-process-grid strong { color: var(--rb-copper-light); font-family: "Playfair Display",serif; font-size: 1.8rem; }
.rb-process-grid span { color: var(--rb-cream); }
.section--booking { background: #eee5d9; color: #1a1714; }
.rb-booking-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 45px; align-items: start; }
.rb-booking-main { min-width: 0; padding: 38px; background: #fffaf3; box-shadow: 0 18px 60px rgba(33,25,18,.12); }
.rb-booking-aside { position: sticky; top: 120px; padding: 30px; color: var(--rb-cream); background: #161412; }
.rb-booking-aside h2 { margin-top: 0; }
.rb-booking-aside ul { padding-left: 19px; color: #c6bdb2; }
.rb-booking-aside li + li { margin-top: 13px; }
.rb-booking-state { padding: 55px; text-align: center; border: 1px dashed rgba(30,25,20,.25); }
.rb-booking-state h2 { color: #1a1714; }
.rb-booking-state p { max-width: 660px; margin: 15px auto 25px; color: #6f655a; }
.rb-booking-state--warning { border-color: #bb773f; background: rgba(183,119,69,.08); }
.rb-booking-embed input, .rb-booking-embed select, .rb-booking-embed textarea { max-width: 100%; }

.rb-about-hero { min-height: 720px; padding-top: 150px; display: flex; align-items: center; background: #11100f; }
.rb-about-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.8fr); gap: 80px; align-items: center; }
.rb-about-hero h1 { font-size: clamp(3.6rem,8vw,8.5rem); }
.rb-about-hero__image { min-height: 520px; border-radius: 45% 45% 4px 4px; background-image: linear-gradient(180deg,transparent,rgba(8,8,8,.45)), var(--rb-about-image,linear-gradient(145deg,#4c3828,#161412)); background-size: cover; background-position: center; border: 1px solid rgba(217,162,108,.3); }
.rb-about-intro { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 100px; }
.rb-about-values { background: #efe6da; color: #1a1714; }
.rb-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(31,25,20,.16); }
.rb-value-grid article { min-height: 310px; padding: 30px; background: #f8f1e7; }
.rb-value-grid strong { font-size: 2rem; color: #a66b3e; font-family: "Playfair Display",serif; }
.rb-value-grid h3 { margin: 70px 0 15px; }
.rb-value-grid p { color: #6e6257; }
.rb-about-steps { background: #141311; }
.rb-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--rb-line); }
.rb-timeline > div { padding: 28px 28px 20px 0; border-right: 1px solid var(--rb-line); }
.rb-timeline > div:not(:first-child) { padding-left: 28px; }
.rb-timeline span { color: var(--rb-copper-light); }
.rb-timeline p { color: var(--rb-muted); }

.product-detail-hero, .gallery-detail-hero { padding: 170px 0 95px; background: #11100f; }
.product-detail-hero__grid, .gallery-detail-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 75px; align-items: center; }
.product-detail-hero__media, .gallery-detail-hero__media { min-height: 580px; overflow: hidden; }
.product-detail-hero__media img, .gallery-detail-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.product-detail-hero__content h1, .gallery-detail-hero__content h1 { font-size: clamp(3rem,6vw,6.6rem); }
.rb-product-facts { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0; border-top: 1px solid var(--rb-line); border-bottom: 1px solid var(--rb-line); color: var(--rb-muted); }
.rb-product-facts strong { color: var(--rb-copper-light); }
.rb-product-price { margin: 25px 0; display: flex; flex-direction: column; }
.rb-product-price small { color: var(--rb-muted); }
.rb-product-price strong { font-size: 2rem; color: var(--rb-copper-light); }
.rb-contact-actions { display: flex; gap: 12px; flex-wrap: wrap; }

.info-row { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.info-row span { color: var(--rb-muted); }
.info-row a { color: inherit; }

.site-footer { background: #080808; }
.site-footer__top { padding: 90px 0 70px; border-top: 1px solid rgba(255,255,255,.1); }
.site-footer__grid { display: grid; grid-template-columns: 1.2fr .9fr .8fr 1.1fr; gap: 55px; }
.footer-brand p { max-width: 370px; color: #9f978e; }
.text-logo--footer { display: inline-block; margin-bottom: 20px; }
.footer-column h2 { margin: 0 0 20px; font-size: 1.15rem; }
.footer-column p { color: #9f978e; }
.footer-column .menu { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.footer-column .menu a, .footer-column a { color: #c8beb4; }
.footer-column--cta { padding: 28px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(145deg,rgba(183,119,69,.13),rgba(255,255,255,.02)); }
.footer-socials { display: flex; gap: 14px; flex-wrap: wrap; }
.footer-socials a { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--rb-copper-light); }
.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.08); }
.site-footer__bottom .container { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #827a72; font-size: .75rem; }
.site-footer__bottom .container > div { display: flex; gap: 18px; flex-wrap: wrap; }
.site-footer__bottom a { color: #a69e95; }

.rb-lightbox { position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,.92); display: grid; place-items: center; padding: 50px; }
.rb-lightbox[hidden] { display: none; }
.rb-lightbox img { max-width: min(1100px,92vw); max-height: 86vh; object-fit: contain; }
.rb-lightbox button { position: absolute; top: 20px; right: 25px; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: transparent; color: #fff; font-size: 2rem; cursor: pointer; }
.rb-lightbox-open { overflow: hidden; }

@media (max-width: 1180px) {
  .card-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rb-value-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .header-phone, .header-actions .language-switcher { display: none; }
  .page-hero__grid, .rb-booking-layout, .rb-about-hero__grid, .rb-about-intro, .product-detail-hero__grid, .gallery-detail-hero__grid { grid-template-columns: 1fr; }
  .rb-booking-aside { position: static; }
  .rb-process-grid { grid-template-columns: 1fr; }
  .rb-process-grid > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .rb-discount-grid { grid-template-columns: 1fr; }
  .rb-about-hero { min-height: auto; padding-bottom: 80px; }
  .rb-about-hero__image { min-height: 420px; }
  .rb-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .card-grid--gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .card-grid--gallery .content-card:nth-child(3n+2) { transform: none; }
}

@media (max-width: 640px) {
  .site-header__inner { min-height: 72px; }
  .header-actions .button { display: none; }
  .rb-editorial-hero { min-height: 730px; }
  .rb-editorial-hero__serial { max-width: 75vw; }
  .rb-service-row__price .rb-price { justify-content: flex-start; }
  .card-grid--4, .card-grid--gallery, .rb-value-grid, .rb-timeline, .site-footer__grid { grid-template-columns: 1fr; }
  .rb-timeline > div, .rb-timeline > div:not(:first-child) { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--rb-line); }
  .rb-booking-main { padding: 22px; }
  .rb-booking-state { padding: 34px 20px; }
  .product-detail-hero, .gallery-detail-hero { padding-top: 120px; }
  .product-detail-hero__media, .gallery-detail-hero__media { min-height: 380px; }
  .site-footer__top { padding: 65px 0 90px; }
  .site-footer__bottom .container { padding: 22px 0 90px; align-items: flex-start; flex-direction: column; }
  .rb-lightbox { padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .rb-marquee__track { animation: none !important; }
  .content-card__media img, .rb-network-card__visual { transition: none !important; }
}

/* Royal Barber 2.1 — redesigned network brand hub */
.rb-network-home--aggregate {
  --rb-hub-paper: #efe6d8;
  --rb-hub-paper-2: #f8f1e7;
  --rb-hub-ink: #12110f;
  --rb-hub-copper: #b77745;
  --rb-hub-muted: #a89f95;
}

.rb-network-hero {
  position: relative;
  min-height: 900px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 20%, rgba(183,119,69,.17), transparent 27%),
    linear-gradient(118deg, #0a0a09 0%, #131210 48%, #0b0b0a 100%);
}
.rb-network-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: linear-gradient(to right, #000, transparent 82%);
}
.rb-network-hero__grid {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(270px,.42fr);
  align-items: end;
  gap: 90px;
  padding-top: 170px;
  padding-bottom: 110px;
}
.rb-network-hero__copy { max-width: 900px; }
.rb-network-hero__copy h1 {
  max-width: 920px;
  margin: 22px 0 28px;
  font-size: clamp(4rem,8.7vw,9.4rem);
  line-height: .91;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.rb-network-hero__copy p {
  max-width: 660px;
  color: #c2b9ae;
  font-size: clamp(1rem,1.5vw,1.2rem);
}
.rb-network-hero__media {
  position: absolute;
  inset: 0 0 0 49%;
  z-index: 1;
  pointer-events: none;
}
.rb-network-hero__image {
  position: absolute;
  inset: 76px 0 0 4%;
  background-image:
    linear-gradient(90deg, #11100f 0%, rgba(17,16,15,.12) 25%, rgba(17,16,15,.05) 70%, #11100f 100%),
    linear-gradient(180deg, transparent 58%, #0d0d0c 100%),
    var(--rb-network-hero, linear-gradient(145deg,#59412e,#1d1915));
  background-size: cover;
  background-position: center;
  filter: saturate(.82) contrast(1.05);
}
.rb-network-hero__frame {
  position: absolute;
  width: min(35vw,520px);
  aspect-ratio: .78;
  top: 145px;
  left: 22%;
  border: 1px solid rgba(217,162,108,.47);
  border-radius: 48% 48% 4px 4px;
  box-shadow: 0 0 100px rgba(183,119,69,.11);
}
.rb-network-hero__vertical {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  color: rgba(242,234,223,.46);
  letter-spacing: .28em;
  font-size: .65rem;
  white-space: nowrap;
}
.rb-network-hero__summary {
  align-self: end;
  padding: 28px 0 5px 30px;
  border-left: 1px solid rgba(242,234,223,.22);
  backdrop-filter: blur(8px);
}
.rb-network-hero__summary > div {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 15px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(242,234,223,.13);
}
.rb-network-hero__summary strong {
  color: var(--rb-copper-light);
  font-family: "Playfair Display",serif;
  font-size: 2.7rem;
  font-weight: 600;
}
.rb-network-hero__summary span,
.rb-network-hero__summary p { color: #b3aba1; font-size: .84rem; }
.rb-network-hero__summary p { margin: 22px 0 0; line-height: 1.75; }
.rb-network-hero__scroll {
  position: absolute;
  z-index: 4;
  left: max(24px,calc((100vw - 1240px)/2));
  bottom: 30px;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #aaa198;
  font-size: .67rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.rb-network-hero__scroll span {
  width: 42px;
  height: 1px;
  background: var(--rb-copper-light);
}

.rb-network-intro { background: var(--rb-hub-paper); color: var(--rb-hub-ink); }
.rb-network-intro__grid {
  display: grid;
  grid-template-columns: 120px minmax(0,1.08fr) minmax(330px,.8fr);
  gap: 62px;
  align-items: start;
}
.rb-network-intro__index {
  color: rgba(18,17,15,.16);
  font-family: "Playfair Display",serif;
  font-size: clamp(5rem,9vw,9rem);
  line-height: .8;
}
.rb-network-intro h2 { margin: 0; font-size: clamp(3rem,6vw,6.5rem); line-height: .98; }
.rb-network-intro .eyebrow,
.rb-network-intro .text-link { color: #8a5731; }
.rb-network-intro__body { padding-top: 38px; }
.rb-network-intro__body p { color: #625b53; font-size: 1.06rem; }
.rb-network-intro__body .button { margin-top: 18px; color: #171411; border-color: rgba(23,20,17,.4); }

.rb-network-branches--featured { background: #0e0e0d; }
.rb-network-grid--immersive { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.rb-network-grid--immersive .rb-network-card { border: 1px solid rgba(255,255,255,.1); background: #151412; }
.rb-network-grid--immersive .rb-network-card:nth-child(3n+1) { grid-column: span 2; display: grid; grid-template-columns: 1.25fr .75fr; }
.rb-network-grid--immersive .rb-network-card__visual { min-height: 430px; }
.rb-network-grid--immersive .rb-network-card:nth-child(3n+1) .rb-network-card__visual { min-height: 570px; }
.rb-network-grid--immersive .rb-network-card__content { padding: 30px; }
.rb-network-grid--immersive .rb-network-card__content h3 { font-size: clamp(2rem,4vw,4.6rem); }
.rb-network-card__meta { margin: 18px 0; color: #8e867d; font-size: .77rem; }

.rb-network-services { background: #191613; }
.rb-network-service-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.12);
}
.rb-network-service-card { min-width: 0; background: #11100f; transition: transform .35s ease, background .35s ease; }
.rb-network-service-card:hover { transform: translateY(-8px); background: #171512; }
.rb-network-content-media {
  position: relative;
  display: block;
  min-height: 270px;
  overflow: hidden;
  background: linear-gradient(145deg,#493729,#191613);
}
.rb-network-content-media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease;
}
.rb-network-service-card:hover .rb-network-content-media img,
.rb-network-product-card:hover .rb-network-content-media img,
.rb-network-blog-card:hover .rb-network-content-media img { transform: scale(1.055); filter: contrast(1.04); }
.rb-network-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(242,234,223,.25);
  font-family: "Playfair Display",serif;
  font-size: 2.5rem;
  letter-spacing: .12em;
}
.rb-network-card-number {
  position: absolute;
  left: 18px;
  bottom: 14px;
  color: #fff;
  font-family: "Playfair Display",serif;
  font-size: 2.5rem;
}
.rb-network-service-card__body { min-height: 330px; display: flex; flex-direction: column; padding: 26px; }
.rb-source-pill {
  align-self: flex-start;
  display: inline-flex;
  padding: 6px 10px;
  border: 1px solid rgba(217,162,108,.35);
  border-radius: 999px;
  color: var(--rb-copper-light);
  font-size: .63rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rb-network-service-card h3 { margin: 22px 0 12px; font-size: 1.55rem; }
.rb-network-service-card p { color: #928a81; font-size: .88rem; }
.rb-network-service-card__footer {
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  border-top: 1px solid rgba(255,255,255,.1);
}
.rb-network-service-card__footer small { color: #8c847b; }
.rb-network-service-card__footer .rb-price { justify-content: flex-end; }
.rb-network-service-card__footer del { font-size: .72rem; }

.rb-network-team { background: var(--rb-hub-paper); color: var(--rb-hub-ink); }
.rb-network-team .eyebrow,
.rb-network-team .text-link { color: #8a5731; }
.rb-network-team .rb-section-head p { color: #6d655c; }
.rb-network-team-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.rb-network-team-card { background: #e4d8c8; }
.rb-network-team-card:nth-child(3n+2) { transform: translateY(45px); }
.rb-network-team-card__media { position: relative; display: block; min-height: 500px; overflow: hidden; background: #362a21; }
.rb-network-team-card__media img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform .55s ease; }
.rb-network-team-card:hover img { transform: scale(1.04); }
.rb-network-team-card__media > span:last-child {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 7px 11px;
  background: rgba(15,14,12,.82);
  color: #efe6d8;
  font-size: .67rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.rb-network-team-card > div { padding: 26px; }
.rb-network-team-card small { color: #8a5731; text-transform: uppercase; letter-spacing: .08em; }
.rb-network-team-card h3 { margin: 12px 0 8px; font-size: 2rem; }
.rb-network-team-card h3 a,
.rb-network-team-card .text-link { color: #171411; }
.rb-network-team-card p { color: #746b61; }

.rb-network-products { background: #f7efe4; color: #171411; }
.rb-network-products .eyebrow,
.rb-network-products .text-link { color: #8a5731; }
.rb-network-products .rb-section-head p { color: #6d655c; }
.rb-network-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.rb-network-product-card { background: #fffaf3; border: 1px solid rgba(20,18,15,.1); }
.rb-network-product-card .rb-network-content-media { min-height: 330px; background: #e8ddcf; }
.rb-network-product-card > div { padding: 24px; }
.rb-network-product-card h3 { margin: 20px 0 10px; font-size: 1.45rem; }
.rb-network-product-card h3 a { color: #171411; }
.rb-network-product-card p { color: #756b60; font-size: .87rem; }
.rb-network-product-card__footer { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-top: 20px; border-top: 1px solid rgba(20,18,15,.1); }
.rb-network-product-card__footer strong { color: #8a5731; }

.rb-network-gallery { background: #0e0e0d; }
.rb-network-masonry { columns: 4 250px; column-gap: 16px; }
.rb-network-masonry__item {
  position: relative;
  display: block;
  break-inside: avoid;
  margin-bottom: 16px;
  min-height: 250px;
  overflow: hidden;
  background: #241d18;
}
.rb-network-masonry__item:nth-child(4n+1) { min-height: 510px; }
.rb-network-masonry__item:nth-child(4n+2) { min-height: 330px; }
.rb-network-masonry__item img { width: 100%; min-height: inherit; height: 100%; object-fit: cover; transition: transform .55s ease; }
.rb-network-masonry__item:hover img { transform: scale(1.045); }
.rb-network-masonry__caption {
  position: absolute;
  inset: auto 0 0;
  padding: 70px 20px 20px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(transparent,rgba(0,0,0,.84));
}
.rb-network-masonry__caption small { color: var(--rb-copper-light); text-transform: uppercase; letter-spacing: .08em; }
.rb-network-masonry__caption strong { margin-top: 5px; color: #fff; font-size: 1.08rem; }

.rb-network-blog { background: #171512; }
.rb-network-blog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.rb-network-blog-card { display: grid; grid-template-columns: minmax(190px,.75fr) minmax(0,1fr); min-height: 320px; border: 1px solid rgba(255,255,255,.1); background: #11100f; }
.rb-network-blog-card .rb-network-content-media { min-height: 100%; }
.rb-network-blog-card > div { display: flex; flex-direction: column; padding: 28px; }
.rb-network-blog-card__meta { color: var(--rb-copper-light); font-size: .69rem; letter-spacing: .06em; text-transform: uppercase; }
.rb-network-blog-card h3 { margin: 18px 0 12px; font-size: 1.65rem; }
.rb-network-blog-card p { color: #918980; font-size: .87rem; }
.rb-network-blog-card .text-link { margin-top: auto; }

.rb-network-booking {
  padding: 120px 0;
  background:
    linear-gradient(90deg,rgba(13,13,12,.97),rgba(13,13,12,.76)),
    var(--rb-network-hero, linear-gradient(145deg,#493729,#171411));
  background-size: cover;
  background-position: center;
}
.rb-network-booking__intro { display: grid; grid-template-columns: .35fr 1.1fr .8fr; gap: 45px; align-items: start; margin-bottom: 55px; }
.rb-network-booking__intro h2 { margin: 0; font-size: clamp(3rem,6vw,6rem); line-height: .98; }
.rb-network-booking__intro p { color: #aaa198; }
.rb-network-booking__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.13); }
.rb-network-booking-card {
  min-height: 200px;
  display: grid;
  grid-template-columns: 70px 1fr 40px;
  gap: 20px;
  align-items: center;
  padding: 30px;
  color: #efe7dc;
  background: #12110f;
  transition: background .3s ease, transform .3s ease;
}
.rb-network-booking-card:hover { background: #1d1915; transform: translateY(-4px); }
.rb-network-booking-card > span { color: var(--rb-copper-light); font-family: "Playfair Display",serif; font-size: 1.9rem; }
.rb-network-booking-card small { color: #9c948b; letter-spacing: .08em; text-transform: uppercase; }
.rb-network-booking-card h3 { margin: 7px 0; font-size: 1.8rem; }
.rb-network-booking-card p { margin: 0; color: #8e867d; font-size: .82rem; }
.rb-network-booking-card > strong { font-size: 1.7rem; color: var(--rb-copper-light); }

/* Header: phone removed; keep CTA visually balanced. */
.rb-network-branch .header-actions,
.rb-network-main .header-actions { gap: 14px; }

@media (max-width: 1180px) {
  .rb-network-hero__grid { grid-template-columns: minmax(0,1fr) 260px; gap: 50px; }
  .rb-network-hero__media { left: 42%; }
  .rb-network-intro__grid { grid-template-columns: 80px 1fr; }
  .rb-network-intro__body { grid-column: 2; }
  .rb-network-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rb-network-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .rb-network-hero { min-height: 820px; align-items: end; }
  .rb-network-hero__grid { grid-template-columns: 1fr; padding-top: 150px; padding-bottom: 90px; }
  .rb-network-hero__media { inset: 0; opacity: .5; }
  .rb-network-hero__image { inset: 0; }
  .rb-network-hero__frame { right: 8%; left: auto; width: 48vw; opacity: .65; }
  .rb-network-hero__summary { max-width: 470px; }
  .rb-network-hero__vertical { display: none; }
  .rb-network-intro__grid { grid-template-columns: 1fr; gap: 30px; }
  .rb-network-intro__index { font-size: 5rem; }
  .rb-network-intro__body { grid-column: auto; padding-top: 0; }
  .rb-network-grid--immersive,
  .rb-network-grid--immersive .rb-network-card:nth-child(3n+1) { grid-template-columns: 1fr; }
  .rb-network-grid--immersive .rb-network-card:nth-child(3n+1) { grid-column: auto; display: block; }
  .rb-network-grid--immersive .rb-network-card__visual,
  .rb-network-grid--immersive .rb-network-card:nth-child(3n+1) .rb-network-card__visual { min-height: 390px; }
  .rb-network-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rb-network-team-card:nth-child(3n+2) { transform: none; }
  .rb-network-blog-grid { grid-template-columns: 1fr; }
  .rb-network-booking__intro { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 640px) {
  .rb-network-hero { min-height: 760px; }
  .rb-network-hero__copy h1 { font-size: clamp(3.35rem,16vw,5.5rem); }
  .rb-network-hero__summary { display: none; }
  .rb-network-hero__scroll { display: none; }
  .rb-network-intro h2,
  .rb-network-booking__intro h2 { font-size: 3rem; }
  .rb-network-service-grid,
  .rb-network-team-grid,
  .rb-network-product-grid,
  .rb-network-booking__grid { grid-template-columns: 1fr; }
  .rb-network-service-card__body { min-height: auto; }
  .rb-network-team-card__media { min-height: 430px; }
  .rb-network-blog-card { grid-template-columns: 1fr; }
  .rb-network-blog-card .rb-network-content-media { min-height: 260px; }
  .rb-network-masonry { columns: 2 140px; }
  .rb-network-masonry__item,
  .rb-network-masonry__item:nth-child(4n+1),
  .rb-network-masonry__item:nth-child(4n+2) { min-height: 230px; }
  .rb-network-booking { padding: 85px 0 110px; }
  .rb-network-booking-card { grid-template-columns: 50px 1fr 28px; padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .rb-network-service-card,
  .rb-network-content-media img,
  .rb-network-team-card__media img,
  .rb-network-masonry__item img,
  .rb-network-booking-card { transition: none !important; }
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .header-actions .language-switcher { display: none; }
}
@media (max-width: 640px) {
  .header-actions { display: none; }
}

/* Royal Barber 2.2 — branch media, directory, contact and per-site visual system */

:root {
  --rb-light-surface: #efe6d8;
  --rb-ease-out: cubic-bezier(.22,1,.36,1);
  --rb-ease-spring: cubic-bezier(.2,.8,.2,1.15);
}

/* Removed by product decision. */
.rb-marquee { display: none !important; }

/* Refined global motion and card treatment. */
.reveal {
  opacity: 0;
  transform: translateY(32px) scale(.985);
  transition: opacity .75s var(--rb-ease-out), transform .75s var(--rb-ease-out);
}
.reveal.is-visible { opacity: 1; transform: none; }
[data-tilt-card] {
  position: relative;
  isolation: isolate;
  transform-style: preserve-3d;
  transition: transform .35s var(--rb-ease-out), box-shadow .35s var(--rb-ease-out), border-color .35s ease;
}
[data-tilt-card]::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  opacity: 0;
  background: radial-gradient(circle at var(--rb-pointer-x,50%) var(--rb-pointer-y,50%), rgba(255,255,255,.11), transparent 38%);
  transition: opacity .25s ease;
}
[data-tilt-card]:hover::after { opacity: 1; }
[data-tilt-card]:hover { border-color: color-mix(in srgb, var(--rb-accent-bright) 55%, transparent); box-shadow: 0 28px 70px rgba(0,0,0,.3); }
.rb-network-content-media img,
.rb-team-card__media img,
.rb-directory-card__media::before,
.rb-philosophy__image,
.rb-branch-philosophy__visual > div { transition: transform .8s var(--rb-ease-out), filter .5s ease; }
article:hover .rb-network-content-media img,
.rb-team-card:hover .rb-team-card__media img,
.rb-directory-card:hover .rb-directory-card__media::before,
.rb-philosophy__visual:hover .rb-philosophy__image,
.rb-branch-philosophy__visual:hover > div { transform: scale(1.045); filter: saturate(1.05); }

/* Main-site philosophy redesign. */
.rb-philosophy {
  overflow: hidden;
  color: #17130f;
  background:
    radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--rb-accent) 20%, transparent), transparent 28%),
    var(--rb-light-surface);
}
.rb-philosophy p { color: rgba(23,19,15,.7); }
.rb-philosophy .eyebrow { color: var(--rb-accent-dark); }
.rb-philosophy__header {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(300px,.58fr);
  gap: clamp(45px,8vw,120px);
  align-items: end;
  margin-bottom: clamp(55px,8vw,110px);
}
.rb-philosophy__header h2 { max-width: 900px; margin: 0; font-size: clamp(3.2rem,6.6vw,7rem); line-height: .94; }
.rb-philosophy__header > p { max-width: 520px; margin: 0 0 10px; font-size: 1.04rem; }
.rb-philosophy__stage { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(420px,.72fr); gap: clamp(40px,7vw,100px); align-items: stretch; }
.rb-philosophy__visual {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  border-radius: 52% 52% 12px 12px;
  background: #211b16;
  box-shadow: 0 45px 100px rgba(67,42,23,.24);
}
.rb-philosophy__image {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 45%, rgba(7,7,6,.82) 100%),
    var(--rb-philosophy-image, radial-gradient(circle at 55% 25%, rgba(212,165,111,.28), transparent 25%), linear-gradient(145deg,#44301f,#11110f));
  background-position: center;
  background-size: cover;
}
.rb-philosophy__visual::before {
  position: absolute;
  inset: 24px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 52% 52% 6px 6px;
  content: "";
  pointer-events: none;
}
.rb-philosophy__quote {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  padding: 42px;
  color: #fff8ee;
}
.rb-philosophy__quote span { color: var(--rb-accent-bright); font-family: "Playfair Display",serif; font-size: 4rem; line-height: .8; }
.rb-philosophy__quote strong { max-width: 310px; font-family: "Playfair Display",serif; font-size: clamp(1.8rem,3vw,3rem); line-height: 1; text-align: right; }
.rb-philosophy__principles { display: flex; flex-direction: column; justify-content: center; gap: 0; }
.rb-philosophy__principles article {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 24px;
  padding: 30px 0;
  border-top: 1px solid rgba(23,19,15,.18);
}
.rb-philosophy__principles article > span { color: var(--rb-accent-dark); font-family: "Playfair Display",serif; font-size: 1.8rem; }
.rb-philosophy__principles h3 { margin-bottom: 9px; font-size: 1.7rem; }
.rb-philosophy__principles p { margin: 0; }
.rb-philosophy__principles .button { align-self: flex-start; margin-top: 34px; color: #17130f; border-color: rgba(23,19,15,.38); }
.rb-philosophy__principles .button:hover { color: var(--rb-text); background: #17130f; }

/* Branch information strip and philosophy. */
.rb-branch-location {
  position: relative;
  z-index: 5;
  padding: 52px 0;
  color: #18130f;
  background: var(--rb-light-surface);
  box-shadow: 0 25px 70px rgba(0,0,0,.15);
}
.rb-branch-location p { color: rgba(24,19,15,.66); }
.rb-branch-location .eyebrow { color: var(--rb-accent-dark); }
.rb-branch-location__grid { display: grid; grid-template-columns: minmax(220px,.5fr) minmax(0,1.5fr); gap: 60px; align-items: center; }
.rb-branch-location__heading h2 { margin: 0; font-size: clamp(2.2rem,4vw,4.3rem); }
.rb-branch-location__facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(24,19,15,.16); background: rgba(255,255,255,.22); }
.rb-branch-location__facts article { min-height: 175px; padding: 27px; border-right: 1px solid rgba(24,19,15,.14); }
.rb-branch-location__facts article:last-child { border-right: 0; }
.rb-branch-location__facts span { display: block; margin-bottom: 14px; color: rgba(24,19,15,.55); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.rb-branch-location__facts strong { display: block; color: #18130f; font-size: .95rem; line-height: 1.65; }
.rb-branch-location__facts a { display: inline-block; margin-top: 16px; color: var(--rb-accent-dark); font-size: .78rem; font-weight: 800; }
.rb-inline-contact { display: flex; flex-wrap: wrap; gap: 15px; }

.rb-branch-philosophy { color: #15120f; background: var(--rb-light-surface); }
.rb-branch-philosophy p { color: rgba(21,18,15,.69); }
.rb-branch-philosophy .eyebrow { color: var(--rb-accent-dark); }
.rb-branch-philosophy__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1fr); gap: clamp(55px,9vw,130px); align-items: center; }
.rb-branch-philosophy__visual { position: relative; min-height: 640px; overflow: hidden; border-radius: 52% 52% 8px 8px; background: #191511; box-shadow: 0 42px 90px rgba(60,36,18,.22); }
.rb-branch-philosophy__visual > div { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.75)), var(--rb-branch-about, radial-gradient(circle at 50% 25%, rgba(212,165,111,.26), transparent 25%), linear-gradient(145deg,#44301f,#11110f)); background-size: cover; background-position: center; }
.rb-branch-philosophy__visual::after { position: absolute; inset: 22px; border: 1px solid rgba(255,255,255,.22); border-radius: 52% 52% 4px 4px; content: ""; }
.rb-branch-philosophy__visual > span { position: absolute; right: 28px; bottom: 30px; left: 28px; z-index: 2; color: #f8ecdc; font-size: .75rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.rb-branch-philosophy__content h2 { font-size: clamp(3rem,5.5vw,5.8rem); }
.rb-branch-philosophy__points { display: grid; gap: 0; margin: 34px 0 38px; }
.rb-branch-philosophy__points span { padding: 17px 0; border-top: 1px solid rgba(21,18,15,.18); font-weight: 700; }
.rb-branch-philosophy__content .button--outline { color: #15120f; border-color: rgba(21,18,15,.45); }

/* Dedicated branch directory. */
.rb-directory-hero { padding: calc(var(--rb-header-height) + 120px) 0 90px; overflow: hidden; background: radial-gradient(circle at 80% 20%, color-mix(in srgb,var(--rb-accent) 30%,transparent), transparent 30%), #0d0e0c; }
.rb-directory-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 80px; align-items: end; }
.rb-directory-hero h1 { max-width: 900px; font-size: clamp(4rem,8vw,8.5rem); line-height: .92; }
.rb-directory-hero p { max-width: 650px; font-size: 1.08rem; }
.rb-directory-hero__count { padding: 30px 0 10px 30px; border-left: 1px solid var(--rb-border); }
.rb-directory-hero__count strong { display: block; color: var(--rb-accent-bright); font-family: "Playfair Display",serif; font-size: 5rem; line-height: .8; }
.rb-directory-hero__count span { display: block; margin-top: 16px; color: var(--rb-muted); font-size: .76rem; text-transform: uppercase; }
.rb-directory-list { background: var(--rb-bg-soft); }
.rb-directory-grid { display: grid; gap: 34px; }
.rb-directory-card { display: grid; grid-template-columns: minmax(320px,.75fr) minmax(0,1fr); min-height: 490px; overflow: hidden; border: 1px solid var(--rb-border); background: var(--rb-panel); }
.rb-directory-card__media { position: relative; display: block; min-height: 100%; overflow: hidden; background: #171713; }
.rb-directory-card__media::before { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,transparent 55%,rgba(0,0,0,.68)), var(--rb-directory-image, radial-gradient(circle at 50% 20%,rgba(212,165,111,.22),transparent 23%),linear-gradient(145deg,#2d281f,#0d0e0b)); background-size: cover; background-position: center; }
.rb-directory-card__media span { position: absolute; left: 30px; bottom: 24px; z-index: 2; color: #fff3e2; font-family: "Playfair Display",serif; font-size: 4rem; }
.rb-directory-card__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px,6vw,78px); }
.rb-directory-card__body h2 { font-size: clamp(2.7rem,4.5vw,5rem); }
.rb-directory-card__facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 12px 0 35px; }
.rb-directory-card__facts > div { padding-top: 18px; border-top: 1px solid var(--rb-border); }
.rb-directory-card__facts small { display: block; margin-bottom: 10px; color: var(--rb-muted); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }
.rb-directory-card__facts strong { font-size: .84rem; line-height: 1.65; }
.rb-directory-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.rb-directory-card__actions .text-link { margin-left: 6px; }

/* Gallery images and haircut videos. */
.rb-gallery-video-preview { position: relative; width: 100%; height: 100%; overflow: hidden; background: #0b0c0a; }
.rb-gallery-video-preview > img,
.rb-gallery-video-preview > video { width: 100%; height: 100%; object-fit: cover; }
.rb-gallery-video-preview::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62)); pointer-events: none; }
.rb-video-play { position: absolute; z-index: 4; top: 50%; left: 50%; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: #fff; background: rgba(8,8,7,.52); backdrop-filter: blur(10px); transform: translate(-50%,-50%); transition: transform .25s var(--rb-ease-spring), background .25s ease; }
a:hover .rb-video-play { transform: translate(-50%,-50%) scale(1.12); background: var(--rb-accent); }
.rb-gallery-video-preview > small { position: absolute; z-index: 4; left: 16px; bottom: 13px; color: #fff; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rb-masonry-gallery__item.is-video > span > small { display: block; margin-top: 4px; color: var(--rb-accent-bright); font-size: .62rem; text-transform: uppercase; }
.rb-network-masonry__item.is-video { isolation: isolate; }
.rb-gallery-video-player { width: 100%; height: 100%; min-height: 520px; background: #050505; }
.rb-gallery-video-player video { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: contain; background: #050505; }
.rb-gallery-video-player--embed { position: relative; height: 0; min-height: 0; padding-bottom: 56.25%; }
.rb-gallery-video-player--embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rb-gallery-video-fallback { display: grid; place-items: center; min-height: 480px; padding: 40px; text-align: center; background: var(--rb-panel); }
.content-card__media.is-video { position: relative; }

/* Contact UI and footer clarification. */
.rb-footer-professional { position: relative; background: #080906; }
.rb-footer-professional__lead { display: flex; justify-content: space-between; align-items: end; gap: 50px; padding-top: 90px; padding-bottom: 70px; border-bottom: 1px solid var(--rb-border); }
.rb-footer-professional__lead > div { max-width: 850px; }
.rb-footer-professional__lead h2 { margin: 0; font-size: clamp(2.7rem,5vw,5.4rem); }
.rb-footer-professional__grid { grid-template-columns: 1.18fr .8fr .8fr .8fr; padding-top: 68px; padding-bottom: 68px; }
.rb-footer-contact-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.rb-footer-contact-actions a { padding: 8px 13px; border: 1px solid var(--rb-border); border-radius: 999px; color: var(--rb-text-soft); font-size: .72rem; }
.rb-contact-dock { position: fixed; z-index: 999; right: 20px; bottom: 24px; display: flex; flex-direction: column; gap: 8px; padding: 8px; border: 1px solid var(--rb-border); border-radius: 18px; background: rgba(12,13,11,.86); box-shadow: 0 20px 55px rgba(0,0,0,.36); backdrop-filter: blur(18px); }
.rb-contact-dock a { display: grid; place-items: center; width: 56px; min-height: 56px; border-radius: 12px; color: var(--rb-text); transition: transform .2s ease, background .2s ease; }
.rb-contact-dock a:hover { transform: translateX(-3px); color: var(--rb-text); background: rgba(255,255,255,.08); }
.rb-contact-dock a.is-primary { color: var(--rb-dark); background: var(--rb-accent-bright); }
.rb-contact-dock span { font-size: 1.05rem; font-weight: 900; }
.rb-contact-dock small { margin-top: 2px; font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.mobile-booking-bar { display: none; }
.rb-final-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }

/* Ensure site-specific colors override older hard-coded section colors. */
.rb-services-showcase,
.rb-team-section,
.rb-network-team,
.rb-network-blog { background: var(--rb-bg); }
.rb-products-section,
.rb-network-products { background: var(--rb-bg-soft); }
.rb-gallery-section,
.rb-network-gallery { background: color-mix(in srgb, var(--rb-bg) 88%, var(--rb-accent-dark)); }
.rb-discount-strip { background: color-mix(in srgb, var(--rb-bg-soft) 88%, var(--rb-accent-dark)); }
.rb-network-branches { background: color-mix(in srgb, var(--rb-bg-soft) 92%, var(--rb-accent)); }
.rb-review-section { color: #15120f; background: var(--rb-light-surface); }

@media (max-width: 1100px) {
  .rb-philosophy__stage { grid-template-columns: 1fr 1fr; }
  .rb-branch-location__grid { grid-template-columns: 1fr; gap: 30px; }
  .rb-footer-professional__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rb-directory-card { grid-template-columns: minmax(280px,.72fr) 1fr; }
  .rb-directory-card__facts { grid-template-columns: 1fr; }
}

@media (max-width: 782px) {
  body.rb-network-branch { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
  .rb-philosophy__header,
  .rb-philosophy__stage,
  .rb-branch-philosophy__grid,
  .rb-directory-hero__grid,
  .rb-directory-card { grid-template-columns: 1fr; }
  .rb-philosophy__header { gap: 25px; }
  .rb-philosophy__visual,
  .rb-branch-philosophy__visual { min-height: 520px; }
  .rb-philosophy__quote { padding: 28px; }
  .rb-philosophy__principles article { grid-template-columns: 48px 1fr; }
  .rb-branch-location { padding: 42px 0; }
  .rb-branch-location__facts { grid-template-columns: 1fr; }
  .rb-branch-location__facts article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(24,19,15,.14); }
  .rb-branch-location__facts article:last-child { border-bottom: 0; }
  .rb-directory-hero { padding-top: calc(var(--rb-header-height) + 90px); }
  .rb-directory-hero__count { padding-left: 0; border-left: 0; }
  .rb-directory-card__media { min-height: 330px; }
  .rb-footer-professional__lead { align-items: flex-start; flex-direction: column; }
  .rb-footer-professional__grid { grid-template-columns: 1fr; }
  .rb-contact-dock { display: none; }
  .mobile-booking-bar {
    position: fixed;
    z-index: 1200;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0,1fr));
    gap: 1px;
    padding: 7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    border-top: 1px solid var(--rb-border);
    background: rgba(10,11,9,.94);
    box-shadow: 0 -12px 35px rgba(0,0,0,.28);
    backdrop-filter: blur(18px);
  }
  .mobile-booking-bar a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 52px; border-radius: 12px; color: var(--rb-text); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
  .mobile-booking-bar a span { font-size: .95rem; }
  .mobile-booking-bar a.is-primary { color: var(--rb-dark); background: var(--rb-accent-bright); }
  .rb-gallery-video-player,
  .rb-gallery-video-player video { min-height: 360px; }
}

@media (max-width: 520px) {
  .rb-philosophy__header h2,
  .rb-branch-philosophy__content h2 { font-size: clamp(2.7rem,13vw,4.5rem); }
  .rb-philosophy__visual,
  .rb-branch-philosophy__visual { min-height: 430px; }
  .rb-philosophy__quote strong { font-size: 1.7rem; }
  .rb-directory-card__body { padding: 30px 24px; }
  .rb-directory-card__actions .button { width: 100%; }
  .rb-video-play { width: 54px; height: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  [data-tilt-card],
  .rb-network-content-media img,
  .rb-team-card__media img,
  .rb-directory-card__media::before,
  .rb-philosophy__image,
  .rb-branch-philosophy__visual > div { transition: none !important; transform: none !important; }
}

/* Royal Barber 2.3 — Elementor, page navigation, contrast and mobile menu fixes */
:root {
  --rb-light-text: #17130f;
  --rb-button-text: #111210;
  --rb-control-height: 50px;
  --rb-section-gap: clamp(72px, 9vw, 128px);
}

body.menu-is-open { overflow: hidden; }
body.menu-is-open .site-header {
  background: var(--rb-bg) !important;
  border-bottom-color: var(--rb-border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.42) !important;
  backdrop-filter: blur(20px) !important;
}

/* Stable, consistent CTA system. */
.button,
.wp-element-button,
.elementor-button {
  min-height: var(--rb-control-height);
  padding: 0 26px;
  border: 1px solid var(--rb-accent);
  border-radius: 999px;
  color: var(--rb-button-text);
  background: var(--rb-accent-bright);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .075em;
  text-align: center;
  text-transform: uppercase;
}
.button:hover,
.wp-element-button:hover,
.elementor-button:hover { color: var(--rb-button-text); background: var(--rb-accent); }
.button--small { min-height: 42px; padding-inline: 19px; font-size: .7rem; }
.button--outline {
  color: var(--rb-text);
  background: transparent;
  border-color: color-mix(in srgb, var(--rb-text) 36%, transparent);
}
.button--outline:hover { color: var(--rb-bg); background: var(--rb-text); }

/* Light sections always receive a matching readable text system. */
.rb-philosophy,
.rb-branch-philosophy,
.rb-review-section,
.rb-branch-location,
.section--accent {
  color: var(--rb-light-text);
  background: var(--rb-light-surface);
}
.rb-philosophy h1, .rb-philosophy h2, .rb-philosophy h3,
.rb-branch-philosophy h1, .rb-branch-philosophy h2, .rb-branch-philosophy h3,
.rb-review-section h1, .rb-review-section h2, .rb-review-section h3,
.rb-branch-location h1, .rb-branch-location h2, .rb-branch-location h3,
.rb-philosophy strong, .rb-branch-philosophy strong, .rb-review-section strong,
.rb-branch-location strong { color: var(--rb-light-text); }
.rb-philosophy p, .rb-branch-philosophy p, .rb-review-section p,
.rb-branch-location p, .rb-branch-location span { color: color-mix(in srgb, var(--rb-light-text) 76%, transparent); }
.rb-philosophy .eyebrow, .rb-branch-philosophy .eyebrow,
.rb-review-section .eyebrow, .rb-branch-location .eyebrow { color: var(--rb-accent-dark); }
.rb-philosophy .button--outline,
.rb-branch-philosophy .button--outline,
.rb-review-section .button--outline,
.rb-branch-location .button--outline {
  color: var(--rb-light-text);
  border-color: color-mix(in srgb, var(--rb-light-text) 42%, transparent);
}
.rb-philosophy .button--outline:hover,
.rb-branch-philosophy .button--outline:hover,
.rb-review-section .button--outline:hover,
.rb-branch-location .button--outline:hover { color: var(--rb-text); background: var(--rb-bg); }

/* Page layouts and Elementor Free. */
.rb-page-shell { min-height: 65vh; }
.rb-page-content { padding-bottom: 36px; }
.rb-page-content .content-shell { width: min(100%, 920px); }
.rb-page-dynamic { padding-top: 40px; background: var(--rb-bg-soft); }
.rb-elementor-content,
.rb-elementor-full-width { width: 100%; overflow: clip; }
.rb-elementor-content__inner { width: 100%; }
.rb-elementor-built .page-hero { display: none; }
.elementor-page .site-main { overflow: clip; }
.elementor-page .elementor-widget-text-editor { color: var(--rb-text-soft); }
.elementor-page .elementor-heading-title { color: inherit; }

.rb-catalog-notice {
  display: grid;
  grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr);
  gap: 28px;
  align-items: start;
  margin: 0 0 34px;
  padding: 24px 28px;
  border: 1px solid var(--rb-border);
  border-left: 3px solid var(--rb-accent-bright);
  background: var(--rb-panel);
}
.rb-catalog-notice strong { color: var(--rb-text); font-family: "Playfair Display",serif; font-size: 1.35rem; }
.rb-catalog-notice p { margin: 0; color: var(--rb-text-soft); }
.rb-network-service-card--catalog .rb-network-service-card__body { min-height: 300px; }
.rb-network-service-card--catalog .text-link { margin-top: auto; }

/* Central product catalogue + branch contacts. */
.rb-product-branches { background: var(--rb-bg-soft); }
.rb-product-branch-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.rb-product-branch-card {
  display: flex;
  flex-direction: column;
  min-height: 370px;
  padding: 32px;
  border: 1px solid var(--rb-border);
  background: var(--rb-panel);
  box-shadow: 0 24px 55px rgba(0,0,0,.16);
}
.rb-product-branch-card h3 { color: var(--rb-text); font-size: 2rem; }
.rb-product-branch-card p,
.rb-product-branch-card__hours { color: var(--rb-text-soft); }
.rb-product-branch-card__hours { margin-top: auto; padding-top: 22px; border-top: 1px solid var(--rb-border); }
.rb-product-branch-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.rb-product-branch-card__actions .button { min-height: 44px; padding-inline: 17px; font-size: .67rem; }

/* Cleaner visual hierarchy for dynamic cards. */
.content-card,
.rb-network-service-card,
.rb-network-team-card,
.rb-network-product-card,
.rb-network-blog-card {
  border: 1px solid var(--rb-border);
  background: var(--rb-panel);
}
.content-card h2, .content-card h3,
.rb-network-service-card h3,
.rb-network-team-card h3,
.rb-network-product-card h3,
.rb-network-blog-card h3 { color: var(--rb-text); }
.content-card p,
.rb-network-service-card p,
.rb-network-team-card p,
.rb-network-product-card p,
.rb-network-blog-card p { color: var(--rb-text-soft); }
.rb-section-head { gap: clamp(28px,5vw,70px); }
.rb-section-head__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; max-width: 520px; }
.rb-section-head__actions p { margin: 0; text-align: right; }

/* Mobile navigation must remain opaque after scrolling and opening. */
@media (max-width: 1100px) {
  .primary-navigation {
    top: var(--rb-mobile-nav-top, var(--rb-header-height)) !important;
    z-index: 1190;
    height: calc(100dvh - var(--rb-mobile-nav-top, var(--rb-header-height)));
    overflow-y: auto;
    background: var(--rb-bg) !important;
    background-image: radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--rb-accent) 20%, transparent), transparent 28%) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
  }
  .primary-navigation.is-open { display: block !important; }
  .primary-navigation .menu { padding-bottom: 70px; }
  .primary-navigation a { color: var(--rb-text); }
  .menu-toggle { position: relative; z-index: 1201; }
  .site-header { background: color-mix(in srgb, var(--rb-bg) 96%, transparent); }
  .rb-product-branch-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 782px) {
  .rb-catalog-notice { grid-template-columns: 1fr; gap: 10px; }
  .rb-section-head__actions { align-items: flex-start; max-width: none; }
  .rb-section-head__actions p { text-align: left; }
  .rb-product-branch-grid { grid-template-columns: 1fr; }
  .rb-product-branch-card { min-height: auto; padding: 26px; }
  .button, .wp-element-button, .elementor-button { min-height: 48px; padding-inline: 21px; font-size: .72rem; }
}
.rb-product-branch-card__contact {
  display: grid;
  gap: 7px;
  margin-top: 18px;
  color: var(--rb-text-soft);
  font-size: .86rem;
}
.rb-product-branch-card__contact a { color: var(--rb-text-soft); overflow-wrap: anywhere; }
.rb-product-branch-card__contact a:hover { color: var(--rb-accent-bright); }

/**
 * Royal Barber v2.4 — Elementor-first compatibility.
 */

/* Elementor owns the full page content area without theme-imposed widths. */
.rb-elementor-full-width,
.rb-front-page-content,
.elementor-page .site-main {
    width: 100%;
    max-width: none;
    overflow: clip;
}

.rb-elementor-full-width > .elementor,
.rb-front-page-content > .elementor,
.elementor-page .elementor {
    width: 100%;
}

/* Avoid theme colors making Elementor editor controls unreadable. */
.elementor-page .elementor-widget-container,
.elementor-page .elementor-widget-text-editor {
    color: inherit;
}

.elementor-page .elementor-button,
.elementor-page a.elementor-button {
    color: var(--rb-button-text, #111210);
    text-decoration: none;
}

.elementor-page .elementor-button.elementor-button-link:hover,
.elementor-page .elementor-button.elementor-button-link:focus-visible {
    color: var(--rb-button-text, #111210);
}

/* Native Royal Barber Elementor widgets. */
.rb-elementor-widget {
    width: 100%;
}

.rb-elementor-widget__heading {
    max-width: 780px;
}

.rb-elementor-widget__heading .eyebrow {
    display: inline-block;
    margin-bottom: .75rem;
}

.rb-elementor-widget__heading h2 {
    margin: 0;
    color: var(--rb-text);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(2rem, 5vw, 4.5rem);
    line-height: .98;
}

.rb-elementor-widget__heading p {
    max-width: 680px;
    margin: 1rem 0 0;
    color: var(--rb-text-soft);
    font-size: 1.05rem;
    line-height: 1.75;
}

/* Dynamic branch information widget. */
.rb-branch-info-widget {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--rb-accent) 35%, transparent);
    border-radius: 24px;
    background: color-mix(in srgb, var(--rb-accent) 25%, transparent);
}

.rb-branch-info-widget__item {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .8rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--rb-panel);
}

.rb-branch-info-widget__item small {
    color: var(--rb-accent-bright);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rb-branch-info-widget__item strong {
    color: var(--rb-text);
    font-size: clamp(1rem, 2vw, 1.3rem);
    line-height: 1.55;
}

.rb-branch-info-widget__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.rb-google-reviews-embed,
.rb-booking-embed {
    width: 100%;
}

/* Starter content generated for sites upgraded from 2.3. */
.rb-starter-hero {
    position: relative;
    display: grid;
    min-height: min(78vh, 840px);
    place-items: center;
    overflow: hidden;
    padding: 9rem 1.5rem 6rem;
    background:
        radial-gradient(circle at 78% 25%, color-mix(in srgb, var(--rb-accent) 24%, transparent), transparent 35%),
        linear-gradient(145deg, var(--rb-bg), var(--rb-bg-soft));
    text-align: center;
}

.rb-starter-hero__inner {
    width: min(960px, 100%);
    margin-inline: auto;
}

.rb-starter-hero h1 {
    margin: .75rem 0 1.25rem;
    color: var(--rb-text);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(3.25rem, 9vw, 7.5rem);
    line-height: .88;
}

.rb-starter-hero p {
    max-width: 720px;
    margin: 0 auto 2rem;
    color: var(--rb-text-soft);
    font-size: clamp(1rem, 2vw, 1.25rem);
}

.rb-starter-section {
    padding: clamp(4.5rem, 9vw, 8rem) 1.5rem;
}

.rb-starter-section--light {
    background: var(--rb-light-surface);
    color: var(--rb-light-text);
}

.rb-starter-section__inner {
    width: min(1240px, 100%);
    margin-inline: auto;
}

.rb-starter-section__head {
    max-width: 760px;
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.rb-starter-section__head h2 {
    margin: 0;
    color: inherit;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(2.2rem, 5vw, 4.8rem);
    line-height: .98;
}

.rb-starter-section__head p {
    margin-top: 1rem;
    color: inherit;
    opacity: .76;
}

@media (max-width: 780px) {
    .rb-branch-info-widget {
        grid-template-columns: 1fr;
    }

    .rb-branch-info-widget__item {
        min-height: auto;
    }
}

/* Royal Barber v2.5 — native Elementor components and production layouts. */

.rb-elementor-full-width,
.rb-elementor-built .site-main {
    overflow: clip;
}

.rb-el-section.elementor-section {
    position: relative;
}

.rb-el-section--dark,
.rb-el-section--services,
.rb-el-section--hero,
.rb-el-section--cta {
    color: var(--rb-text);
}

.rb-el-section--light,
.rb-el-section--light .elementor-widget-text-editor,
.rb-el-section--light .elementor-heading-title {
    color: var(--rb-light-text);
}

.rb-el-section--light .rb-elementor-widget__heading h2,
.rb-el-section--light .rb-elementor-widget__heading p,
.rb-el-section--light .rb-el-feature-card h3,
.rb-el-section--light .rb-el-feature-card p {
    color: var(--rb-light-text);
}

.rb-el-section--light .eyebrow,
.rb-el-section--light .rb-el-feature-card__number {
    color: var(--rb-accent-dark);
}

.rb-el-eyebrow .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: Manrope, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.4;
    text-transform: uppercase;
}

.rb-el-eyebrow .elementor-heading-title::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.rb-el-heading .elementor-heading-title {
    max-width: 900px;
    margin: 0;
    font-family: "Playfair Display", serif;
    font-size: clamp(2.2rem, 4.4vw, 4.9rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.02;
}

.rb-el-lead {
    max-width: 760px;
}

.rb-el-lead p,
.rb-el-section .elementor-widget-text-editor p {
    margin: 0 0 1em;
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    line-height: 1.8;
}

.rb-el-notice {
    max-width: 900px;
    padding: 28px 32px;
    border-left: 3px solid var(--rb-accent);
    background: rgb(255 255 255 / 42%);
}

/* Hero component */
.rb-el-hero {
    --rb-el-hero-image: none;
    position: relative;
    display: grid;
    min-height: 78vh;
    align-items: end;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(130px, 16vw, 220px) max(24px, calc((100vw - 1240px) / 2)) clamp(76px, 9vw, 126px);
    background:
        linear-gradient(90deg, rgb(10 11 9 / 93%) 0%, rgb(10 11 9 / 72%) 48%, rgb(10 11 9 / 38%) 100%),
        var(--rb-el-hero-image),
        radial-gradient(circle at 78% 28%, rgb(185 130 79 / 25%), transparent 30%),
        linear-gradient(135deg, #0d0e0c 0%, #1b1c18 52%, #0d0e0c 100%);
    background-position: center;
    background-size: cover;
    color: var(--rb-text);
}

.rb-el-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgb(11 12 10 / 66%);
    content: "";
    pointer-events: none;
}

.rb-el-hero::after {
    position: absolute;
    z-index: -1;
    width: min(46vw, 720px);
    aspect-ratio: 1;
    right: -12%;
    bottom: -48%;
    border: 1px solid rgb(212 165 111 / 24%);
    border-radius: 50%;
    box-shadow: 0 0 0 60px rgb(212 165 111 / 4%), 0 0 0 120px rgb(212 165 111 / 3%);
    content: "";
}

.rb-el-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 760px;
}

.rb-el-hero .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: var(--rb-accent-bright);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
}

.rb-el-hero .eyebrow::before {
    width: 34px;
    height: 1px;
    background: currentColor;
    content: "";
}

.rb-el-hero h1 {
    max-width: 920px;
    margin: 0;
    color: var(--rb-text);
    font-family: "Playfair Display", serif;
    font-size: clamp(3.1rem, 7.4vw, 7.6rem);
    font-weight: 600;
    letter-spacing: -.052em;
    line-height: .94;
    text-wrap: balance;
}

.rb-el-hero__description {
    max-width: 680px;
    margin: 30px 0 0;
    color: var(--rb-text-soft);
    font-size: clamp(1.04rem, 1.45vw, 1.3rem);
    line-height: 1.75;
}

.rb-el-hero__actions,
.rb-el-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 36px;
}

.rb-el-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 34px;
    color: var(--rb-text-soft);
    font-size: .82rem;
    letter-spacing: .06em;
}

.rb-el-hero__badge span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rb-accent-bright);
    box-shadow: 0 0 0 6px rgb(212 165 111 / 12%);
}

.rb-el-hero__decor span {
    position: absolute;
    z-index: 1;
    top: 18%;
    right: 8%;
    width: 1px;
    height: 38%;
    background: linear-gradient(transparent, rgb(212 165 111 / 55%), transparent);
}

.rb-el-hero__decor span:last-child {
    top: 30%;
    right: 12%;
    height: 24%;
}

/* Feature grid */
.rb-el-feature-grid {
    --rb-feature-columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--rb-feature-columns), minmax(0, 1fr));
    gap: 20px;
    margin-top: 46px;
}

.rb-el-feature-card {
    position: relative;
    min-height: 270px;
    overflow: hidden;
    padding: clamp(28px, 3vw, 46px);
    border: 1px solid rgb(113 73 39 / 20%);
    background: rgb(255 255 255 / 28%);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.rb-el-section--dark .rb-el-feature-card,
.rb-el-section--services .rb-el-feature-card {
    border-color: rgb(212 165 111 / 16%);
    background: rgb(255 255 255 / 3%);
}

.rb-el-feature-card::after {
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 110px;
    height: 110px;
    border: 1px solid rgb(185 130 79 / 22%);
    border-radius: 50%;
    content: "";
    transition: transform .4s ease;
}

.rb-el-feature-card:hover {
    border-color: rgb(185 130 79 / 52%);
    box-shadow: 0 22px 70px rgb(15 12 8 / 12%);
    transform: translateY(-7px);
}

.rb-el-feature-card:hover::after {
    transform: scale(1.35);
}

.rb-el-feature-card__number {
    display: block;
    margin-bottom: 74px;
    color: var(--rb-accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .16em;
}

.rb-el-feature-card h3 {
    margin: 0 0 14px;
    font-family: "Playfair Display", serif;
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    line-height: 1.15;
}

.rb-el-feature-card p {
    max-width: 40ch;
    margin: 0;
    color: inherit;
    opacity: .78;
    line-height: 1.75;
}

/* Dynamic Elementor widgets */
.rb-elementor-widget__heading {
    max-width: 880px;
}

.rb-elementor-widget__heading .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--rb-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.rb-elementor-widget__heading .eyebrow::before {
    width: 26px;
    height: 1px;
    background: currentColor;
    content: "";
}

.rb-elementor-widget__heading h2 {
    margin: 0;
    color: var(--rb-text);
    font-family: "Playfair Display", serif;
    font-size: clamp(2.25rem, 4.8vw, 5rem);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.02;
    text-wrap: balance;
}

.rb-elementor-widget__heading p {
    max-width: 720px;
    margin: 22px 0 0;
    color: var(--rb-text-soft);
    font-size: 1.06rem;
    line-height: 1.75;
}

.rb-elementor-widget--clean .card-grid article,
.rb-elementor-widget--clean .rb-network-service-card,
.rb-elementor-widget--clean .rb-network-team-card,
.rb-elementor-widget--clean .rb-network-product-card,
.rb-elementor-widget--clean .rb-network-blog-card {
    border-radius: 0;
    box-shadow: none;
}

.rb-elementor-widget--compact .card-grid,
.rb-elementor-widget--compact .rb-network-service-grid,
.rb-elementor-widget--compact .rb-network-team-grid,
.rb-elementor-widget--compact .rb-network-product-grid,
.rb-elementor-widget--compact .rb-network-blog-grid {
    gap: 14px;
}

/* CTA */
.rb-el-cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
    gap: 40px;
    align-items: end;
    overflow: hidden;
    padding: clamp(42px, 6vw, 78px);
    border: 1px solid rgb(212 165 111 / 20%);
    background:
        radial-gradient(circle at 90% 20%, rgb(185 130 79 / 24%), transparent 34%),
        linear-gradient(135deg, #191a17, #0f100e);
    color: var(--rb-text);
}

.rb-el-cta::before {
    position: absolute;
    width: 320px;
    height: 320px;
    right: -150px;
    bottom: -190px;
    border: 1px solid rgb(212 165 111 / 22%);
    border-radius: 50%;
    content: "";
}

.rb-el-cta .eyebrow {
    color: var(--rb-accent-bright);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
}

.rb-el-cta h2 {
    max-width: 760px;
    margin: 14px 0 0;
    color: var(--rb-text);
    font-family: "Playfair Display", serif;
    font-size: clamp(2.2rem, 4.6vw, 4.9rem);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.02;
}

.rb-el-cta p {
    max-width: 680px;
    margin: 22px 0 0;
    color: var(--rb-text-soft);
    line-height: 1.75;
}

.rb-el-cta__actions {
    position: relative;
    z-index: 2;
    justify-content: flex-end;
}

/* Elementor editor quality-of-life */
.elementor-editor-active .rb-el-hero,
.elementor-editor-preview .rb-el-hero {
    min-height: 620px;
}

.elementor-editor-active .rb-el-section.elementor-section {
    min-height: 40px;
}

/* Consistent buttons across Elementor and theme */
.elementor-widget-button .elementor-button,
.rb-el-section .button,
.rb-elementor-widget .button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 24px;
    border: 1px solid var(--rb-accent-bright);
    border-radius: 0;
    background: var(--rb-accent-bright);
    color: var(--rb-button-text);
    font-family: Manrope, sans-serif;
    font-size: .84rem;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
}

.elementor-widget-button .elementor-button:hover,
.rb-el-section .button:hover,
.rb-elementor-widget .button:hover {
    border-color: var(--rb-text);
    background: var(--rb-text);
    color: var(--rb-bg);
    transform: translateY(-2px);
}

.rb-el-section .button--outline,
.rb-elementor-widget .button--outline {
    border-color: rgb(243 234 219 / 48%);
    background: transparent;
    color: var(--rb-text);
}

.rb-el-section .button--outline:hover,
.rb-elementor-widget .button--outline:hover {
    border-color: var(--rb-accent-bright);
    background: var(--rb-accent-bright);
    color: var(--rb-button-text);
}

@media (max-width: 1024px) {
    .rb-el-feature-grid {
        --rb-feature-columns: 2;
    }

    .rb-el-cta {
        grid-template-columns: 1fr;
    }

    .rb-el-cta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .rb-el-hero {
        min-height: 680px;
        align-items: center;
        padding: 130px 20px 84px;
        background:
            linear-gradient(180deg, rgb(10 11 9 / 82%), rgb(10 11 9 / 94%)),
            var(--rb-el-hero-image),
            linear-gradient(135deg, #0d0e0c, #1b1c18);
        background-position: center;
        background-size: cover;
    }

    .rb-el-hero h1 {
        font-size: clamp(2.85rem, 14vw, 4.6rem);
        line-height: .98;
    }

    .rb-el-hero__description {
        margin-top: 22px;
        font-size: 1rem;
    }

    .rb-el-hero__actions,
    .rb-el-cta__actions {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .rb-el-hero__actions .button,
    .rb-el-cta__actions .button {
        width: 100%;
    }

    .rb-el-feature-grid {
        --rb-feature-columns: 1;
    }

    .rb-el-feature-card {
        min-height: 230px;
    }

    .rb-el-feature-card__number {
        margin-bottom: 46px;
    }

    .rb-el-cta {
        padding: 36px 24px;
    }

    .rb-el-heading .elementor-heading-title,
    .rb-elementor-widget__heading h2,
    .rb-el-cta h2 {
        font-size: clamp(2.15rem, 11vw, 3.45rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rb-el-feature-card,
    .rb-el-section .button,
    .rb-elementor-widget .button {
        transition: none !important;
    }
}

/* Royal Barber 2.6.0 final design system and Elementor parity layer. */

:root {
  --rb-bg: #111210;
  --rb-bg-soft: #181916;
  --rb-panel: #20211d;
  --rb-text: #f3eadb;
  --rb-text-soft: #c9bfaf;
  --rb-accent: #b9824f;
  --rb-accent-bright: #d4a56f;
  --rb-accent-dark: #714927;
  --rb-light-surface: #efe6d8;
  --rb-light-text: #17130f;
  --rb-button-text: #111210;
  --rb-radius-sm: 12px;
  --rb-radius-md: 20px;
  --rb-radius-lg: 32px;
  --rb-shadow-sm: 0 14px 38px rgba(0,0,0,.16);
  --rb-shadow-lg: 0 30px 90px rgba(0,0,0,.28);
  --rb-ease-out: cubic-bezier(.22,1,.36,1);
  --rb-section-space: clamp(72px, 9vw, 136px);
}

html { scroll-behavior: smooth; }
body { color: var(--rb-text); background: var(--rb-bg); }
body.menu-is-open { overflow: hidden; }

/* A single predictable content canvas shared by frontend and Elementor preview. */
:where(.elementor, .elementor-page, .rb-elementor-built) {
  color: var(--rb-text);
  background: transparent;
}
:where(.elementor, .rb-elementor-built) :where(p, li, figcaption) { color: inherit; }
:where(.elementor, .rb-elementor-built) :where(h1,h2,h3,h4,h5,h6) { color: inherit; }

.rb-el-section,
.rb-elementor-widget { position: relative; isolation: isolate; }
.rb-el-section { padding-block: var(--rb-section-space); }
.rb-el-section--hero { padding-block: 0; }
.rb-el-section--dark { color: var(--rb-text); background: var(--rb-bg-soft); }
.rb-el-section--light { color: var(--rb-light-text); background: var(--rb-light-surface); }
.rb-el-section--light :where(h1,h2,h3,h4,h5,h6,p,li,strong,small) { color: inherit; }
.rb-el-section--light .eyebrow { color: var(--rb-accent-dark); }
.rb-el-section--cta { padding-block: clamp(56px, 7vw, 96px); }

/* Elementor section backgrounds are class-driven, never frozen to old HEX values. */
.elementor-section.rb-el-section--dark,
.e-con.rb-el-section--dark { background: var(--rb-bg-soft); }
.elementor-section.rb-el-section--light,
.e-con.rb-el-section--light { background: var(--rb-light-surface); }

/* Native Royal Barber widgets inherit the current site palette. */
.rb-elementor-widget__heading { margin-inline: auto; }
.rb-elementor-widget__heading h2 { color: var(--rb-text); text-wrap: balance; }
.rb-elementor-widget__heading p { color: var(--rb-text-soft); }
.rb-el-section--light .rb-elementor-widget__heading h2 { color: var(--rb-light-text); }
.rb-el-section--light .rb-elementor-widget__heading p { color: color-mix(in srgb, var(--rb-light-text) 72%, transparent); }

/* Buttons share one visual contract across theme, Gutenberg and Elementor. */
:where(.button, .wp-element-button, .elementor-button, button[type="submit"], input[type="submit"]) {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 24px;
  border: 1px solid var(--rb-accent);
  border-radius: 999px;
  color: var(--rb-button-text);
  background: var(--rb-accent-bright);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: transform .25s var(--rb-ease-out), box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
:where(.button, .wp-element-button, .elementor-button, button[type="submit"], input[type="submit"]):hover {
  color: var(--rb-button-text);
  background: color-mix(in srgb, var(--rb-accent-bright) 82%, white);
  border-color: var(--rb-accent-bright);
  transform: translateY(-2px);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--rb-accent) 26%, transparent);
}
:where(.button--outline, .elementor-button.rb-button-outline) {
  color: currentColor;
  background: transparent;
  border-color: color-mix(in srgb, currentColor 36%, transparent);
}
:where(.button--outline, .elementor-button.rb-button-outline):hover {
  color: var(--rb-bg);
  background: var(--rb-text);
  border-color: var(--rb-text);
}
.rb-el-section--light :where(.button--outline, .elementor-button.rb-button-outline):hover {
  color: var(--rb-text);
  background: var(--rb-light-text);
  border-color: var(--rb-light-text);
}

/* Professional card rhythm and readable contrast. */
:where(.service-card,.barber-card,.product-card,.post-card,.rb-directory-card,.rb-gallery-card,.rb-el-feature-card) {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--rb-text) 12%, transparent);
  border-radius: var(--rb-radius-md);
  background: color-mix(in srgb, var(--rb-panel) 94%, transparent);
  box-shadow: 0 1px 0 rgba(255,255,255,.03);
  transition: transform .45s var(--rb-ease-out), border-color .35s ease, box-shadow .45s ease;
}
:where(.service-card,.barber-card,.product-card,.post-card,.rb-directory-card,.rb-gallery-card,.rb-el-feature-card):hover {
  transform: translateY(-7px);
  border-color: color-mix(in srgb, var(--rb-accent) 56%, transparent);
  box-shadow: var(--rb-shadow-lg);
}
.rb-el-section--light :where(.service-card,.barber-card,.product-card,.post-card,.rb-directory-card,.rb-gallery-card,.rb-el-feature-card) {
  color: var(--rb-light-text);
  background: color-mix(in srgb, white 64%, var(--rb-light-surface));
  border-color: color-mix(in srgb, var(--rb-light-text) 13%, transparent);
}

/* Reusable motion classes. JavaScript adds is-visible in frontend and preview. */
.reveal,
.rb-motion-up,
.rb-motion-fade,
.rb-motion-scale {
  opacity: 0;
  transition: opacity .75s var(--rb-ease-out), transform .75s var(--rb-ease-out), filter .75s ease;
  will-change: transform, opacity;
}
.reveal,
.rb-motion-up { transform: translate3d(0,28px,0); }
.rb-motion-fade { transform: none; }
.rb-motion-scale { transform: scale(.975); filter: blur(2px); }
.reveal.is-visible,
.rb-motion-up.is-visible,
.rb-motion-fade.is-visible,
.rb-motion-scale.is-visible {
  opacity: 1;
  transform: none;
  filter: none;
}
.elementor-editor-active :where(.reveal,.rb-motion-up,.rb-motion-fade,.rb-motion-scale),
.elementor-editor-preview :where(.reveal,.rb-motion-up,.rb-motion-fade,.rb-motion-scale) {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Mobile navigation must stay opaque even when the transparent header is active. */
@media (max-width: 1100px) {
  .primary-navigation {
    position: fixed;
    z-index: 9998;
    top: var(--rb-mobile-nav-top, var(--rb-header-height));
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    padding: clamp(28px, 7vw, 54px);
    background: color-mix(in srgb, var(--rb-bg) 98%, black);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .24s ease, transform .3s var(--rb-ease-out), visibility .24s ease;
  }
  .primary-navigation.is-open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .primary-navigation .menu { align-items: stretch; }
  .primary-navigation a { display: block; padding-block: 8px; color: var(--rb-text); }
  .site-header:has(.primary-navigation.is-open),
  .site-header.is-scrolled { background: color-mix(in srgb, var(--rb-bg) 96%, black); }
}

/* Elementor editing canvas quality-of-life. */
.elementor-page .site-main,
.rb-elementor-full-width,
.rb-front-page-content { overflow: clip; }
.elementor-edit-area-active .rb-elementor-widget { min-height: 32px; }
.elementor-widget-empty-icon { color: var(--rb-accent); }

/* Responsive finishing. */
@media (max-width: 767px) {
  :root { --rb-section-space: 64px; }
  .rb-el-hero__content h1 { font-size: clamp(2.55rem, 13vw, 4rem); }
  .rb-el-hero__actions,
  .rb-el-cta__actions { width: 100%; }
  .rb-el-hero__actions :where(.button,.elementor-button),
  .rb-el-cta__actions :where(.button,.elementor-button) { width: 100%; }
  .rb-mobile-contact-bar { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  :where(.reveal,.rb-motion-up,.rb-motion-fade,.rb-motion-scale) { opacity: 1; transform: none; filter: none; }
}


/* Elementor editor motion preview: content stays selectable while updates remain visible. */
@keyframes rbEditorPreview {
  from { opacity: .55; transform: translate3d(0, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.elementor-editor-active .rb-editor-preview {
  animation: rbEditorPreview .48s cubic-bezier(.2,.75,.25,1) both;
}
@media (prefers-reduced-motion: reduce) {
  .elementor-editor-active .rb-editor-preview { animation: none; }
}

/* ================================================================
   Royal Barber 2.7.0 — final visual QA and Elementor Free controls
   ================================================================ */
:root {
  --rb-container: 1240px;
  --rb-fs-body: 1rem;
  --rb-fs-small: .78rem;
  --rb-fs-card-title: clamp(1.18rem, 1.3vw, 1.48rem);
  --rb-fs-section-title: clamp(2rem, 2.75vw, 3.35rem);
  --rb-fs-page-title: clamp(2.5rem, 3.45vw, 4.35rem);
  --rb-fs-hero: clamp(2.9rem, 3.65vw, 4.7rem);
  --rb-section-space: clamp(64px, 6.5vw, 96px);
}

body {
  font-size: var(--rb-fs-body);
  line-height: 1.68;
  overflow-wrap: break-word;
}

h1,h2,h3,h4,h5,h6,
.elementor-heading-title {
  letter-spacing: -.012em;
  line-height: 1.12;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: normal;
  font-kerning: normal;
}

h1 { font-size: var(--rb-fs-page-title); }
h2 { font-size: var(--rb-fs-section-title); }
h3 { font-size: var(--rb-fs-card-title); }
.section, .rb-el-section { padding-block: var(--rb-section-space); }
.rb-el-section--hero { padding-block: 0; }

/* Header navigation: Booking/Contact are excluded by PHP; CTA remains. */
.primary-navigation a { font-size: .72rem; letter-spacing: .045em; }
.header-actions .button { min-height: 42px; padding-inline: 20px; font-size: .7rem; }

/* One button contract for theme, Gutenberg and Elementor Free. */
:where(.button,.wp-element-button,.elementor-button,button[type="submit"],input[type="submit"]) {
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid var(--rb-accent-bright);
  border-radius: 999px;
  color: var(--rb-button-text);
  background: var(--rb-accent-bright);
  font-family: "Manrope",system-ui,sans-serif;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .075em;
  text-transform: uppercase;
  box-shadow: none;
}
:where(.button,.wp-element-button,.elementor-button,button[type="submit"],input[type="submit"]):hover {
  color: var(--rb-button-text);
  border-color: color-mix(in srgb,var(--rb-accent-bright) 78%,white);
  background: color-mix(in srgb,var(--rb-accent-bright) 84%,white);
  transform: translateY(-2px);
}
:where(.button--outline,.elementor-button.rb-button-outline) {
  color: var(--rb-text);
  border-color: color-mix(in srgb,var(--rb-text) 34%,transparent);
  background: transparent;
}
.rb-standard-button { margin-top: 30px; text-align:left; }
.rb-standard-button .elementor-button {
  min-width: 210px;
  color:var(--rb-button-text);
  border-color:var(--rb-accent-bright);
  background:var(--rb-accent-bright);
}
.rb-elementor-section-heading { max-width:820px; margin:0 0 36px; text-align:left; }
.rb-elementor-section-heading h2 { margin:0; font-size:var(--rb-fs-section-title); line-height:1.12; }
.rb-elementor-section-heading p { max-width:720px; margin:16px 0 0; color:var(--rb-text-soft); }

/* Section headings always default to the left and remain responsive. */
.rb-elementor-widget__heading,
.rb-el-section > .elementor-container,
.rb-el-section .elementor-widget-wrap { min-width: 0; }
.rb-elementor-widget__heading {
  max-width: 820px;
  margin-inline: 0;
  text-align: left;
}
.rb-elementor-widget__heading h2,
.rb-el-heading .elementor-heading-title,
.rb-el-section .elementor-widget-heading .elementor-heading-title {
  max-width: 920px;
  margin: 0;
  color: inherit;
  font-size: var(--rb-fs-section-title);
  line-height: 1.12;
  letter-spacing: -.014em;
}
.rb-elementor-widget__heading p,
.rb-el-lead .elementor-widget-container,
.rb-el-lead p {
  max-width: 720px;
  margin: 18px 0 0;
  font-size: clamp(.96rem,1vw,1.08rem);
  line-height: 1.72;
}
.rb-el-section--dark,
.rb-el-section--surface,
.rb-el-section--branches,
.rb-el-section--directory,
.rb-el-section--services-list,
.rb-el-section--team-list,
.rb-el-section--blog-list,
.rb-el-section--gallery-list,
.rb-el-section--branch-info {
  color: var(--rb-text);
  background: var(--rb-bg-soft);
}
.rb-el-section--surface {
  background:
    radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--rb-accent) 12%,transparent),transparent 30%),
    var(--rb-bg-soft);
}
.rb-el-section--dark :where(.elementor-heading-title,.elementor-widget-text-editor,p),
.rb-el-section--surface :where(.elementor-heading-title,.elementor-widget-text-editor,p) { color: inherit; }
.rb-el-section--light { color: var(--rb-light-text); background: var(--rb-light-surface); }
.rb-el-section--light :where(.elementor-heading-title,h1,h2,h3,h4,p,li) { color: inherit; }

/* Full-screen hero: bounded typography, safe Vietnamese line-height and full image. */
.rb-el-hero {
  display: block;
  min-height: 100svh;
  padding:
    calc(var(--rb-header-height) + clamp(28px,4vh,52px))
    max(24px,calc((100vw - var(--rb-container)) / 2))
    clamp(64px,9vh,108px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.rb-el-hero__content { max-width: 880px; }
.rb-el-hero h1 {
  max-width: 980px;
  font-size: var(--rb-fs-hero);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.014em;
  text-wrap: pretty;
}
.rb-el-hero__description {
  max-width: 650px;
  margin-top: 22px;
  font-size: clamp(1rem,1.1vw,1.16rem);
  line-height: 1.72;
}
.rb-el-hero__actions { margin-top: 28px; }
.rb-el-hero__badge { margin-top: 26px; font-size: .76rem; }

/* Philosophy/value cards use the same dark design language everywhere. */
.rb-el-feature-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
  margin-top: 38px;
}
.rb-el-feature-card {
  display: flex;
  min-height: 225px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid color-mix(in srgb,var(--rb-text) 12%,transparent);
  border-radius: 18px;
  color: var(--rb-text);
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--rb-accent) 6%,transparent),transparent 55%),
    color-mix(in srgb,var(--rb-bg-soft) 94%,var(--rb-accent) 6%);
}
.rb-el-feature-card__number {
  margin-bottom: 26px;
  color: var(--rb-accent-bright);
  font-size: .72rem;
}
.rb-el-feature-card h3 {
  margin: auto 0 10px;
  color: var(--rb-text);
  font-size: clamp(1.18rem,1.3vw,1.46rem);
  line-height: 1.16;
}
.rb-el-feature-card p {
  margin: 0;
  color: var(--rb-text-soft);
  font-size: .94rem;
  line-height: 1.68;
  opacity: 1;
}
.rb-el-feature-card::after { width: 80px; height: 80px; opacity: .65; }

/* Elementor-native dynamic components. */
.rb-component-list { width: 100%; }
.rb-widget-grid,
.card-grid.rb-widget-grid,
.rb-directory-grid.rb-widget-grid,
.rb-network-service-grid.rb-widget-grid,
.rb-network-team-grid.rb-widget-grid,
.rb-network-product-grid.rb-widget-grid,
.rb-network-blog-grid.rb-widget-grid,
.rb-network-masonry.rb-widget-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
  columns: auto;
  border: 0;
  background: transparent;
}
.rb-widget-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--rb-text) 12%,transparent);
  border-radius: 18px;
  color: var(--rb-text);
  background: var(--rb-panel);
  box-shadow: none;
  transform: none;
}
.rb-widget-card__media,
.content-card__media {
  display: block;
  width: 100%;
  height: 230px;
  min-height: 230px;
  aspect-ratio: auto;
  overflow: hidden;
}
.rb-widget-card__media img,
.content-card__media img { width:100%; height:100%; object-fit:cover; }
.rb-widget-card__body,
.rb-manual-card .rb-widget-card__body { padding: 24px; }
.rb-widget-card__meta {
  display: block;
  margin-bottom: 12px;
  color: var(--rb-accent-bright);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rb-widget-card__title,
.content-card h2,
.content-card h3,
.rb-network-service-card h3,
.rb-network-product-card h3,
.rb-network-blog-card h3,
.rb-network-team-card h3 {
  margin: 0 0 10px;
  color: var(--rb-text);
  font-size: var(--rb-fs-card-title);
  line-height: 1.16;
}
.rb-widget-card__title a { color: inherit; }
.rb-widget-card__excerpt,
.content-card p,
.rb-network-service-card p,
.rb-network-product-card p,
.rb-network-blog-card p,
.rb-network-team-card p {
  margin: 0 0 18px;
  color: var(--rb-text-soft);
  font-size: .91rem;
  line-height: 1.65;
}
.rb-widget-card__button { margin-top: auto; }
.rb-card-style--minimal .rb-widget-card { border-radius: 0; background: transparent; }
.rb-card-style--outlined .rb-widget-card { background: transparent; }
.rb-hide-image .rb-widget-card__media,
.rb-hide-image .content-card__media { display:none; }
.rb-hide-meta .rb-widget-card__meta,
.rb-hide-meta .content-card__meta { display:none; }
.rb-hide-excerpt .rb-widget-card__excerpt,
.rb-hide-excerpt .content-card p { display:none; }
.rb-hide-button .rb-widget-card__button,
.rb-hide-button .content-card .text-link { display:none; }

/* Services: exactly three cards per desktop row with comfortable rhythm. */
.rb-component-list--services .rb-widget-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.rb-network-service-card__body { min-height: 0; padding: 24px; }
.rb-network-service-card--catalog .rb-network-service-card__body { min-height: 230px; }
.rb-catalog-notice { margin-bottom: 30px; border-radius: 14px; }

/* Branches are compact cards, not oversized two-column banners. */
.rb-component-list--branches .rb-directory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.rb-component-list--branches .rb-directory-card {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
.rb-component-list--branches .rb-directory-card__media { height: 195px; min-height: 195px; }
.rb-component-list--branches .rb-directory-card__media span { left: 20px; bottom: 14px; font-size: 1.9rem; }
.rb-component-list--branches .rb-directory-card__body { justify-content: flex-start; padding: 24px; }
.rb-component-list--branches .rb-directory-card__body h3 { margin: 0 0 14px; font-size: 1.38rem; }
.rb-component-list--branches .rb-directory-card__facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 20px;
}
.rb-component-list--branches .rb-directory-card__facts > div { padding-top: 12px; }
.rb-component-list--branches .rb-directory-card__facts strong { font-size: .82rem; line-height: 1.55; }
.rb-component-list--branches .rb-directory-card__actions { margin-top: auto; }
.rb-component-list--branches .rb-directory-card__actions .button { width: auto; }

/* Product and blog cards share the same proportions. */
.rb-network-product-card .rb-network-content-media,
.rb-network-blog-card .rb-network-content-media,
.rb-network-team-card .rb-network-content-media { min-height: 230px; }
.rb-network-blog-card { display:flex; min-height:0; flex-direction:column; }
.rb-network-blog-card > div { padding:24px; }
.rb-network-team-card:nth-child(3n+2) { transform:none; }
.rb-network-team-card__media { min-height:270px; }

/* Editable branch information component. */
.rb-branch-info-widget {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.rb-branch-info-widget__item {
  min-height:190px;
  padding:26px;
  border:1px solid var(--rb-border);
  border-radius:18px;
  background:var(--rb-panel);
}
.rb-branch-info-widget__item small { color:var(--rb-accent-bright); }
.rb-branch-info-widget__item strong { color:var(--rb-text); font-size:1rem; line-height:1.65; }

/* Accessible numbered pagination. */
.rb-pagination { margin-top:48px; }
.rb-pagination ul.page-numbers {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}
.rb-pagination a,
.rb-pagination span {
  display:grid;
  min-width:42px;
  height:42px;
  place-items:center;
  padding-inline:12px;
  border:1px solid var(--rb-border);
  border-radius:999px;
  color:var(--rb-text);
  background:var(--rb-panel);
  font-size:.78rem;
  font-weight:800;
}
.rb-pagination .current,
.rb-pagination a:hover { color:var(--rb-button-text); border-color:var(--rb-accent-bright); background:var(--rb-accent-bright); }

/* CTA remains proportional and consistent with the global button system. */
.rb-el-cta { padding:clamp(38px,5vw,64px); border-radius:22px; }
.rb-el-cta h2 { font-size:clamp(1.9rem,2.7vw,3.25rem); line-height:1.08; }

/* Large monitors: keep content readable while the image remains full-screen. */
@media (min-width: 1800px) {
  :root { --rb-container: 1320px; }
  .rb-el-hero { padding-left:max(32px,calc((100vw - var(--rb-container))/2)); padding-right:max(32px,calc((100vw - var(--rb-container))/2)); }
  .rb-el-hero h1 { max-width: 960px; }
}

@media (max-width: 1024px) {
  :root { --rb-fs-hero:clamp(2.8rem,6vw,4.15rem); }
  .rb-widget-grid,
  .card-grid.rb-widget-grid,
  .rb-component-list--branches .rb-directory-grid,
  .rb-component-list--services .rb-widget-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rb-el-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rb-branch-info-widget { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767px) {
  :root {
    --rb-fs-hero:clamp(2.35rem,10vw,3.25rem);
    --rb-fs-section-title:clamp(1.8rem,8vw,2.65rem);
    --rb-section-space:64px;
  }
  .container { width:min(calc(100% - 32px),var(--rb-container)); }
  .rb-el-hero {
    min-height:calc(100svh - 10px);
    padding:calc(var(--rb-header-height) + 24px) 18px 58px;
    background-position:center center;
  }
  .rb-el-hero h1 { line-height:1.13; }
  .rb-el-hero__actions { display:grid; grid-template-columns:1fr; width:100%; }
  .rb-el-hero__actions .button { width:100%; }
  .rb-widget-grid,
  .card-grid.rb-widget-grid,
  .rb-component-list--branches .rb-directory-grid,
  .rb-component-list--services .rb-widget-grid,
  .rb-el-feature-grid,
  .rb-branch-info-widget { grid-template-columns:1fr; }
  .rb-widget-card__media,.content-card__media { height:220px; min-height:220px; }
  .rb-component-list--branches .rb-directory-card__media { height:210px; min-height:210px; }
  .rb-el-feature-card { min-height:220px; padding:26px; }
  .rb-standard-button .elementor-button { width:100%; min-width:0; }
}

/* Gallery controls share the generic Elementor visibility contract. */
.rb-component-list--gallery.rb-hide-image .rb-network-masonry__item > img,
.rb-component-list--gallery.rb-hide-image .content-card__media { display:none; }
.rb-component-list--gallery.rb-hide-meta .rb-network-masonry__caption small { display:none; }
.rb-component-list--gallery .rb-network-masonry__item {
  position:relative;
  min-height:260px;
  border-radius:18px;
}


/* Final handoff alignment and internal-page hero safeguards. */
.section-heading {
  max-width: 820px;
  margin: 0 0 40px;
  text-align: left;
}
.section-heading p { max-width: 720px; margin-inline: 0; }
.rb-el-section--page-hero .rb-el-hero {
  min-height: max(520px, 62svh);
  padding-top: clamp(36px, 5vh, 64px);
  padding-bottom: clamp(52px, 7vh, 84px);
}
.rb-el-section--page-hero .rb-el-hero h1 {
  max-width: 900px;
  font-size: clamp(2.45rem, 3.1vw, 4rem);
  line-height: 1.13;
}
.rb-el-section--page-hero .rb-el-hero__description {
  max-width: 700px;
  font-size: clamp(.98rem, 1vw, 1.1rem);
}
@media (max-width: 767px) {
  .section-heading { margin-bottom: 30px; }
  .rb-el-section--page-hero .rb-el-hero {
    min-height: max(480px, 64svh);
    padding-top: 34px;
    padding-bottom: 52px;
  }
  .rb-el-section--page-hero .rb-el-hero h1 {
    font-size: clamp(2.2rem, 10vw, 3.15rem);
  }
}