/* Public website visual theme. Brand tokens and shared public components only. */

/* Braj Resort Samod — single public theme source of truth; historical refinements merged in final cascade order. */

.brs-app {

  color: var(--r-ink);
  font-family: Arial,Helvetica,sans-serif;
  background: #fbfdff;
  font-size: 14px;
  line-height: 1.5;
  overflow-x: clip;

}

.brs-app * {

  box-sizing: border-box;

}

.brs-app [hidden] {

  display: none !important;

}

.brs-app img {

  filter: none !important;
  backdrop-filter: none !important;
  image-rendering: auto;
  opacity: 1;

}

.brs-app .r-icon {

  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  vertical-align: middle;

}

.brs-app a {

  text-decoration: none;

}

.brs-app a:focus-visible,.brs-app button:focus-visible,.brs-app input:focus-visible,.brs-app select:focus-visible {

  outline: 3px solid #8ab6ff;
  outline-offset: 3px;

}

.brs-app button,.brs-app a,.brs-app input,.brs-app select {

  touch-action: manipulation;

}

.brs-app .eyebrow {

  font: 700 11px/1.6 Arial,sans-serif;
  letter-spacing: .18em;
  color: #7290af;
  text-transform: uppercase;
  margin: 0 0 7px;

}

.brs-app .btn {

  min-height: 40px;
  border-radius: 7px;
  padding: 10px 18px;
  font: 600 13px/1.25 Arial,sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: none;
  white-space: nowrap;
  transition: background .15s,box-shadow .15s,transform .15s;

}

.brs-app .btn:hover {

  transform: translateY(-1px);
  box-shadow: 0 5px 16px #143c6610;

}

.brs-app .btn.gold {

  background: linear-gradient(115deg,#c39750,#8e6c31);
  border: 1px solid #b18b4d;
  color: #fff;

}

.brs-app .btn.light {

  color: #98702e;
  background: #fff;
  border: 1px solid #bfa476;

}

.brs-app .btn.sm {

  min-height: 32px;
  padding: 7px 11px;
  font-size: 12px;

}

.brs-app .input,.brs-app .select {

  background: #fff;
  border: 1px solid #d8e3ef;
  border-radius: 7px;
  min-height: 40px;
  color: var(--r-ink);
  padding: 9px 12px;
  font: 13px/1.4 Arial,sans-serif;
  box-shadow: none;

}

.brs-app .input:focus,.brs-app .select:focus {

  border-color: #76a5ff;

}

.brs-app .field {

  font: 13px/1.5 Arial,sans-serif;
  color: #355575;
  display: flex;
  flex-direction: column;
  gap: 5px;

}

.brs-app .form-grid {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;

}

.brs-app .full,.brs-app .wide {

  grid-column: 1/-1;

}

.brs-app .muted {

  color: var(--r-muted);

}

.brs-app .small {

  font-size: 12px;

}

.brs-app .cluster {

  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}

.brs-app .reveal {

  opacity: 1 !important;
  transform: none !important;
  animation: none !important;

}

.brs-app .status {

  display: inline-block;
  color: #087849;
  background: #e2f7ee;
  border: 0;
  padding: 6px 10px;
  border-radius: 20px;
  font: 600 11px Arial,sans-serif;
  white-space: nowrap;

}

.brs-app .status.warn,.brs-app .status.gray {

  background: #fff5de;
  color: #a57618;

}

.brs-app .status.danger {

  background: #fdebf1;
  color: #ca3970;

}

.brs-app.r-public {

  background: #fffefa;
  color: #102e45;
  font-family: Georgia,"Times New Roman",serif;

}

.r-public h1,.r-public h2,.r-public h3 {

  font-family: Georgia,"Times New Roman",serif;
  color: #092b43;
  letter-spacing: -.025em;

}

.r-public p {

  margin: 0;
  color: #526d88;

}

.r-public h2 {

  font-size: 24px;
  line-height: 1.15;
  margin: 0 0 5px;

}

.r-public h3 {

  font-size: 19px;
  margin: 0 0 6px;

}

.r-public .nav.r-nav {

  position: sticky !important;
  top: 0;
  inset-inline: 0;
  height: 70px;
  min-height: 0;
  background: #fffefc !important;
  border: 0 !important;
  border-bottom: 1px solid #edece5 !important;
  box-shadow: none !important;
  z-index: 70;
  backdrop-filter: none !important;

}

.r-public .r-nav .nav-inner {

  width: 92%;
  max-width: 1550px;
  height: 70px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 18px;

}

.r-brand {

  display: flex;
  align-items: center;
  gap: 8px;
  color: #12304c;
  flex-shrink: 0;

}

.r-brand img {

  width: 70px;
  height: 50px;
  object-fit: contain;

}

.r-brand>span {

  font: bold 16px Georgia,serif;
  letter-spacing: .045em;
  white-space: nowrap;

}

.r-brand small {

  display: block;
  font: 9px/1.5 Georgia,serif;
  letter-spacing: .12em;
  color: #b88a46;
  margin-top: 5px;

}

.r-public .r-nav .menu {

  display: flex;
  align-items: center;
  gap: 24px;
  margin: auto;
  font: 13px Georgia,serif;

}

.r-public .menu a {

  position: relative;
  padding: 25px 0 23px;
  white-space: nowrap;
  color: #0b304b;

}

.r-public .menu a.active {

  color: #9a6c26;

}

.r-public .menu a.active:after {

  content: "";
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  height: 2px;
  background: #b48a44;

}

.r-public .nav-actions {

  gap: 16px;
  display: flex;
  align-items: center;

}

.r-public .r-call {

  font: 12px Arial,sans-serif;
  white-space: nowrap;
  display: none;
  align-items: center;
  gap: 5px;

}

.r-public .r-nav .btn.gold {

  min-width: 130px;

}

.r-public .menu-toggle {

  display: none;

}

.r-public .mobile-menu {

  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  max-height: calc(100dvh - 70px);
  overflow: auto;
  background: #fffdf7;
  z-index: 69;
  padding: 20px;
  box-shadow: 0 10px 30px #092b4320;

}

.r-public .mobile-menu.open {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;

}

.r-public .mobile-menu a {

  padding: 12px;
  color: #173751;

}

.r-public .r-hero {

  position: relative;
  height: 365px;
  min-height: 0;
  overflow: hidden;

}

.r-hero-image {

  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;

}

.r-hero-wash {

  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#fffcf6 0%,#fffcf6f5 23%,#fffcf6cb 32%,#fffcf670 44%,transparent 60%);
  pointer-events: none;

}

.r-hero-copy {

  position: relative;
  margin-left: 7.5%;
  padding-top: 32px;
  max-width: 620px;

}

.r-public .r-hero-copy .eyebrow {

  letter-spacing: .25em;
  color: #4e6c87;

}

.r-public .r-hero-copy h1 {

  font-size: 54px;
  line-height: 1.03;
  margin: 0 0 2px;
  font-weight: 500;
  letter-spacing: -.04em;

}

.r-public .r-hero-copy h2 {

  font-size: 21px;
  letter-spacing: 0;
  font-weight: 400;

}

.r-public .r-hero-copy>p {

  font-size: 16px;
  line-height: 1.35;
  max-width: 470px;
  margin: 10px 0 18px;
  color: #244764;

}

.r-benefits {

  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 22px;

}

.r-benefits>div {

  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;

}

.r-benefits svg {

  color: #af843c;
  width: 29px !important;
  height: 29px !important;

}

.r-benefits b {

  display: block;
  font: 13px Georgia,serif;
  white-space: nowrap;

}

.r-benefits small {

  display: block;
  font: 10px/1.5 Arial,sans-serif;
  color: #6c8397;
  margin-top: 3px;

}

.r-location {

  position: absolute;
  right: 3%;
  bottom: 75px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #17241eae;
  color: #fff;
  padding: 10px 17px;
  font: 12px Arial,sans-serif;
  border-radius: 7px;

}

.r-location svg {

  width: 17px !important;

}

.r-booking-band {

  padding: 5px 5% 10px;
  background: repeating-radial-gradient(circle at 10% 20%,#b7935810 0 1px,transparent 2px 18px),#faf7f0;

}

.r-quick-book {

  width: 85%;
  margin: 0 auto;
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr 1.25fr auto 1.15fr;
  align-items: center;
  gap: 22px;
  padding: 12px 26px;
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 4px 20px #7163510e;
  font-family: Arial,sans-serif;

}

.r-quick-book>label {

  display: flex;
  align-items: center;
  gap: 14px;
  border-right: 1px solid #e5eaf1;
  padding-right: 15px;

}

.r-quick-book label>span {

  font-size: 10px;
  color: #657f98;
  display: block;
  min-width: 0;

}

.r-quick-book input,.r-quick-book select {

  font: 600 12px/1.4 Arial,sans-serif;
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: #123754;
  min-height: 25px;
  outline-offset: 0;

}

.r-booking-promise {

  display: flex;
  align-items: center;
  gap: 10px;

}

.r-booking-promise svg {

  color: #b58a42;

}

.r-booking-promise b {

  font-size: 11px;
  color: #245744;

}

.r-booking-promise small {

  display: block;
  font-size: 9px;
  color: #788fa5;
  margin-top: 4px;

}

.r-home-content {

  padding: 12px 2.2% 10px;
  max-width: 1800px;
  margin: auto;

}

.r-home-stays {

  display: grid;
  grid-template-columns: minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);
  gap: 15px;

}

.r-section-head {

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;

}

.r-section-head p {

  font-size: 14px;

}

.r-section-head em {

  color: #b8904b;
  font-style: normal;
  padding-left: 12px;

}

.r-section-head>a {

  font: 12px Georgia,serif;
  color: #1570cf;
  white-space: nowrap;
  text-decoration: underline;

}

.r-home-stays>section>.r-section-head {

  padding-left: 12px;

}

.r-home-stays .r-section-head h2 {

  font-size: 24px;

}

.r-room-grid {

  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;

}

.r-room-card {

  border: 1px solid #e5e8e8;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--r-shadow);
  min-width: 0;

}

.r-room-photo {

  position: relative;
  overflow: hidden;

}

.r-room-photo img {

  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
  transition: transform .4s;

}

.r-room-card:hover .r-room-photo img {

  transform: scale(1.025);

}

.r-room-body {

  padding: 14px;

}

.r-room-body h3 {

  font-size: 21px;
  margin: 0 0 8px;

}

.r-room-body p {

  font-size: 15px;
  line-height: 1.4;
  min-height: 42px;

}

.r-room-features {

  display: flex;
  align-items: center;
  gap: 16px;
  margin: 13px 0;
  font-size: 12px;
  flex-wrap: wrap;

}

.r-room-features>span {

  display: flex;
  align-items: center;
  gap: 5px;

}

.r-room-features svg {

  width: 16px !important;
  height: 16px !important;
  color: #64829b;

}

.r-room-bottom {

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;

}

.r-room-bottom b {

  font-size: 26px;
  color: #a57327;

}

.r-room-bottom small {

  font-size: 12px;

}

.r-room-bottom .btn.gold {

  background: #064b43;
  border-color: #064b43;

}

.r-room-details {

  font: 11px Arial,sans-serif;
  color: #426b89;
  background: none;
  border: 0;
  padding: 4px 0;
  cursor: pointer;

}

.r-home-rooms {

  gap: 12px;

}

.r-home-rooms .r-room-card {

  border-radius: 9px;

}

.r-home-rooms .r-room-photo img {

  height: 126px;

}

.r-home-rooms .r-room-body {

  position: relative;
  padding: 10px 13px;

}

.r-home-rooms h3 {

  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  padding-right: 18px;
  margin-bottom: 6px;

}

.r-home-rooms .r-room-body p,.r-home-rooms .r-room-bottom,.r-home-rooms .r-room-details {

  display: none;

}

.r-home-rooms .r-room-features {

  font: 10px Arial,sans-serif;
  color: #7890a5;
  gap: 6px;
  margin: 0;
  flex-wrap: nowrap;

}

.r-home-rooms .r-room-features>span+span {

  border-left: 1px solid #dce1e4;
  padding-left: 6px;

}

.r-home-rooms .r-room-features svg {

  width: 12px !important;
  height: 12px !important;

}

.r-room-open {

  position: absolute;
  right: 10px;
  top: 11px;
  border: 1px solid #b38745;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  color: #b38745;
  text-align: center;
  font: bold 19px/20px Georgia;

}

.r-experience-card {

  border: 1px solid #ece8df;
  background: #fffefa;
  border-radius: 14px;
  padding: 13px 13px 7px;
  position: relative;
  text-align: center;
  box-shadow: var(--r-shadow);

}

.r-experience-card header {

  display: flex;
  gap: 12px;
  text-align: left;
  min-height: 65px;
  padding: 0 7px;

}

.r-experience-card header>svg {

  color: #b3863e;
  width: 28px !important;
  height: 28px !important;

}

.r-experience-card h2 {

  font-size: 20px;
  letter-spacing: 0;

}

.r-experience-card p {

  font: 11px/1.35 Arial,sans-serif;

}

.r-experience-card>img {

  display: block;
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 8px;

}

.r-experience-card .btn {

  margin-top: -3px;
  position: relative;
  min-height: 30px;
  padding: 6px 16px;
  font-size: 12px;

}

.r-review-strip {

  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 24px;
  margin-top: 15px;
  min-height: 84px;
  background: #fbf9f4;
  border: 1px solid #eee8dd;
  border-radius: 14px;
  font-family: Arial,sans-serif;

}

.r-review-intro {

  display: flex;
  align-items: center;
  gap: 18px;
  flex: 0 0 265px;

}

.r-review-intro h2 {

  font-size: 20px;

}

.r-review-intro p {

  font-size: 11px;

}

.r-quote {

  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f3edde;
  color: #b88b34;
  font: bold 55px/70px Georgia;
  text-align: center;

}

.r-review-cards {

  display: flex;
  gap: 12px;
  flex: 1;
  min-width: 0;

}

.r-review-cards .review-card,.r-review-cards .r-review {

  padding: 12px !important;
  margin: 0 !important;
  border: 1px solid #ecebe6 !important;
  border-radius: 11px;
  background: #fff;
  box-shadow: none;
  flex: 1;
  font: 11px/1.4 Arial,sans-serif;

}

.r-review-cards .review-card p {

  font-size: 11px !important;

}

.r-review-cards .review-card>div {

  font-size: 11px;

}

.r-review-cards .notice {

  padding: 12px;
  background: white;
  border: 1px solid #e7eaf0;
  width: 100%;
  font-size: 12px;

}

.r-gallery-strip {

  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #eee6d9;
  border-radius: 12px;
  padding: 8px 25px;
  background: #fbf8f1;
  margin-top: 13px;
  min-height: 84px;

}

.r-gallery-strip>div:first-child {

  display: flex;
  align-items: center;
  gap: 24px;
  flex: 0 0 270px;

}

.r-gallery-strip>div:first-child>svg {

  color: #b88a39;
  width: 28px !important;
  height: 28px !important;

}

.r-gallery-strip h2 {

  font-size: 21px;

}

.r-gallery-strip p {

  font: 11px Arial,sans-serif;

}

.r-gallery-thumbs {

  display: flex;
  gap: 8px;
  flex: 1;
  min-width: 0;

}

.r-gallery-thumbs a {

  flex: 1;
  min-width: 0;

}

.r-gallery-thumbs img {

  display: block;
  width: 100%;
  height: 63px;
  object-fit: cover;
  border-radius: 6px;

}

.r-gallery-strip>.btn {

  font-size: 11px;

}

.r-footer {

  display: flex;
  align-items: center;
  gap: 24px;
  padding: 8px 4.5%;
  border-top: 1px solid #ede9df;
  background: #fffefa;

}

.r-footer .r-brand img {

  width: 52px;
  height: 33px;

}

.r-footer .r-brand>span {

  font-size: 11px;

}

.r-footer .r-brand small {

  font-size: 6px;
  margin-top: 3px;

}

.r-footer>div {

  display: flex;
  align-items: center;
  gap: 15px;
  margin: auto;
  font: 10px Arial,sans-serif;
  flex-wrap: wrap;

}

.r-footer a {

  color: #547086;

}

.r-footer>span {

  font: 11px Arial,sans-serif;
  color: #b18a4d;

}

.r-footer>a:last-child {

  font: 11px Arial,sans-serif;

}

.r-whatsapp {

  position: fixed;
  right: 20px;
  bottom: 18px;
  background: #078c64;
  color: #fff !important;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  box-shadow: 0 4px 16px #093a352d;
  z-index: 60;
  font: 600 12px Arial,sans-serif;

}

.r-page-hero {

  height: 260px;
  position: relative;
  overflow: hidden;

}

.r-page-hero>img {

  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;

}

.r-page-hero>div:last-child {

  position: relative;
  z-index: 1;
  padding: 30px 5%;

}

.r-page-hero h1 {

  font-size: 54px;
  line-height: 1.06;
  margin: 0 0 12px;
  font-weight: 500;

}

.r-page-hero p {

  font-size: 19px;
  max-width: 580px;

}

.r-page-hero .r-benefits {

  gap: 20px;

}

.r-page-hero .r-benefits small {

  display: none;

}

.r-page-hero .r-benefits svg {

  width: 22px !important;

}

.r-rooms-content {

  padding: 22px 5% 16px;
  max-width: 1800px;
  margin: auto;

}

.r-rooms-content>.r-section-head h2 {

  font-size: 34px;

}

.r-compare {

  display: flex;
  align-items: center;
  gap: 22px;
  background: #edf5f3;
  border: 1px solid #dce9e7;
  border-radius: 9px;
  padding: 12px 22px;
  color: #154545;
  cursor: pointer;

}

.r-compare span {

  text-align: left;

}

.r-compare b {

  display: block;
  font: 600 14px Georgia,serif;

}

.r-compare small {

  font: 12px Georgia,serif;

}

.r-rooms-content .r-room-card {

  padding: 7px;

}

.r-rooms-content .r-room-photo {

  border-radius: 9px;

}

.r-amenities {

  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  border: 1px solid #dcebea;
  background: #f1f8f7;
  padding: 18px 20px;
  border-radius: 10px;
  margin: 18px 0;

}

.r-amenities>div {

  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  padding-left: 20px;

}

.r-amenities>div+div {

  border-left: 1px solid #d5e4e5;

}

.r-amenities svg {

  color: #075b59;
  width: 29px !important;
  height: 29px !important;

}

.r-amenities b {

  display: block;
  font: 600 12px Georgia,serif;

}

.r-amenities small {

  display: block;
  font: 10px Georgia,serif;
  color: #516f82;
  margin-top: 4px;

}

.r-book-hero {

  height: 320px;
  position: relative;
  overflow: hidden;
  background: #233d31;

}

.r-book-hero>img {

  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 58%;

}

.r-book-hero:after {

  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#172621aa,transparent 75%);

}

.r-book-hero>div {

  position: relative;
  z-index: 1;
  padding: 34px 4.5%;
  width: 64%;

}

.r-book-hero h1 {

  font-size: 48px;
  line-height: 1.07;
  color: #fff;
  margin: 0 0 14px;
  font-weight: 500;

}

.r-book-hero p {

  color: white;
  font: 16px Arial,sans-serif;

}

.r-book-hero .eyebrow {

  color: #e8be79;

}

.r-book-hero .r-benefits {

  color: white;
  margin-top: 26px;

}

.r-book-hero .r-benefits b {

  font: 13px Arial,sans-serif;

}

.r-book-hero .r-benefits small {

  color: #fff;

}

.r-book-layout {

  display: grid;
  grid-template-columns: minmax(0,1.85fr) minmax(360px,1fr);
  gap: 24px;
  padding: 22px 4.5% 28px;
  align-items: start;
  max-width: 1800px;
  margin: auto;

}

.r-book-room-list>h2 {

  font-size: 29px;

}

.r-book-room-list>p {

  font: 14px Arial,sans-serif;
  margin: 6px 0 18px;

}

.r-book-rooms {

  display: flex;
  flex-direction: column;
  gap: 12px;

}

.r-book-rooms .r-room-card {

  display: grid;
  grid-template-columns: 32% 1fr;
  min-height: 148px;
  padding: 5px;
  border-radius: 14px;

}

.r-book-rooms .r-room-photo {

  border-radius: 10px;

}

.r-book-rooms .r-room-photo img {

  height: 100%;
  position: absolute;
  width: 100%;
  object-fit: cover;

}

.r-book-rooms .r-room-body {

  padding: 9px 12px 6px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 125px;
  column-gap: 12px;

}

.r-book-rooms .r-room-body>h3 {

  font-size: 21px;
  margin-top: 0;

}

.r-book-rooms .r-room-body>p {

  font: 12px/1.5 Arial,sans-serif;
  min-height: 0;
  grid-column: 1;

}

.r-book-rooms .r-room-features {

  grid-column: 1;
  gap: 10px;
  font: 10px Arial,sans-serif;
  margin: 8px 0;

}

.r-book-rooms .r-room-bottom {

  grid-column: 2;
  grid-row: 1/5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;

}

.r-book-rooms .r-room-bottom b {

  font-size: 23px;
  color: #0b3446;

}

.r-book-rooms .r-room-bottom .btn {

  background: #fff;
  color: #a27629;
  border: 1px solid #b88b40;

}

.r-book-rooms .r-room-details {

  grid-column: 1;
  justify-self: start;

}

.r-reservation {

  margin-top: -302px;
  position: relative;
  z-index: 2;

}

.r-reservation-card {

  background: #f5faf6;
  border: 1px solid #e3eddf;
  border-radius: 17px;
  padding: 26px 18px 14px;
  box-shadow: 0 9px 28px #2040380a;

}

.r-reservation-card>h2 {

  font-size: 29px;
  padding: 0 10px;
  color: #0e413b;

}

.r-reservation-card>p {

  font: 13px Arial,sans-serif;
  margin: 6px 10px 20px;

}

.r-reservation-card form {

  padding: 17px;
  background: #fff;
  border-radius: 14px;

}

.r-price-summary {

  background: #f4f8fa;
  border: 1px solid #e0e9f0;
  border-radius: 10px;
  padding: 14px;

}

.r-price-summary>b {

  display: none;

}

.r-price-summary>div {

  display: flex;
  justify-content: space-between;
  gap: 12px;
  font: 13px/1.8 Arial,sans-serif;
  color: #496986;

}

.r-price-summary strong {

  color: #0c403f;

}

.r-price-summary .r-total {

  border-top: 1px solid #dce6ec;
  margin-top: 10px;
  padding-top: 7px;
  font-size: 17px;

}

.r-price-summary .r-total>strong {

  font-size: 24px;

}

.r-book-note {

  text-align: center;
  color: #6885a0;
  font: 10px Arial,sans-serif;

}

.r-book-trust {

  border: 1px solid #e0e9ed;
  border-radius: 14px;
  margin-top: 14px;
  padding: 20px;
  background: #fff;

}

.r-book-trust .r-amenities {

  background: transparent;
  padding: 0;
  border: 0;
  margin: 18px 0 0;
  flex-wrap: wrap;
  gap: 18px;

}

.r-book-trust .r-amenities>div {

  padding: 0;
  border: 0 !important;
  min-width: 40%;

}

.r-book-trust .r-amenities small {

  display: none;

}

.r-book-trust .r-amenities>div:nth-child(1),.r-book-trust .r-amenities>div:nth-child(5) {

  display: none;

}

.r-book-help {

  display: flex;
  gap: 10px;
  margin-top: 14px;

}

.r-book-help a {

  border: 1px solid #e2ebed;
  padding: 17px;
  background: #f9fcfc;
  border-radius: 14px;
  flex: 1;
  font: 12px Arial,sans-serif;

}

.r-book-help b,.r-book-help small {

  display: block;
  color: #163b4e;

}

.r-book-help small {

  margin-top: 6px;
  color: #6d88a0;

}

.r-about-content {

  max-width: 1100px;
  margin: 45px auto;
  padding: 0 25px;

}

.r-about-content>p {

  font-size: 20px;
  line-height: 1.7;

}

.r-secondary .page-hero {

  padding: 50px 0 40px;
  background: linear-gradient(100deg,#fcf8ed,#f6fbf8);
  min-height: 0;

}

.r-secondary .page-title {

  font-size: 48px;

}

.r-secondary .page-hero .lead {

  font-size: 17px;
  max-width: 720px;

}

.r-secondary .section {

  padding: 36px 0;

}

.r-secondary .visual-story-section {

  display: none;

}

.r-secondary .photo-banner,.r-secondary .feature-card,.r-secondary .offer-card,.r-secondary .panel {

  border-radius: 13px;
  border: 1px solid #e4e8e4;
  box-shadow: var(--r-shadow);

}

.r-public .page-back {

  display: none;

}

.r-public .role-orb-wrap.floating {

  bottom: 80px;

}

.r-public .r-skip {

  position: fixed;
  top: -60px;
  left: 15px;
  background: white;
  padding: 12px;
  z-index: 999;

}

.r-public .r-skip:focus {

  top: 10px;

}

body.brs-app:has(.dash) {

  background: linear-gradient(120deg,#f1f7fc 5%,#f6f7ff 70%,#f4fbfb);
  color: #102f51;
  font: 13px/1.45 Arial,sans-serif;

}

.brs-app .dash {

  display: block !important;
  min-height: 100dvh;
  max-width: none !important;
  gap: 0 !important;

}

.brs-app .side {

  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 236px !important;
  height: 100dvh !important;
  overflow-y: auto !important;
  padding: 16px 14px !important;
  background: linear-gradient(135deg,#ffffff,#f6fbff) !important;
  border: 0 !important;
  border-right: 1px solid #e0ebf8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 90;
  display: flex !important;
  flex-direction: column !important;

}

.brs-app .side:before,.brs-app .side:after {

  display: none !important;

}

.brs-app .side .brand {

  flex-direction: column !important;
  gap: 9px !important;
  text-align: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 0 20px !important;
  height: auto !important;
  border: 0 !important;
  border-bottom: 1px solid #e4edf8 !important;
  border-radius: 0 0 13px 13px !important;
  background: none !important;
  box-shadow: none !important;
  color: #0b2950 !important;

}

.brs-app .side .brand-mark {

  width: 48px !important;
  height: 48px !important;
  background: white !important;
  border: 1px solid #e0e8f5 !important;
  border-radius: 15px !important;
  padding: 5px !important;
  box-shadow: 0 2px 7px #14385a0a !important;

}

.brs-app .side .brand-mark img {

  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;

}

.brs-app .side .brand>span:last-child {

  font: bold 17px Georgia,serif !important;
  letter-spacing: .04em !important;

}

.brs-app .side .brand small {

  font: 700 9px Arial,sans-serif !important;
  letter-spacing: .14em !important;
  color: #7a93b1 !important;
  display: block !important;
  margin-top: 7px !important;

}

.brs-app .side-head {

  padding: 0 !important;
  margin: 0 0 16px !important;
  background: none !important;

}

.brs-app .side-nav {

  padding: 0 !important;
  display: block !important;

}

.brs-app .side-group {

  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;

}

.brs-app .side-label {

  font: 700 9px Arial,sans-serif !important;
  letter-spacing: .16em !important;
  color: #8099b7 !important;
  margin: 20px 10px 10px !important;
  padding: 0 !important;

}

.brs-app .side-group a,.brs-app .side-nav a {

  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 4px 0 !important;
  padding: 11px 15px !important;
  min-height: 43px !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  border-radius: 10px !important;
  color: #5a789d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transform: none !important;

}

.brs-app .side a.active,.brs-app .side a[aria-current=page] {

  color: #0459ff !important;
  border-color: #d7e4ff !important;
  background: linear-gradient(110deg,#eaf4ff,#f1ecff) !important;
  box-shadow: inset 3px 0 #3974ff !important;

}

.brs-app .side .side-icon {

  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  flex: 0 0 20px;

}

.brs-app .side .side-icon svg {

  width: 19px !important;
  height: 19px !important;

}

.brs-app .side-link-label {

  white-space: nowrap !important;
  display: block !important;
  font-size: 13px !important;

}

.brs-app .side-footer {

  margin-top: auto !important;
  padding: 18px 0 0 !important;
  border: 0 !important;
  background: none !important;

}

.brs-app .side-resort-card {

  display: none !important;

}

.brs-app .side-footer-note {

  display: none !important;

}

.brs-app .side-tool-card {

  display: flex !important;
  background: #fff !important;
  border: 1px solid #e0eafa !important;
  border-radius: 12px !important;
  padding: 12px !important;
  margin-top: 10px !important;
  color: #254b75 !important;
  gap: 12px !important;
  font: 12px Arial,sans-serif !important;

}

.brs-app .side-tool-card small {

  display: block !important;
  color: #7994b0 !important;
  font-size: 10px !important;

}

.brs-app .dash-main {

  margin-left: 236px !important;
  width: calc(100% - 236px) !important;
  max-width: none !important;
  padding: 30px 28px !important;
  min-width: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;

}

.brs-app .dash-top {

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 66px !important;

}

.brs-app .dash-title {

  padding: 0 !important;
  margin: 0 !important;

}

.brs-app .dash-title h1 {

  font: 800 34px/1.1 Arial,Helvetica,sans-serif !important;
  color: #0b2c50 !important;
  letter-spacing: -1.3px !important;
  margin: 4px 0 5px !important;

}

.brs-app .dash-title .eyebrow {

  font: 700 11px Arial,sans-serif !important;
  letter-spacing: .15em !important;
  color: #5897bb !important;
  margin: 0 0 8px !important;

}

.brs-app .dash-actions {

  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-end !important;

}

.brs-app .dash-actions .btn,.brs-app .dash .btn.light {

  color: #315983 !important;
  background: #fff !important;
  border: 1px solid #dde7f6 !important;
  box-shadow: none !important;

}

.brs-app .dash .btn.gold,.brs-app .simple-primary-button {

  background: linear-gradient(110deg,#0962ff,#5667ff) !important;
  color: #fff !important;
  border: 1px solid #3975ff !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 14px #306bff18 !important;
  min-height: 39px;
  font: 600 12px Arial,sans-serif;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.brs-app .a17-page-chip,.brs-app .admin-context-strip,.brs-app .dashboard-date-card,.brs-app .admin-breadcrumb,.brs-app .simple-toolbar-note {

  display: none !important;

}

.brs-app .admin-profile-wrap {

  order: 0 !important;
  margin: 0 !important;
  position: relative;

}

.brs-app .admin-profile-btn {

  border: 1px solid #e3eafa !important;
  background: #fff !important;
  border-radius: 11px !important;
  padding: 7px 12px !important;
  min-height: 44px !important;
  box-shadow: none !important;

}

.brs-app .admin-profile-avatar {

  background: #ebefff !important;
  color: #5158f5 !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 12px !important;
  border-radius: 11px !important;

}

.brs-app .admin-profile-copy b {

  font-size: 12px !important;
  color: #0a2b53 !important;

}

.brs-app .admin-profile-copy small {

  font-size: 10px !important;
  color: #7c95b4 !important;

}

.brs-app .admin-profile-menu {

  z-index: 110 !important;
  background: white !important;

}

.brs-app .panel,.brs-app .simple-main-card,.brs-app .simple-side-card {

  padding: 18px !important;
  border: 1px solid #e4edf8 !important;
  border-radius: 14px !important;
  background: #ffffffed !important;
  box-shadow: 0 7px 24px #467aaa04 !important;
  min-width: 0 !important;

}

.brs-app .dash .panel h2,.brs-app .dash .simple-card-head h2,.brs-app .dash .panel h3 {

  font: 700 17px/1.2 Arial,sans-serif !important;
  color: #102f53 !important;
  letter-spacing: -.3px !important;
  margin: 0 0 5px !important;

}

.brs-app .dash .panel p {

  margin: 5px 0;
  color: #7891ae;
  font-size: 12px;

}

.brs-app .simple-section-head,.brs-app .simple-card-head {

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;

}

.brs-app .simple-section-head .eyebrow {

  display: none !important;

}

.brs-app .simple-section-head a,.brs-app .simple-card-head a {

  font: 600 11px Arial,sans-serif !important;
  color: #1763fb !important;

}

.brs-app .simple-summary {

  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 15px !important;
  margin-bottom: 22px !important;

}

.brs-app .simple-summary.two {

  grid-template-columns: repeat(2,minmax(0,1fr)) !important;

}

.brs-app .simple-stat:nth-child(4) .simple-stat-icon {

  background: #f2eafe !important;
  color: #855add !important;

}

.brs-app .simple-stat>div>span {

  color: #627f9f !important;
  font-size: 12px !important;

}

.brs-app .simple-stat b {

  font: 700 26px/1.3 Arial,sans-serif !important;
  color: #153b61 !important;
  display: block !important;

}

.brs-app .simple-stat small {

  color: #8b9fb7 !important;
  font-size: 10px !important;

}

.brs-app .simple-toolbar,.brs-app .r-filter-bar {

  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e4edf8;
  border-radius: 12px;
  margin: 18px 0;
  box-shadow: none;
  flex-wrap: wrap;

}

.brs-app .simple-toolbar .input,.brs-app .r-filter-bar .input {

  min-height: 40px !important;
  border-radius: 8px !important;
  border-color: #dce7f3 !important;
  background: #fff !important;
  max-width: none !important;
  width: auto !important;

}

.brs-app .simple-toolbar .simple-search,.brs-app .r-filter-bar input {

  flex: 1;
  min-width: 170px;

}

.brs-app .simple-workspace {

  display: grid !important;
  grid-template-columns: minmax(0,3.25fr) minmax(210px,1fr) !important;
  gap: 20px !important;
  margin-bottom: 18px;

}

.brs-app .simple-action-list a {

  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border: 1px solid #e4edf5 !important;
  background: #f5faff !important;
  border-radius: 9px !important;
  padding: 12px !important;
  margin-top: 9px !important;

}

.brs-app .simple-action-list a:nth-child(2n) {

  background: #f0faf7 !important;

}

.brs-app .simple-action-list b {

  font-size: 12px !important;
  color: #204971 !important;

}

.brs-app .simple-action-list small {

  font-size: 10px !important;
  color: #7893ad !important;

}

.brs-app .simple-help {

  background: #eaf8f3 !important;
  border: 1px solid #dff0e9 !important;
  color: #577f74 !important;
  padding: 16px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  margin-top: 15px !important;

}

.brs-app .simple-help b {

  display: block !important;
  margin-bottom: 5px !important;
  color: #24614e !important;

}

.brs-app .table-wrap {

  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid #e3edf7 !important;
  border-radius: 11px !important;
  background: white !important;
  box-shadow: none !important;
  overscroll-behavior-x: contain;

}

.brs-app .table {

  border-collapse: collapse !important;
  width: 100% !important;
  background: transparent !important;
  min-width: 0 !important;
  font: 12px/1.45 Arial,sans-serif !important;
  color: #42688d !important;

}

.brs-app .table th {

  padding: 13px 11px !important;
  background: #edf7ff !important;
  color: #55779c !important;
  font: 700 10px/1.4 Arial,sans-serif !important;
  letter-spacing: .025em !important;
  border: 0 !important;
  white-space: nowrap !important;

}

.brs-app .table td {

  padding: 14px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2f8 !important;
  color: #426b91 !important;
  font: 12px/1.5 Arial,sans-serif !important;
  vertical-align: middle !important;
  max-width: 280px;
  overflow-wrap: anywhere;

}

.brs-app .table tr:last-child td {

  border-bottom: 0 !important;

}

.brs-app .table tr:hover td {

  background: #f9fcff !important;

}

.brs-app .table td b {

  color: #123a63 !important;
  font-weight: 600 !important;

}

.brs-app .table td .muted {

  color: #8da1b7 !important;
  font-size: 10px !important;

}

.brs-app .table td .input,.brs-app .table td select {

  min-height: 29px !important;
  font-size: 10px !important;
  padding: 5px !important;
  width: auto !important;
  max-width: 145px !important;

}

.brs-app .table .cluster {

  gap: 5px !important;
  flex-wrap: nowrap !important;

}

.brs-app .table .btn {

  font-size: 10px !important;
  min-height: 30px !important;
  padding: 7px !important;

}

.brs-app .table .btn:disabled {

  opacity: .4 !important;
  cursor: not-allowed;

}

.brs-app .simple-drawer {

  border: 1px solid #e1ebf6 !important;
  background: white !important;
  border-radius: 11px !important;
  margin: 15px 0 !important;
  box-shadow: none !important;

}

.brs-app .simple-drawer summary {

  padding: 13px 17px !important;
  font-size: 12px !important;
  color: #2463c0 !important;

}

.brs-app .simple-drawer>div {

  padding: 16px !important;

}

.brs-app .simple-drawer[open] {

  box-shadow: var(--r-shadow) !important;

}

.brs-app .dashboard-meta {

  font: 11px Arial,sans-serif !important;
  color: #678aaf !important;
  display: flex;
  gap: 15px;
  margin-top: 10px;

}

.brs-app .dashboard-live {

  color: #309275 !important;

}

.brs-app .simple-dashboard-kpis {

  display: grid !important;
  grid-template-columns: repeat(8,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin: 0 0 20px !important;

}

.brs-app .simple-kpi-card {

  position: relative;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-height: 125px !important;
  padding: 16px 12px !important;
  background: #fff !important;
  border: 1px solid #e4edfa !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  color: #52759b !important;
  text-align: left !important;
  overflow: hidden;

}

.brs-app .simple-kpi-card>span:not(.r-kpi-icon) {

  padding-left: 37px !important;
  font: 11px/1.45 Arial,sans-serif !important;
  min-height: 33px !important;
  color: #52749b !important;

}

.brs-app .simple-kpi-card>b {

  font: 700 23px Arial,sans-serif !important;
  letter-spacing: -.65px !important;
  color: #0c2d51 !important;
  margin: 0 !important;

}

.brs-app .simple-kpi-card>small {

  font: 10px Arial,sans-serif !important;
  color: #7f97b3 !important;
  margin: 0 !important;

}

.brs-app .r-kpi-icon {

  position: absolute;
  top: 16px;
  left: 12px;
  color: #1e71ff;
  background: #e8f1ff;
  width: 31px;
  height: 35px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.brs-app .r-kpi-icon svg {

  width: 20px;
  height: 20px;

}

.brs-app .simple-kpi-card:nth-child(2n) .r-kpi-icon {

  color: #854be9;
  background: #f1eaff;

}

.brs-app .simple-kpi-card:nth-child(3n) .r-kpi-icon {

  color: #08a478;
  background: #e1f8ee;

}

.brs-app .simple-kpi-card:nth-child(4) .r-kpi-icon {

  color: #e19834;
  background: #fff2dc;

}

.brs-app .simple-kpi-card:nth-child(6) .r-kpi-icon {

  color: #e96091;
  background: #ffeaf3;

}

.brs-app .simple-dashboard-grid {

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin-bottom: 20px !important;

}

.brs-app .simple-today-list {

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;

}

.brs-app .simple-today-list>a {

  border: 1px solid #e2ebf8 !important;
  border-radius: 11px !important;
  padding: 12px !important;
  display: flex !important;
  gap: 13px !important;
  background: #fbfdff !important;
  min-height: 78px !important;
  margin: 0 !important;

}

.brs-app .simple-today-list>b {

  font-size: 18px !important;

}

.brs-app .simple-today-list>a>span:nth-child(2) {

  flex: 1;

}

.brs-app .simple-today-list b {

  font-size: 12px !important;
  color: #18436e !important;

}

.brs-app .simple-today-list small {

  display: block !important;
  font: 10px Arial,sans-serif !important;
  color: #8a9db5 !important;
  margin-top: 5px !important;

}

.brs-app .simple-today-list strong {

  font-size: 21px !important;
  color: #123558 !important;

}

.brs-app .simple-icon {

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 37px !important;
  width: 37px !important;
  height: 41px !important;
  border-radius: 11px !important;
  background: #e9f1ff !important;
  color: #0063ff !important;
  font-size: 22px !important;

}

.brs-app .simple-dashboard-bottom {

  display: grid !important;
  grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) !important;
  gap: 20px !important;

}

.brs-app .simple-action-grid {

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;

}

.brs-app .simple-action-grid>a {

  position: relative;
  padding: 12px 10px 12px 45px !important;
  min-height: 62px !important;
  background: #eef5ff !important;
  border: 1px solid #dce8ff !important;
  border-radius: 10px !important;
  display: block !important;

}

.brs-app .simple-action-grid>a>span {

  position: absolute;
  left: 9px;
  top: 14px;
  background: #e0ecff !important;
  color: #286cff !important;
  font-size: 18px !important;
  width: 27px !important;
  height: 30px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

}

.brs-app .simple-action-grid b {

  font: 600 11px Arial,sans-serif !important;
  color: #145184 !important;
  display: block !important;

}

.brs-app .simple-action-grid small {

  font: 10px Arial,sans-serif !important;
  color: #82a0ba !important;
  display: block !important;
  margin-top: 5px !important;

}

.brs-app .simple-action-grid>a:nth-child(2) {

  background: #eafaef !important;
  border-color: #dcf4e5 !important;

}

.brs-app .simple-action-grid>a:nth-child(3) {

  background: #f2edff !important;
  border-color: #e5dcff !important;

}

.brs-app .simple-action-grid>a:nth-child(4) {

  background: #fff6e9 !important;
  border-color: #f4e7d2 !important;

}

.brs-app .simple-action-grid>a:nth-child(5) {

  background: #fff0f5 !important;
  border-color: #f9e0eb !important;

}

.brs-app .simple-action-grid>a:nth-child(6) {

  background: #edfbff !important;
  border-color: #d9f1f7 !important;

}

.brs-app .r-salary-total {

  background: #f0f6ff;
  border-radius: 9px;
  padding: 7px 13px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;

}

.r-salary-total small {

  font-size: 10px;

}

.r-salary-total b {

  font-size: 17px;

}

.r-salary-row {

  display: grid;
  grid-template-columns: 28px minmax(80px,1fr) auto 1.3fr 33px;
  gap: 11px;
  align-items: center;
  padding: 8px 0;
  font: 11px Arial,sans-serif;

}

.r-salary-row .r-avatar {

  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: color-mix(in srgb,var(--c) 20%,white);
  color: var(--c);
  font-weight: 700;

}

.r-salary-row b {

  font-size: 11px;
  min-width: 0;

}

.r-salary-row small {

  color: #8b9fb7;
  font-size: 10px;

}

.r-salary-row .r-progress {

  height: 10px;
  border-radius: 10px;
  background: #edf1fa;
  overflow: hidden;

}

.r-salary-row .r-progress i {

  display: block;
  height: 100%;
  background: var(--c);
  border-radius: 10px;

}

.r-salary-row>em {

  font-style: normal;
  font-size: 10px;
  color: #7994ae;
  text-align: right;

}

.r-empty {

  color: #7b93ad;
  font: 12px/1.5 Arial,sans-serif;
  padding: 20px 0;

}

.brs-app .r-workflow {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 17px;
  background: #fff;
  border: 1px solid #e3ebf8;
  border-radius: 12px;
  margin: 12px 0 18px;
  font-size: 11px;
  color: #527995;

}

.r-workflow b {

  display: flex;
  gap: 10px;
  align-items: center;
  color: #245076;

}

.r-workflow span {

  border-radius: 8px;
  background: #f3f8ff;
  padding: 9px;

}

.r-workflow i {

  font-style: normal;
  color: #9fafd0;

}

.r-front-help {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;

}

.brs-app .r-front-help .panel:first-child {

  background: #eefaf5 !important;

}

.brs-app .r-front-help .panel:last-child {

  background: #eff8ff !important;

}

.brs-app .r-front-help a {

  color: #2367ed;
  font-size: 11px;

}

.brs-app .pms-nav {

  border: 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin: 15px 0 !important;

}

.brs-app .pms-nav a {

  font-size: 11px !important;
  border-radius: 6px !important;

}

.brs-app .attendance-daily,.brs-app .attendance-monthly {

  margin-bottom: 20px !important;
  padding: 22px !important;

}

.brs-app .attendance-kpi-grid {

  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-top: 18px !important;

}

.brs-app .attendance-kpi {

  background: #f9fcff !important;
  border: 1px solid #dde9fa !important;
  border-radius: 13px !important;
  padding: 18px !important;
  min-height: 98px !important;

}

.brs-app .attendance-kpi span {

  font-size: 12px !important;
  color: #6486a8 !important;

}

.brs-app .attendance-kpi b {

  font-size: 26px !important;
  color: #173e65 !important;
  display: block !important;

}

.brs-app .attendance-summary-table {

  font-size: 11px !important;

}

.brs-app .attendance-monthly .table-wrap {

  margin-top: 16px !important;

}

.r-payroll-link {

  display: flex;
  align-items: center;
  gap: 15px;
  background: #edf6ff;
  border: 1px solid #e0ecfc;
  border-radius: 12px;
  padding: 16px;
  color: #245482;

}

.r-payroll-link b,.r-payroll-link small {

  display: block;

}

.r-payroll-link small {

  color: #7b96b5;
  font-size: 11px;
  margin-top: 3px;

}

.r-payroll-link strong {

  margin-left: auto;
  color: #2163ff;
  font-size: 12px;

}

.r-finance-kpis {

  display: grid;
  grid-template-columns: repeat(20,minmax(0,1fr));
  gap: 14px;
  margin: 22px 0;

}

.r-finance-kpis>article {

  grid-column: span 4;
  background: white;
  border: 1px solid #e6edf9;
  border-radius: 14px;
  padding: 20px 14px;
  display: flex;
  gap: 14px;
  align-items: center;
  min-width: 0;
  min-height: 113px;

}

.r-finance-kpis>article:nth-child(n/**/+6) {

  grid-column: span 5;

}

.r-finance-kpis>article>svg {

  width: 45px !important;
  height: 45px !important;
  padding: 11px;
  background: #e3f8ef;
  border-radius: 50%;
  color: #0aaa6a;

}

.r-finance-kpis>article:nth-child(2n)>svg {

  background: #e8f3ff;
  color: #186dff;

}

.r-finance-kpis>article:nth-child(3n)>svg {

  background: #f0e8ff;
  color: #854dee;

}

.r-finance-kpis>article:nth-child(4n)>svg {

  background: #fff0dc;
  color: #d99437;

}

.r-finance-kpis>article:nth-child(6)>svg,.r-finance-kpis>article:nth-child(7)>svg {

  background: #fce9f0;
  color: #e94786;

}

.r-finance-kpis>article span {

  font: 600 11px Arial,sans-serif;
  color: #6685a5;
  display: block;

}

.r-finance-kpis>article b {

  font: 700 22px/1.6 Arial,sans-serif;
  letter-spacing: -.5px;
  display: block;
  color: #16395f;

}

.r-finance-kpis>article small {

  font: 10px Arial,sans-serif;
  color: #849eb8;

}

.r-finance-charts {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;

}

.r-finance-charts .r-section-head h2 {

  font-size: 17px;

}

.r-finance-charts label {

  flex-direction: row;
  align-items: center;
  font-size: 11px;

}

.r-finance-charts input {

  max-width: 150px;

}

.r-salary-chart {

  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 195px;

}

.r-salary-chart>[data-r-salary-bars] {

  flex: 1;
  min-width: 0;

}

.r-salary-chart .r-salary-row {

  grid-template-columns: 20px 1fr auto;
  gap: 8px;

}

.r-salary-chart .r-salary-row .r-progress,.r-salary-chart .r-salary-row>em {

  display: none;

}

.r-donut {

  width: 165px;
  height: 165px;
  flex: 0 0 165px;
  border-radius: 50%;
  background: conic-gradient(#e8eef8 0 100%);
  display: grid;
  place-items: center;

}

.r-donut>span {

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 105px;
  height: 105px;
  background: white;
  border-radius: 50%;

}

.r-donut b {

  font-size: 18px;

}

.r-donut small {

  font-size: 11px;
  color: #8199b6;
  margin-top: 5px;

}

.r-bar-chart {

  display: flex;
  height: 170px;
  align-items: flex-end;
  justify-content: center;
  gap: 55px;
  margin-top: 25px;
  padding: 0 30px 24px;
  border-bottom: 1px solid #e3ebf7;
  background: repeating-linear-gradient(to top,#eaf0f7 0 1px,transparent 1px 42px);

}

.r-bar-chart>div {

  width: 90px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;

}

.r-bar-chart i {

  width: 50px;
  min-height: 2px;
  display: block;
  background: #55bd92;
  border-radius: 3px 3px 0 0;

}

.r-bar-chart>div:nth-child(2) i {

  background: #eb6aa6;

}

.r-bar-chart b {

  position: absolute;
  bottom: calc(var(--v) + 7px);
  font-size: 12px;
  white-space: nowrap;

}

.r-bar-chart span {

  position: absolute;
  bottom: -23px;
  font-size: 11px;
  color: #6f8dac;

}

.r-page-subtitle {

  font-size: 14px;
  color: #708bad;
  margin: -17px 0 0;

}

.r-guest-book-action {

  text-align: right;
  margin: 14px 0 20px;

}

.r-guest-kpis {

  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 17px;
  margin: 20px 0;

}

.r-guest-kpis>article {

  display: flex;
  align-items: center;
  gap: 21px;
  background: white;
  border: 1px solid #e0ebfa;
  border-radius: 14px;
  padding: 22px;

}

.r-guest-kpis svg {

  background: #e8f3ff;
  color: #0862ff;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50%;
  padding: 17px;

}

.r-guest-kpis>article:nth-child(2) svg {

  background: #e4f8ef;
  color: #009e74;

}

.r-guest-kpis>article:nth-child(3) svg {

  background: #f2eaff;
  color: #8145da;

}

.r-guest-kpis span,.r-guest-kpis b,.r-guest-kpis small {

  display: block;

}

.r-guest-kpis span {

  color: #6382a4;
  font-size: 12px;
  font-weight: 600;

}

.r-guest-kpis b {

  font-size: 31px;
  margin: 5px 0;
  color: #183f67;

}

.r-guest-kpis small {

  font-size: 12px;
  color: #7f99b4;

}

.brs-app[data-page^=guest-] .dash-title h1 {

  font: 500 48px/1.1 Georgia,serif !important;
  letter-spacing: -1.4px !important;

}

.brs-app[data-page^=guest-] .dash-main {

  padding: 45px 36px !important;

}

.brs-app[data-page^=guest-] .guest-account-chip {

  border: 1px solid #e3ebf7 !important;
  background: #fff !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  box-shadow: none !important;

}

.brs-app[data-page^=guest-] .role-orb-wrap.in-panel {

  display: none !important;

}

.r-guest-table .r-section-head {

  margin: 3px 0 14px;

}

.r-guest-table .r-section-head small {

  color: #7c97b6;
  font-size: 11px;

}

.r-guest-support {

  display: flex;
  align-items: center;
  gap: 25px;
  margin: 22px 0;

}

.r-guest-support>svg {

  width: 60px !important;
  height: 60px !important;
  background: #faf3e6;
  padding: 17px;
  border-radius: 50%;
  color: #b68639;

}

.r-guest-support>div {

  flex: 1;

}

.brs-app .dash .r-guest-support .btn.light {

  border-color: #bb924f !important;
  color: #916626 !important;

}

.r-guest-support p {

  font-size: 13px !important;

}

.brs-app .mobile-panel-menu {

  display: none !important;

}

.brs-app .modal {

  z-index: 200 !important;
  padding: 20px !important;
  background: #0d254a55 !important;
  backdrop-filter: blur(4px);

}

.brs-app .modal-card {

  max-height: calc(100dvh - 40px) !important;
  overflow: auto !important;
  width: min(760px,100%) !important;
  border-radius: 16px !important;
  border: 1px solid #e5eaf5 !important;
  box-shadow: 0 25px 90px #152e6533 !important;
  background: #fff !important;

}

.brs-app .modal-head {

  padding: 18px 23px !important;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;

}

.brs-app .modal-body {

  padding: 22px !important;

}

.brs-app .modal-close {

  background: #eef4fc !important;
  color: #234b72 !important;
  border-radius: 50% !important;
  min-width: 34px !important;
  height: 34px !important;
  border: 0 !important;

}

.brs-app .toast {

  z-index: 350 !important;
  max-width: calc(100vw - 30px) !important;
  border-radius: 12px !important;
  font: 13px/1.5 Arial,sans-serif !important;

}

.r-preview-ribbon {

  position: fixed;
  bottom: 10px;
  left: 250px;
  z-index: 99;
  background: #173958;
  color: white;
  font: 11px Arial,sans-serif;
  padding: 7px 12px;
  border-radius: 8px;
  box-shadow: 0 3px 10px #0002;

}

@media (max-width:1350px) {

  .r-public .r-nav .menu {

    gap: 14px;
    font-size: 12px;

  }

  .r-brand>span {

    font-size: 13px;

  }

  .r-brand small {

    font-size: 7px;

  }

  .r-brand img {

    width: 56px;

  }

  .r-quick-book {

    width: 96%;
    gap: 14px;
    padding: 12px 18px;

  }

  .r-home-stays {

    grid-template-columns: minmax(0,2.6fr) 1fr 1fr;

  }

  .r-home-rooms h3 {

    font-size: 13px;

  }

  .r-home-rooms .r-room-features>span:last-child {

    display: none;

  }

  .r-experience-card header {

    padding: 0;
    gap: 9px;

  }

  .r-experience-card h2 {

    font-size: 17px;

  }

  .r-experience-card header>svg {

    width: 22px !important;

  }

  .r-home-stays>.r-experience-card {

    padding: 11px 10px 6px;

  }

  .r-gallery-strip>div:first-child {

    flex-basis: 225px;
    gap: 15px;

  }

  .r-review-intro {

    flex-basis: 230px;

  }

  .r-review-cards .r-review:nth-child(n/**/+3) {

    display: none;

  }

  .r-footer {

    gap: 15px;
    padding-inline: 3%;

  }

  .r-footer>div {

    gap: 10px;

  }

  .r-footer>span {

    display: none;

  }

  .brs-app .side {

    width: 210px !important;

  }

  .brs-app .dash-main {

    margin-left: 210px !important;
    width: calc(100% - 210px) !important;
    padding: 25px 22px !important;

  }

  .brs-app .simple-dashboard-kpis {

    grid-template-columns: repeat(4,minmax(0,1fr)) !important;

  }

  .brs-app .simple-kpi-card {

    min-height: 105px !important;

  }

  .brs-app .simple-kpi-card>b {

    font-size: 24px !important;

  }

  .brs-app .simple-kpi-card>small {

    font-size: 9px !important;

  }

  .r-finance-kpis>article {

    padding: 16px 10px;
    gap: 10px;

  }

  .r-finance-kpis>article>svg {

    width: 35px !important;
    height: 35px !important;
    padding: 8px;

  }

  .r-finance-kpis>article b {

    font-size: 18px;

  }

  .r-finance-kpis>article small {

    font-size: 9px;

  }

  .r-salary-chart {

    gap: 15px;

  }

  .r-donut {

    width: 125px;
    height: 125px;
    flex-basis: 125px;

  }

  .r-donut>span {

    width: 80px;
    height: 80px;

  }

  .r-donut b {

    font-size: 14px;

  }

  .r-salary-row {

    grid-template-columns: 25px 1fr auto 1fr 25px;
    gap: 8px;

  }

  .brs-app .table th {

    font-size: 9px !important;

  }

  .brs-app .table td {

    font-size: 11px !important;
    padding: 12px 9px !important;

  }

  .brs-app .dash-title h1 {

    font-size: 30px !important;

  }

  .r-book-layout {

    grid-template-columns: 1.7fr minmax(335px,1fr);
    gap: 18px;
    padding-inline: 3%;

  }

  .r-book-hero>div {

    padding-left: 3%;

  }

  .r-book-hero h1 {

    font-size: 43px;

  }

  .r-book-rooms .r-room-body {

    grid-template-columns: 1fr 100px;

  }

  .r-book-rooms .r-room-body h3 {

    font-size: 18px;

  }

  .r-book-rooms .r-room-bottom b {

    font-size: 21px;

  }

  .r-book-rooms .r-room-bottom .btn {

    font-size: 11px;
    padding: 9px;

  }

  .r-room-body p {

    font-size: 14px;

  }

  .r-amenities {

    padding: 14px 10px;

  }

  .r-amenities>div {

    padding-left: 10px;
    gap: 10px;

  }

  .r-amenities small {

    font-size: 9px;

  }

  .r-amenities b {

    font-size: 11px;

  }

}

@media print {

  .brs-app .side,.brs-app .dash-actions,.brs-app .r-whatsapp,.brs-app .toast {

    display: none !important;

  }

  .brs-app .dash-main {

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

  }

  .brs-app .table-wrap {

    overflow: visible !important;

  }

  .brs-app .panel {

    break-inside: avoid;

  }

  .brs-app .r-preview-ribbon {

    display: none;

  }

}

.brs-app .simple-kpi-card:before,.brs-app .simple-kpi-card:after {

  display: none !important;

}

.brs-app .brs-reveal,.brs-app .brs-motion-reveal {

  opacity: 1 !important;
  transform: none !important;
  filter: none !important;

}

.brs-app .admin-menu,.brs-app .admin-overlay {

  display: none !important;

}

.brs-app .simple-side-tools {

  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid #e3ecf6;

}

.brs-app .simple-more-tools,.brs-app .simple-site-link {

  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe9f7;
  border-radius: 12px;
  padding: 12px;
  margin-top: 12px;
  color: #315676;

}

.brs-app .simple-more-tools>span:first-child,.brs-app .simple-site-link>span:first-child {

  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #ebf5fb;

}

.brs-app .simple-more-tools svg {

  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;

}

.brs-app .simple-more-tools b,.brs-app .simple-site-link b {

  display: block;
  font: 600 11px Arial,sans-serif;

}

.brs-app .simple-more-tools small,.brs-app .simple-site-link small {

  display: block;
  font: 10px Arial,sans-serif;
  color: #7d96b3;
  margin-top: 4px;

}

.brs-app .simple-site-link {

  background: #f4fcf8;

}

.brs-app .simple-site-link>span:first-child {

  background: #e4f9ef;
  color: #058b6b;

}

.brs-app .wc-subtitle {

  font: 12px/1.5 Arial,sans-serif;
  color: #7896b4;
  margin-top: 6px;

}

.brs-app .r-room-bottom .btn:disabled {

  opacity: .5;
  cursor: not-allowed;

}

.brs-app .r-public[hidden] {

  display: none !important;

}

.brs-app .r-console-topbar {

  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: space-between;
  padding: 0 0 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dfeaf8;

}

.brs-app .r-console-search {

  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 350px;
  width: 48%;
  background: #f7fbff;
  border: 1px solid #d8e7f9;
  padding: 10px 15px;
  border-radius: 10px;
  color: #7091b6;
  font: 12px Arial,sans-serif;
  text-align: left;
  cursor: pointer;

}

.r-console-search>span {

  font-size: 20px;
  line-height: 1;
  color: #537cab;

}

.r-console-search kbd {

  margin-left: auto;
  font-size: 9px;
  border: 1px solid #dbe6f1;
  border-radius: 3px;
  padding: 2px 4px;
  white-space: nowrap;

}

.r-console-actions {

  display: flex;
  align-items: center;
  gap: 16px;

}

.brs-app[data-page=admin-dashboard] .dash-top {

  position: relative;
  border-radius: 0 !important;
  background-image: linear-gradient(90deg,#f4f8ff 20%,#f4f8ffeb 48%,#f4f8ff80 75%,transparent),url("../images/reference/hero-wide.webp") !important;
  background-position: right center !important;
  background-size: cover !important;
  min-height: 102px !important;
  margin-top: -20px !important;
  padding: 18px 0 !important;

}

.brs-app[data-page=admin-dashboard] .dash-top .dash-actions>a,.brs-app[data-page=admin-dashboard] .dash-top .dash-actions>[data-admin-search] {

  display: none !important;

}

.brs-app[data-page=admin-dashboard] .dash-title {

  position: relative;
  z-index: 1;

}

.brs-app[data-page=admin-dashboard] .dashboard-meta {

  background: #ffffffd9;
  padding: 5px 9px;
  border-radius: 6px;
  display: inline-flex;

}

.brs-app .r-public .r-nav .r-brand {

  color: #153551;

}

.brs-app .dash .r-section-head h2 {

  margin: 0 !important;

}

.brs-app .r-review-cards .feature-card>p {

  margin: 5px 0 !important;
  line-height: 1.35;
  font: 11px Arial,sans-serif;

}

.brs-app .r-review-cards .stars {

  font-size: 11px !important;
  letter-spacing: 1px;

}

.brs-app .r-review-cards .feature-card {

  min-height: 0 !important;

}

.brs-app .r-review-cards .feature-card>div:last-child {

  font-size: 10px !important;

}

.brs-app .r-review-cards .feature-card:nth-child(n/**/+4) {

  display: none !important;

}

@media (max-width:1050px) {

  .r-public .r-nav .menu {

    display: none;

  }

  .r-public .r-nav .nav-actions {

    margin-left: auto;

  }

  .r-public .r-nav .menu-toggle {

    display: block;
    font-size: 22px;
    border: 1px solid #ddd4c3;
    background: white;
    border-radius: 6px;
    color: #755d32;
    width: 38px;
    height: 38px;

  }

  .r-public .r-nav .nav-inner {

    width: 94%;

  }

  .r-public .r-hero-copy {

    margin-left: 5%;

  }

  .r-public .r-hero-copy h1 {

    font-size: 48px;

  }

  .r-hero-wash {

    background: linear-gradient(90deg,#fffcf6 0%,#fffcf6ed 32%,#fffcf6ad 48%,transparent 75%);

  }

  .r-home-stays {

    grid-template-columns: 1fr 1fr;

  }

  .r-home-stays>section {

    grid-column: 1/-1;

  }

  .r-home-rooms .r-room-photo img {

    height: 170px;

  }

  .r-home-rooms h3 {

    font-size: 16px;

  }

  .r-home-rooms .r-room-features>span:last-child {

    display: flex;

  }

  .r-experience-card header {

    min-height: 55px;

  }

  .r-home-stays>.r-experience-card>img {

    height: 190px;

  }

  .r-gallery-strip>div:first-child {

    flex-basis: 180px;

  }

  .r-gallery-strip>div:first-child>svg {

    display: none;

  }

  .r-review-strip {

    gap: 12px;
    padding: 12px;

  }

  .r-review-intro {

    flex-basis: 180px;
    gap: 10px;

  }

  .r-review-intro h2 {

    font-size: 18px;

  }

  .r-quote {

    display: none;

  }

  .r-quick-book {

    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 10px;
    width: 100%;

  }

  .r-booking-promise {

    display: none;

  }

  .r-quick-book .btn {

    font-size: 11px;
    padding: 10px;

  }

  .r-quick-book>label {

    gap: 8px;

  }

  .r-quick-book>label>svg {

    width: 17px !important;

  }

  .r-room-grid {

    gap: 13px;

  }

  .r-rooms-content {

    padding: 20px 3%;

  }

  .r-room-body {

    padding: 10px;

  }

  .r-room-body h3 {

    font-size: 19px;

  }

  .r-room-bottom b {

    font-size: 23px;

  }

  .r-room-features {

    gap: 8px;
    font-size: 10px;

  }

  .r-room-bottom .btn {

    font-size: 11px;
    padding: 10px;

  }

  .r-amenities {

    flex-wrap: wrap;
    gap: 15px;

  }

  .r-amenities>div {

    flex-basis: 28%;
    border: 0 !important;

  }

  .r-book-layout {

    grid-template-columns: 1fr minmax(300px,.8fr);
    gap: 16px;

  }

  .r-book-hero h1 {

    font-size: 35px;

  }

  .r-book-hero .r-benefits>div:last-child {

    display: none;

  }

  .r-book-hero .r-benefits>div {

    gap: 7px;

  }

  .r-book-hero p {

    font-size: 13px;
    max-width: 390px;
    line-height: 1.4;

  }

  .r-book-rooms .r-room-card {

    grid-template-columns: 34% 1fr;
    min-height: 145px;

  }

  .r-book-rooms .r-room-body {

    display: block;
    padding: 7px 10px;

  }

  .r-book-rooms .r-room-body>p {

    display: none;

  }

  .r-book-rooms .r-room-features {

    font-size: 10px;
    margin: 8px 0;

  }

  .r-book-rooms .r-room-features>span:last-child {

    display: none;

  }

  .r-book-rooms .r-room-bottom {

    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-top: 10px;

  }

  .r-book-rooms .r-room-bottom b {

    font-size: 18px;

  }

  .r-book-rooms .r-room-bottom small {

    font-size: 9px;

  }

  .r-book-rooms .r-room-bottom .btn {

    padding: 7px;
    font-size: 10px;

  }

  .r-book-rooms .r-room-details {

    display: none;

  }

  .r-reservation-card {

    padding: 20px 12px 12px;

  }

  .r-reservation-card form {

    padding: 13px;
    gap: 10px;

  }

  .brs-app .simple-workspace {

    grid-template-columns: minmax(0,1fr) !important;

  }

  .brs-app .simple-side-stack {

    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 14px !important;

  }

  .brs-app .simple-side-stack .simple-help {

    margin: 0 !important;

  }

  .brs-app .simple-side-stack .simple-action-list {

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;

  }

  .brs-app .simple-side-stack .simple-action-list a {

    margin: 0 !important;

  }

  .brs-app .simple-dashboard-grid,.brs-app .simple-dashboard-bottom {

    grid-template-columns: 1fr !important;

  }

  .brs-app .simple-summary {

    grid-template-columns: repeat(2,minmax(0,1fr)) !important;

  }

  .brs-app .r-workflow {

    flex-wrap: wrap;
    justify-content: flex-start;

  }

  .r-workflow b {

    flex-basis: 100%;

  }

  .r-workflow i {

    display: none;

  }

  .r-finance-charts {

    grid-template-columns: 1fr;

  }

  .r-finance-kpis {

    grid-template-columns: repeat(3,minmax(0,1fr));

  }

  .r-finance-kpis>article,.r-finance-kpis>article:nth-child(n/**/+6) {

    grid-column: auto;

  }

  .brs-app .attendance-kpi-grid {

    grid-template-columns: repeat(3,1fr) !important;

  }

  .brs-app .table {

    min-width: 650px !important;

  }

  .brs-app .r-guest-kpis {

    gap: 10px;

  }

  .r-guest-kpis>article {

    padding: 15px;
    gap: 12px;

  }

  .r-guest-kpis svg {

    width: 42px !important;
    height: 42px !important;
    padding: 11px;

  }

  .r-guest-kpis span {

    font-size: 11px;

  }

  .r-guest-kpis b {

    font-size: 26px;

  }

  .r-guest-kpis small {

    font-size: 10px;

  }

  .brs-app[data-page^=guest-] .dash-main {

    padding: 25px !important;

  }

  .brs-app[data-page^=guest-] .dash-title h1 {

    font-size: 36px !important;

  }

  .r-guest-support {

    gap: 15px;
    flex-wrap: wrap;

  }

  .r-guest-support>.btn {

    margin-left: auto;

  }

  .brs-app .r-console-search {

    min-width: 0;
    width: 55%;

  }

  .r-console-search kbd {

    display: none;

  }

  .r-console-actions {

    gap: 9px;

  }

}

.brs-app .hero:before {

  filter: none;

}

.brs-app .r-nav .menu a.active,
.brs-app .r-nav .menu a[aria-current="page"] {

  color: #8a641f !important;
  background: #fbf4e8 !important;
  box-shadow: inset 0 0 0 1px #ead7b2 !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-weight: 800 !important;

}

.brs-app .r-nav .menu a.active:after,
.brs-app .r-nav .menu a[aria-current="page"]:after {

  left: 12px !important;
  right: 12px !important;
  bottom: 5px !important;
  height: 2px !important;
  background: #b58532 !important;

}

.brs-app .mobile-menu a.active,
.brs-app .mobile-menu a[aria-current="page"] {

  color: #7b5719 !important;
  background: #fbf4e8 !important;
  border-left: 4px solid #b58532 !important;
  font-weight: 800 !important;

}

.brs-app .r-nav .nav-actions .btn.active,
.brs-app .r-nav .nav-actions .btn[aria-current="page"] {

  outline: 3px solid #ead7b2 !important;
  outline-offset: 2px !important;

}

.brs-app .side-nav a.active,
.brs-app .side-nav a[aria-current="page"] {

  color: #064fdb !important;
  background: linear-gradient(100deg,#deecff 0%,#eef2ff 100%) !important;
  border-color: #a9c7ff !important;
  box-shadow: inset 4px 0 0 #1769ff,0 6px 16px rgba(23,105,255,.10) !important;
  font-weight: 800 !important;

}

.brs-app .side-nav a.active:after,
.brs-app .side-nav a[aria-current="page"]:after {

  content: "●";
  margin-left: auto;
  color: #1769ff;
  font-size: 10px;
  line-height: 1;
  flex: 0 0 auto;

}

.brs-app .side-nav a.active .side-icon,
.brs-app .side-nav a[aria-current="page"] .side-icon {

  color: #1769ff !important;

}

.brs-app .side-nav a:focus-visible,
.brs-app .r-nav a:focus-visible {

  outline: 3px solid rgba(23,105,255,.30) !important;
  outline-offset: 2px !important;

}

.brs-app .r-hero-slider,.brs-app .r-hero-slide {

  position: absolute;
  inset: 0;

}

.brs-app .r-hero-slide {

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(1.012);
  transition: opacity .9s ease,transform 6.5s ease;
  z-index: 0;

}

.brs-app .r-hero-slide.active {

  opacity: 1;
  transform: scale(1);
  z-index: 1;

}

.brs-app .r-hero-slide[hidden] {

  display: none !important;

}

.brs-app .r-hero-photo-shade {

  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(3,10,15,.03) 45%,rgba(3,12,17,.18) 66%,rgba(3,12,17,.66) 100%);

}

.brs-app .r-hero-caption {

  position: absolute;
  z-index: 3;
  left: 5%;
  bottom: 28px;
  max-width: 500px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 14px;
  background: rgba(8,20,25,.46);
  box-shadow: 0 12px 40px rgba(0,0,0,.16);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  color: #fff;

}

.brs-app .r-hero-caption>span {

  display: block;
  font: 700 10px/1.2 Arial,sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #f2d79e;
  margin-bottom: 7px;

}

.brs-app .r-hero-caption h1 {

  color: #fff !important;
  font-size: clamp(31px,3vw,48px) !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.22);

}

.brs-app .r-hero-caption p {

  color: rgba(255,255,255,.88) !important;
  font: 13px/1.5 Arial,sans-serif !important;
  max-width: 440px;
  margin: 0 0 13px !important;

}

.brs-app .r-hero-caption .btn.light {

  background: rgba(255,255,255,.9);
  border-color: rgba(255,255,255,.82);
  color: #17374e;

}

.brs-app .r-hero-controls {

  position: absolute;
  z-index: 4;
  right: 5%;
  bottom: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(7,17,22,.46);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);

}

.brs-app .r-hero-controls>button {

  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.38);
  background: rgba(255,255,255,.1);
  color: #fff;
  font: 25px/1 Georgia,serif;
  cursor: pointer;

}

.brs-app .r-hero-dots {

  display: flex;
  align-items: center;
  gap: 7px;

}

.brs-app .r-hero-dots button {

  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: rgba(255,255,255,.48);
  cursor: pointer;
  transition: width .2s,background .2s;

}

.brs-app .r-hero-dots button.active {

  width: 24px;
  border-radius: 99px;
  background: #e3bd72;

}

.brs-app.r-public[data-page="home"] .r-booking-band {

  position: relative;
  z-index: 5;

}

.brs-app[data-page="gallery"] .section {

  padding-top: 38px;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 {

  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr)) !important;
  grid-auto-rows: 210px !important;
  gap: 14px !important;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item {

  grid-column: span 4 !important;
  grid-row: span 1 !important;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #e8e5dd;
  cursor: zoom-in;
  box-shadow: 0 8px 26px rgba(20,46,64,.08);
  outline: none;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(1) {

  grid-column: span 8 !important;
  grid-row: span 2 !important;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(2),.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(3) {

  grid-column: span 4 !important;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item img {

  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: none !important;
  transition: transform .45s ease;

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:hover img,.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:focus-visible img {

  transform: scale(1.025);

}

.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:focus-visible {

  box-shadow: 0 0 0 3px #fff,0 0 0 6px #b58532;

}

.brs-app .r-gallery-identity {

  display: grid;
  grid-template-columns: minmax(220px,.65fr) 1.35fr;
  gap: 28px;
  align-items: center;
  margin: 34px auto 0;
  padding: 26px;
  border: 1px solid #e8dfcf;
  border-radius: 18px;
  background: linear-gradient(135deg,#fffdfa,#f7f0e4);

}

.brs-app .r-gallery-identity h2 {

  font-size: 28px;
  margin: 4px 0 8px;

}

.brs-app .r-gallery-identity p {

  font: 13px/1.55 Arial,sans-serif;
  color: #657b8e;

}

.brs-app .r-gallery-brand-row {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;

}

.brs-app .r-gallery-brand-row figure {

  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 10px 28px rgba(35,25,8,.12);

}

.brs-app .r-gallery-brand-row img {

  display: block;
  width: 100%;
  height: 240px;
  object-fit: contain;
  background: #111;
  filter: none !important;

}

.brs-app .r-gallery-brand-row figure:nth-child(2) img {

  background: #d5c192;

}

.brs-app .r-gallery-brand-row figcaption {

  padding: 9px 12px;
  background: #fff;
  font: 11px Arial,sans-serif;
  color: #5e7183;
  text-align: center;

}

.brs-app .lightbox.open {

  animation: rLbIn .18s ease both;

}

.brs-app .lightbox img {

  border-radius: 10px !important;
  max-width: min(94vw,1500px) !important;
  max-height: 88dvh !important;
  object-fit: contain;
  background: #0b1115;

}

@keyframes rLbIn{from{opacity:0}to{opacity:1}}

.brs-app :is(a,button,input,select,textarea):focus-visible {

  outline: 3px solid rgba(39,115,180,.38);
  outline-offset: 3px;

}

.brs-app .mobile-menu a.active,.brs-app .mobile-menu a[aria-current="page"] {

  font-weight: 800;

}

@media (max-width:600px) {

  .brs-app.r-public {

    font-size: 14px;

  }

  .r-public .nav.r-nav,.r-public .r-nav .nav-inner {

    height: 63px;

  }

  .r-public .mobile-menu {

    top: 63px;

  }

  .r-brand img {

    width: 42px;
    height: 40px;

  }

  .r-brand>span {

    font-size: 11px;

  }

  .r-brand small {

    font-size: 6px;
    letter-spacing: .07em;
    margin-top: 3px;

  }

  .r-public .r-nav .nav-inner {

    gap: 6px;

  }

  .r-public .nav-actions {

    gap: 8px;

  }

  .r-public .r-nav .btn.gold {

    min-width: 0;
    padding: 9px 11px;
    font-size: 10px;
    min-height: 34px;

  }

  .r-public .r-nav .btn.gold svg {

    display: none;

  }

  .r-public .r-nav .menu-toggle {

    width: 32px;
    height: 34px;
    font-size: 19px;

  }

  .r-public .r-hero {

    height: 520px;
    background: #faf6ec;

  }

  .r-hero-image {

    height: 245px;
    top: auto;
    bottom: 0;
    object-position: 65% center;

  }

  .r-hero-wash {

    background: linear-gradient(180deg,#fffaf2 0%,#fffaf2 47%,#fffaf2f0 53%,#fffaf230 67%,transparent 77%);

  }

  .r-hero-copy {

    padding: 23px 18px 0 !important;
    margin: 0 !important;
    max-width: none;

  }

  .r-public .r-hero-copy h1 {

    font-size: 36px;
    letter-spacing: -1.6px;

  }

  .r-public .r-hero-copy h2 {

    font-size: 17px;
    margin-top: 6px;
    line-height: 1.3;

  }

  .r-public .r-hero-copy>.eyebrow {

    font-size: 8px;
    letter-spacing: .22em;

  }

  .r-public .r-hero-copy>p {

    font-size: 14px;
    max-width: 360px;
    margin: 10px 0 16px;

  }

  .r-public .r-hero-copy .btn {

    font-size: 11px;
    padding: 10px 12px;
    min-height: 37px;

  }

  .r-hero-copy .r-benefits {

    margin-top: 16px;
    gap: 15px;

  }

  .r-hero-copy .r-benefits b {

    font: 10px Arial,sans-serif;
    white-space: normal;

  }

  .r-hero-copy .r-benefits small {

    display: none;

  }

  .r-hero-copy .r-benefits svg {

    width: 19px !important;
    height: 19px !important;

  }

  .r-hero-copy .r-benefits>div {

    gap: 6px;

  }

  .r-location {

    right: 15px;
    bottom: 18px;
    font-size: 10px;
    padding: 8px 12px;

  }

  .r-booking-band {

    padding: 14px;

  }

  .r-quick-book {

    grid-template-columns: 1fr 1fr;
    gap: 15px;
    border-radius: 14px;
    padding: 17px;

  }

  .r-quick-book>label {

    border: 0;
    padding: 0;

  }

  .r-quick-book>label:nth-child(3) {

    grid-column: 1;

  }

  .r-quick-book .btn {

    white-space: normal;
    line-height: 1.4;

  }

  .r-quick-book label>span {

    width: 100%;
    font-size: 10px;

  }

  .r-quick-book input,.r-quick-book select {

    font-size: 11px;

  }

  .r-home-content {

    padding: 20px 14px 15px;

  }

  .r-home-stays {

    gap: 18px;

  }

  .r-home-stays>section>.r-section-head {

    padding: 0;

  }

  .r-home-stays .r-section-head h2 {

    font-size: 23px;

  }

  .r-section-head {

    gap: 10px;
    align-items: flex-start;

  }

  .r-section-head p {

    font-size: 12px;

  }

  .r-section-head>a {

    font-size: 10px;

  }

  .r-home-rooms {

    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 9px;

  }

  .r-home-rooms>.r-room-card {

    min-width: 80%;
    scroll-snap-align: start;

  }

  .r-home-rooms .r-room-photo img {

    height: 175px;

  }

  .r-home-rooms .r-room-body {

    padding: 13px;

  }

  .r-home-rooms h3 {

    font-size: 17px;

  }

  .r-home-rooms .r-room-features {

    font-size: 11px;
    gap: 10px;

  }

  .r-home-stays>.r-experience-card {

    grid-column: 1/-1;
    padding: 16px;

  }

  .r-experience-card header {

    min-height: 0;
    padding-bottom: 13px;
    gap: 14px;

  }

  .r-experience-card h2 {

    font-size: 22px;

  }

  .r-experience-card p {

    font-size: 12px;

  }

  .r-home-stays>.r-experience-card>img {

    height: 200px;

  }

  .r-experience-card .btn {

    margin-top: 10px;
    width: 100%;
    min-height: 36px;

  }

  .r-review-strip {

    flex-wrap: wrap;
    padding: 17px;
    gap: 15px;

  }

  .r-review-intro {

    flex-basis: 100%;

  }

  .r-review-cards {

    flex-basis: 80%;

  }

  .r-gallery-strip {

    flex-wrap: wrap;
    padding: 16px;

  }

  .r-gallery-strip>div:first-child {

    flex-basis: auto;
    flex: 1;

  }

  .r-gallery-strip>.btn {

    order: 1;
    padding: 8px;
    font-size: 10px;

  }

  .r-gallery-thumbs {

    order: 2;
    flex-basis: 100%;
    gap: 7px;

  }

  .r-gallery-thumbs a {

    display: block !important;

  }

  .r-gallery-thumbs a:nth-child(n/**/+4) {

    display: none !important;

  }

  .r-gallery-thumbs img {

    height: 74px;

  }

  .r-footer {

    padding: 15px 17px 80px;

  }

  .r-footer .r-brand>span {

    font-size: 10px;

  }

  .r-footer>div {

    font-size: 10px;
    gap: 14px;
    justify-content: flex-start;
    margin-top: 12px;

  }

  .r-whatsapp {

    bottom: 14px;
    right: 14px;
    padding: 11px;
    gap: 7px;

  }

  .r-whatsapp span {

    font-size: 10px;

  }

  .r-whatsapp svg {

    width: 22px !important;
    height: 22px !important;

  }

  .r-page-hero {

    height: 350px;
    background: #f9f5ec;

  }

  .r-page-hero>img {

    height: 200px;
    top: auto;
    bottom: 0;
    object-position: 60% 55%;

  }

  .r-page-hero .r-hero-wash {

    background: linear-gradient(180deg,#fffaf3 0%,#fffaf3 35%,#fffaf3e0 51%,transparent 80%);

  }

  .r-page-hero>div:last-child {

    padding: 24px 18px;

  }

  .r-page-hero h1 {

    font-size: 36px;
    max-width: 350px;
    margin-top: 7px;

  }

  .r-page-hero p {

    font-size: 14px;
    max-width: 350px;
    line-height: 1.4;

  }

  .r-page-hero p br {

    display: none;

  }

  .r-page-hero .r-benefits {

    margin-top: 14px;
    gap: 10px;

  }

  .r-page-hero .r-benefits>div {

    gap: 5px;

  }

  .r-page-hero .r-benefits b {

    font-size: 9px;
    white-space: normal;

  }

  .r-page-hero .r-benefits svg {

    width: 16px !important;
    height: 16px !important;

  }

  .r-rooms-content {

    padding: 23px 15px;

  }

  .r-rooms-content>.r-section-head {

    flex-wrap: wrap;

  }

  .r-rooms-content>.r-section-head h2 {

    font-size: 29px;

  }

  .r-compare {

    padding: 10px 13px;
    width: 100%;
    gap: 16px;
    margin-top: 8px;

  }

  .r-compare b {

    font-size: 13px;

  }

  .r-compare small {

    font-size: 11px;

  }

  .r-room-grid:not(.r-home-rooms):not(.r-book-rooms) {

    grid-template-columns: 1fr;
    gap: 18px;

  }

  .r-rooms-content .r-room-photo img {

    height: 210px;

  }

  .r-room-body {

    padding: 14px;

  }

  .r-room-body h3 {

    font-size: 23px;

  }

  .r-room-body p {

    font-size: 15px;
    min-height: 0;

  }

  .r-room-features {

    font-size: 12px;
    gap: 17px;

  }

  .r-room-bottom b {

    font-size: 26px;

  }

  .r-room-bottom .btn {

    font-size: 12px;
    padding: 11px 18px;

  }

  .r-amenities {

    padding: 16px;
    gap: 22px 10px;

  }

  .r-amenities>div {

    flex-basis: 45%;
    padding: 0;
    gap: 9px;
    align-items: flex-start;

  }

  .r-amenities b {

    font-size: 11px;

  }

  .r-amenities small {

    font-size: 9px;
    line-height: 1.5;

  }

  .r-amenities svg {

    width: 22px !important;
    height: 22px !important;

  }

  .r-book-hero {

    height: 310px;

  }

  .r-book-hero>div {

    padding: 31px 18px;

  }

  .r-book-hero h1 {

    font-size: 36px;
    margin-top: 6px;

  }

  .r-book-hero p {

    font-size: 13px;
    max-width: 330px;

  }

  .r-book-hero .r-benefits {

    gap: 22px;
    margin-top: 20px;

  }

  .r-book-hero .r-benefits b {

    font-size: 11px;

  }

  .r-book-hero .r-benefits small {

    font-size: 8px;

  }

  .r-book-hero .r-benefits svg {

    width: 23px !important;
    height: 23px !important;

  }

  .r-book-layout {

    padding: 17px 14px;
    gap: 28px;

  }

  .r-reservation-card {

    padding: 20px 12px 12px;

  }

  .r-reservation-card>h2 {

    font-size: 27px;
    padding: 0 5px;

  }

  .r-reservation-card>p {

    font-size: 11px;
    margin: 8px 5px 16px;

  }

  .r-reservation-card form {

    padding: 14px 11px;
    gap: 12px;

  }

  .r-reservation-card .field {

    font-size: 11px;
    min-width: 0;

  }

  .r-reservation-card .input {

    font-size: 12px;
    padding: 9px 7px;
    max-width: 100%;
    min-width: 0;
    width: 100%;

  }

  .r-book-room-list>h2 {

    font-size: 27px;

  }

  .r-book-room-list>p {

    font-size: 12px;
    line-height: 1.5;

  }

  .r-book-rooms .r-room-card {

    display: block;
    padding: 6px;

  }

  .r-book-rooms .r-room-photo {

    height: 180px;

  }

  .r-book-rooms .r-room-photo img {

    position: static;
    height: 180px;

  }

  .r-book-rooms .r-room-body {

    grid-template-columns: 1fr 108px;
    padding: 11px;

  }

  .r-book-rooms .r-room-body>h3 {

    font-size: 19px;

  }

  .r-book-rooms .r-room-body>p {

    font-size: 11px;

  }

  .r-book-rooms .r-room-features {

    font-size: 10px;
    gap: 9px;

  }

  .r-book-rooms .r-room-bottom b {

    font-size: 22px;

  }

  .r-book-rooms .r-room-bottom .btn {

    font-size: 10px;
    padding: 9px;

  }

  .r-book-room-list>.r-benefits {

    gap: 14px;

  }

  .r-book-room-list>.r-benefits b {

    font-size: 9px;
    white-space: normal;

  }

  .r-book-room-list>.r-benefits small {

    display: none;

  }

  .r-book-room-list>.r-benefits svg {

    width: 20px !important;

  }

  .r-secondary .page-hero {

    padding: 30px 0;

  }

  .r-secondary .page-title {

    font-size: 35px;

  }

  .r-secondary .page-hero .lead {

    font-size: 15px;

  }

  .r-secondary .section {

    padding: 25px 0;

  }

  .r-secondary .grid.two,.r-secondary .grid.three {

    grid-template-columns: 1fr !important;

  }

  .r-secondary .container {

    width: calc(100% - 30px);

  }

  .brs-app .dash-main,.brs-app[data-page^=guest-] .dash-main {

    padding: 20px 14px !important;

  }

  .brs-app .dash-top {

    align-items: flex-start !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
    gap: 13px !important;

  }

  .brs-app .dash-actions {

    width: 100% !important;
    justify-content: flex-start !important;
    gap: 8px !important;

  }

  .brs-app .dash-title h1 {

    font-size: 29px !important;

  }

  .brs-app .dash-title .eyebrow {

    font-size: 9px !important;

  }

  .brs-app .dash-actions>.btn,.brs-app .simple-primary-button {

    font-size: 10px !important;
    min-height: 33px !important;
    padding: 9px 10px !important;

  }

  .brs-app .admin-profile-copy {

    display: none !important;

  }

  .brs-app .admin-profile-btn {

    padding: 3px 6px !important;
    min-height: 33px !important;

  }

  .brs-app .admin-profile-avatar {

    height: 26px !important;
    width: 26px !important;
    font-size: 10px !important;

  }

  .brs-app .simple-dashboard-kpis {

    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;

  }

  .brs-app .simple-kpi-card {

    padding: 14px !important;
    min-height: 113px !important;

  }

  .brs-app .simple-kpi-card>b {

    font-size: 24px !important;

  }

  .brs-app .simple-kpi-card>span:not(.r-kpi-icon) {

    padding-left: 39px !important;
    font-size: 11px !important;

  }

  .brs-app .simple-kpi-card>small {

    font-size: 10px !important;

  }

  .brs-app .simple-dashboard-grid,.brs-app .simple-dashboard-bottom {

    gap: 15px !important;
    margin-bottom: 15px !important;

  }

  .brs-app .panel,.brs-app .simple-main-card,.brs-app .simple-side-card {

    padding: 15px !important;
    border-radius: 12px !important;

  }

  .brs-app .simple-today-list {

    gap: 8px !important;

  }

  .brs-app .simple-today-list>a {

    padding: 10px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    min-height: 94px !important;

  }

  .brs-app .simple-today-list .simple-icon {

    min-width: 28px !important;
    width: 28px !important;
    height: 31px !important;
    font-size: 18px !important;

  }

  .brs-app .simple-today-list b {

    font-size: 10px !important;

  }

  .brs-app .simple-today-list small {

    font-size: 9px !important;

  }

  .brs-app .simple-today-list strong {

    font-size: 19px !important;
    margin-left: auto;

  }

  .brs-app .simple-section-head h2,.brs-app .simple-card-head h2,.brs-app .dash .panel h2 {

    font-size: 16px !important;

  }

  .brs-app .simple-section-head a {

    font-size: 9px !important;

  }

  .r-salary-row {

    grid-template-columns: 24px minmax(75px,1fr) auto 1fr 28px;
    gap: 7px;
    font-size: 10px;

  }

  .r-salary-row b {

    font-size: 10px;

  }

  .r-salary-row .r-avatar {

    width: 24px;
    height: 24px;

  }

  .r-salary-row small {

    font-size: 9px;

  }

  .r-salary-total {

    padding: 7px;

  }

  .r-salary-total b {

    font-size: 14px;

  }

  .r-salary-panel .simple-section-head h2 .r-icon {

    display: none;

  }

  .brs-app .simple-summary {

    gap: 10px !important;

  }

  .brs-app .simple-stat {

    padding: 14px 11px !important;
    gap: 10px !important;
    min-height: 92px !important;

  }

  .brs-app .simple-stat-icon {

    width: 32px !important;
    height: 35px !important;
    min-width: 32px !important;

  }

  .brs-app .simple-stat-icon svg {

    width: 18px !important;
    height: 18px !important;

  }

  .brs-app .simple-stat>div>span {

    font-size: 10px !important;

  }

  .brs-app .simple-stat b {

    font-size: 23px !important;

  }

  .brs-app .simple-stat small {

    font-size: 9px !important;

  }

  .brs-app .simple-side-stack {

    grid-template-columns: 1fr !important;

  }

  .brs-app .simple-toolbar,.brs-app .r-filter-bar {

    gap: 10px;
    padding: 10px;

  }

  .brs-app .simple-toolbar .simple-search,.brs-app .r-filter-bar input {

    flex-basis: 100%;
    width: 100% !important;

  }

  .brs-app .simple-toolbar select,.brs-app .r-filter-bar select {

    flex: 1;
    min-width: 0;

  }

  .brs-app .table {

    min-width: 650px !important;

  }

  .brs-app .table td {

    font-size: 11px !important;

  }

  .brs-app .r-workflow {

    padding: 12px;
    gap: 8px;

  }

  .r-workflow span {

    font-size: 10px;
    padding: 9px;
    flex-basis: 45%;
    flex-grow: 1;

  }

  .r-front-help {

    grid-template-columns: 1fr;
    gap: 14px;

  }

  .brs-app .attendance-daily,.brs-app .attendance-monthly {

    padding: 14px !important;

  }

  .brs-app .attendance-daily>.space-between,.brs-app .attendance-monthly>.space-between {

    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    align-items: stretch !important;

  }

  .brs-app .attendance-kpi-grid {

    grid-template-columns: repeat(2,1fr) !important;
    gap: 10px !important;

  }

  .brs-app .attendance-kpi {

    padding: 13px !important;
    min-height: 84px !important;

  }

  .brs-app .attendance-kpi b {

    font-size: 23px !important;

  }

  .brs-app .attendance-kpi span {

    font-size: 11px !important;

  }

  .r-payroll-link {

    padding: 14px;
    gap: 10px;
    flex-wrap: wrap;

  }

  .r-payroll-link small {

    font-size: 10px;

  }

  .r-payroll-link strong {

    font-size: 11px;

  }

  .r-finance-kpis {

    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;

  }

  .r-finance-kpis>article {

    min-height: 100px;
    gap: 9px;
    padding: 15px 10px;

  }

  .r-finance-kpis>article>svg {

    width: 30px !important;
    height: 30px !important;
    padding: 7px;

  }

  .r-finance-kpis>article span {

    font-size: 10px;

  }

  .r-finance-kpis>article b {

    font-size: 18px;

  }

  .r-finance-kpis>article small {

    font-size: 9px;

  }

  .r-finance-kpis>article:last-child {

    grid-column: 1/-1;

  }

  .r-salary-chart {

    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;

  }

  .r-salary-chart>[data-r-salary-bars] {

    flex-basis: 100%;

  }

  .r-salary-chart .r-salary-row {

    grid-template-columns: 25px 1fr auto;

  }

  .r-salary-chart .r-salary-row b {

    font-size: 12px;

  }

  .r-finance-charts .r-section-head {

    flex-wrap: wrap;

  }

  .r-finance-charts .r-section-head input {

    max-width: 160px;

  }

  .r-guest-kpis {

    grid-template-columns: 1fr;
    gap: 11px;

  }

  .r-guest-kpis>article {

    padding: 17px 20px;
    gap: 18px;

  }

  .r-guest-kpis svg {

    width: 50px !important;
    height: 50px !important;
    padding: 14px;

  }

  .r-guest-kpis>article>div {

    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 5px 15px;
    flex: 1;

  }

  .r-guest-kpis span {

    font-size: 12px;

  }

  .r-guest-kpis b {

    grid-column: 2;
    grid-row: 1/3;
    font-size: 30px;
    margin: 0;

  }

  .r-guest-kpis small {

    font-size: 11px;

  }

  .brs-app[data-page^=guest-] .dash-title h1 {

    font-size: 36px !important;

  }

  .r-page-subtitle {

    font-size: 12px;
    line-height: 1.5;
    margin-top: 0;

  }

  .r-guest-book-action {

    margin: 15px 0;
    text-align: left;

  }

  .r-guest-support {

    gap: 12px;

  }

  .r-guest-support>svg {

    width: 43px !important;
    height: 43px !important;
    padding: 12px;

  }

  .r-guest-support p {

    font-size: 11px !important;

  }

  .r-guest-support>.btn {

    width: 100%;
    font-size: 12px !important;

  }

  .brs-app .modal {

    padding: 10px !important;

  }

  .brs-app .modal-card {

    max-height: calc(100dvh - 20px) !important;

  }

  .brs-app .modal-body {

    padding: 16px !important;

  }

  .brs-app .modal-head {

    padding: 14px 16px !important;

  }

  .brs-app .modal-body .form-grid {

    grid-template-columns: 1fr;

  }

  .brs-app .modal-body .form-grid>* {

    grid-column: 1 !important;

  }

  .brs-app .dashboard-meta {

    font-size: 10px !important;

  }

  .brs-app .r-preview-ribbon {

    bottom: 8px;
    left: 8px;
    font-size: 9px;

  }

  .brs-app .guest-account-chip {

    min-width: 0 !important;
    padding: 6px !important;

  }

  .brs-app .guest-account-copy {

    display: none !important;

  }

  .brs-app .r-console-topbar {

    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 15px;

  }

  .brs-app .r-console-search {

    width: 100%;
    font-size: 11px;

  }

  .r-console-actions {

    width: 100%;
    justify-content: flex-end;

  }

  .brs-app[data-page=admin-dashboard] .dash-top {

    background-size: auto 120% !important;
    background-repeat: no-repeat !important;
    padding: 16px 0 !important;
    min-height: 130px !important;

  }

  .brs-app[data-page=admin-dashboard] .dash-actions {

    margin-top: 10px;

  }

  .brs-app.r-public[data-page="home"] .r-hero.r-photo-hero {

    height: 430px !important;
    min-height: 430px;
    background: #0b1720;

  }

  .brs-app .r-hero-slide {

    background-size: 100% auto;
    background-position: center top;
    background-color: #0b1720;

  }

  .brs-app .r-hero-photo-shade {

    background: linear-gradient(180deg,rgba(4,13,18,0) 0 44%,rgba(4,13,18,.72) 66%,#07151c 100%);

  }

  .brs-app .r-hero-caption {

    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 14px 15px;
    background: rgba(5,16,21,.38);

  }

  .brs-app .r-hero-caption h1 {

    font-size: 28px !important;

  }

  .brs-app .r-hero-caption p {

    font-size: 11px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;

  }

  .brs-app .r-hero-caption .btn {

    font-size: 10px;
    padding: 9px 11px;
    min-height: 34px;

  }

  .brs-app .r-hero-controls {

    top: 10px;
    right: 10px;
    gap: 6px;
    padding: 5px 7px;

  }

  .brs-app .r-hero-controls>button {

    width: 30px;
    height: 30px;
    font-size: 21px;

  }

  .brs-app[data-page="gallery"] .r-gallery-grid-v20 {

    grid-template-columns: 1fr !important;
    grid-auto-rows: 235px !important;
    gap: 10px !important;

  }

  .brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item,.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(1) {

    grid-column: 1 !important;
    grid-row: span 1 !important;

  }

  .brs-app .r-gallery-identity {

    padding: 18px;
    gap: 18px;

  }

  .brs-app .r-gallery-brand-row {

    grid-template-columns: 1fr 1fr;
    gap: 8px;

  }

  .brs-app .r-gallery-brand-row img {

    height: 160px;

  }

}

.brs-app.r-public .r-nav .menu a.active,
.brs-app.r-public .r-nav .menu a[aria-current="page"] {

  color: #825d1d !important;
  background: #fbf4e7 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px #e7d1aa !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;

}

.brs-app.r-public .r-nav .menu a.active:after,
.brs-app.r-public .r-nav .menu a[aria-current="page"]:after {

  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 5px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #b58532 !important;

}

.brs-app.r-public .mobile-menu a.active,
.brs-app.r-public .mobile-menu a[aria-current="page"] {

  color: #765315 !important;
  background: #fbf4e7 !important;
  border-left: 4px solid #b58532 !important;
  border-radius: 9px !important;
  font-weight: 800 !important;

}

.brs-app.r-public .r-nav .nav-actions .btn.active,
.brs-app.r-public .r-nav .nav-actions .btn[aria-current="page"] {

  outline: 3px solid #ead5ac !important;
  outline-offset: 2px !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .dash>.side {

  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  height: 100dvh !important;
  max-height: 100dvh !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-head {

  flex: 0 0 auto !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav {

  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #d6e1ee transparent;
  padding-right: 4px !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav::-webkit-scrollbar {

  width: 5px;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav::-webkit-scrollbar-thumb {

  background: #d6e1ee;
  border-radius: 99px;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav .side-group {

  padding-bottom: 10px !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-side-tools {

  flex: 0 0 auto !important;
  position: relative !important;
  inset: auto !important;
  z-index: 3 !important;
  margin-top: 0 !important;
  padding: 11px 3px 2px !important;
  background: linear-gradient(180deg,rgba(250,252,255,.96),#f8fbff 24%) !important;
  border-top: 1px solid #e2eaf3 !important;
  box-shadow: 0 -10px 22px rgba(34,62,94,.035) !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-more-tools,
body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-site-link {

  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  min-height: 50px !important;

}

.brs-app[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a.active,
.brs-app[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a[aria-current="page"] {

  color: #064fdb !important;
  background: linear-gradient(100deg,#deecff 0%,#eef2ff 100%) !important;
  border-color: #a9c7ff !important;
  box-shadow: inset 4px 0 0 #1769ff,0 6px 16px rgba(23,105,255,.10) !important;
  font-weight: 850 !important;
  transform: none !important;

}

.brs-app[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a.active:after,
.brs-app[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a[aria-current="page"]:after {

  content: "●" !important;
  margin-left: auto !important;
  color: #1769ff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  position: static !important;
  transform: none !important;
  background: none !important;

}

.brs-app[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a:not(.active):not([aria-current="page"]):after {

  content: none !important;

}

@media (min-width:901px) and (max-height:860px) {

  body[data-page^="admin-"]:not([data-page="admin-login"]) .dash>.side {

    padding-top: 12px !important;
    padding-bottom: 10px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .side .brand {

    min-height: 58px !important;
    padding-top: 4px !important;
    padding-bottom: 10px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav {

    padding-top: 6px !important;
    padding-bottom: 5px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .side-label {

    padding-top: 5px !important;
    padding-bottom: 4px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a {

    min-height: 38px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-side-tools {

    padding-top: 8px !important;
    gap: 6px !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-more-tools,
  body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-site-link {

    min-height: 46px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;

  }

}

@media (min-width:1500px) {

  .brs-app[data-page=admin-dashboard] .dash-main {

    padding-top: 26px !important;

  }

  .brs-app .r-hero {

    height: 365px;

  }

  .r-public .r-call {

    display: flex;

  }

  .r-public[data-page=home] .r-call {

    display: none;

  }

  .brs-app .simple-kpi-card>b {

    font-size: 24px !important;

  }

  .r-home-rooms .r-room-photo img {

    height: 135px;

  }

  .r-home-stays .r-experience-card>img {

    height: 137px;

  }

  .brs-app[data-page=admin-dashboard] .simple-kpi-card:nth-child(n/**/+5)>b {

    font-size: 20px !important;
    letter-spacing: -.5px !important;

  }

  .brs-app.r-public[data-page="home"] .r-call {

    display: flex !important;

  }

}

.brs-app .r-brand img,
.brs-app .brand-mark img {

  filter: none !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-head .brand-mark,
body[data-page^="guest-"] .brand-mark,
body[data-page^="worker-"] .brand-mark {

  border-radius: 12px !important;
  overflow: hidden !important;
  background: #d7c08b !important;
  border: 1px solid #d7c08b !important;
  box-shadow: 0 7px 17px rgba(31,52,76,.10) !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-head .brand-mark img,
body[data-page^="guest-"] .brand-mark img,
body[data-page^="worker-"] .brand-mark img {

  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  border-radius: 10px !important;

}

.brs-app .brs-ui-reveal {

  opacity: 0;
  transform: translateY(16px) scale(.992);
  transition: opacity .55s cubic-bezier(.2,.75,.25,1),transform .55s cubic-bezier(.2,.75,.25,1);
  transition-delay: var(--brs-ui-delay,0ms);

}

.brs-app .brs-ui-reveal.brs-ui-in {

  opacity: 1;
  transform: none;

}

.brs-app .brs-ui-icon.brs-ui-fill {

  fill: currentColor;
  stroke: none;

}

.brs-app .brs-ui-arrow {

  display: inline-grid;
  place-items: center;
  min-width: 1.05em;
  margin-left: .14em;
  transform: translateX(0);
  transition: transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s;
  will-change: transform;

}

.brs-app :is(a,button):hover .brs-ui-arrow[data-dir="right"] {

  transform: translateX(4px);

}

.brs-app :is(a,button):hover .brs-ui-arrow[data-dir="left"] {

  transform: translateX(-4px);

}

.brs-app :is(a,button):hover .brs-ui-arrow[data-dir="up-right"] {

  transform: translate(3px,-3px);

}

.brs-app .brs-ui-ripple-host {

  position: relative;
  overflow: hidden !important;
  isolation: isolate;

}

.brs-app .brs-ui-ripple {

  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background: currentColor;
  opacity: .16;
  transform: scale(0);
  animation: brsUiRipple .55s ease-out forwards;
  z-index: 0;

}

.brs-app .brs-ui-ripple-host>:not(.brs-ui-ripple) {

  position: relative;
  z-index: 1;

}

.brs-app .brs-ui-clicked {

  animation: brsUiPress .24s ease;

}

@keyframes brsUiRipple{to{transform:scale(22);opacity:0}}

@keyframes brsUiPress{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(1px) scale(.975)}}

@keyframes brsUiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

@keyframes brsUiPulse{0%,100%{box-shadow:0 0 0 0 rgba(23,105,255,.0)}50%{box-shadow:0 0 0 7px rgba(23,105,255,.08)}}

@keyframes brsUiPop{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}}

@keyframes brsUiGlow{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}

@keyframes brsUiSpin{to{transform:rotate(360deg)}}

.brs-app .side-icon {

  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg,#f2f7fd,#e9f1fb) !important;
  color: #54789f !important;
  border: 1px solid #e2ebf6 !important;
  transition: transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease !important;
  font-size: 0 !important;

}

.brs-app .side-icon .brs-ui-icon {

  width: 17px;
  height: 17px;

}

.brs-app .side a:hover .side-icon {

  transform: translateY(-2px) rotate(-2deg);
  color: var(--brs-ui-blue) !important;
  background: linear-gradient(145deg,#eaf3ff,#f5f8ff) !important;
  box-shadow: 0 7px 16px rgba(31,105,220,.10) !important;

}

.brs-app .side-nav a.active .side-icon,
.brs-app .side-nav a[aria-current="page"] .side-icon,
.brs-app .side-group a.active .side-icon {

  background: linear-gradient(145deg,#1769ff,#5b82ff) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(23,105,255,.26) !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .dash-main {

  position: relative;
  background: radial-gradient(circle at 92% 7%,rgba(81,143,255,.08),transparent 26%),
    radial-gradient(circle at 65% 98%,rgba(26,178,135,.055),transparent 28%),
    linear-gradient(180deg,#f7faff 0%,#f5f9fe 100%) !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .dash-main:before {

  content: "";
  position: fixed;
  right: 4%;
  top: 120px;
  width: 230px;
  height: 230px;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(72,132,255,.09),transparent 66%);
  filter: blur(7px);
  animation: brsUiGlow 8s ease-in-out infinite;
  z-index: 0;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .dash-main>* {

  position: relative;
  z-index: 1;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) :is(.panel,.wc-card,.simple-main-card,.simple-side-card,.simple-toolbar,.table-wrap,.simple-stat,.hero-slide-admin-card,.override-row,.media-card) {

  border-color: #dfe9f4 !important;
  box-shadow: 0 8px 24px rgba(33,67,107,.055) !important;
  transition: transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease,background .28s ease !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) :is(.panel,.wc-card,.simple-main-card,.simple-side-card,.simple-stat,.hero-slide-admin-card,.media-card):hover {

  transform: translateY(-3px);
  border-color: #ccdaea !important;
  box-shadow: var(--brs-ui-shadow-hover) !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .table-wrap {

  overflow: auto;
  background: #fff;
  border-radius: 15px !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .table tbody tr {

  transition: background .2s ease,transform .2s ease,box-shadow .2s ease;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .table tbody tr:hover {

  background: #f5f9ff !important;
  box-shadow: inset 3px 0 0 #75a6ff;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) :is(.input,.select,textarea) {

  transition: border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) :is(.input,.select,textarea):focus {

  transform: translateY(-1px);
  border-color: #7aa8ff !important;
  box-shadow: 0 0 0 4px rgba(55,125,255,.10),0 7px 18px rgba(36,75,122,.06) !important;
  background: #fff !important;

}

body:is([data-page^="guest-"],[data-page^="worker-"]) :is(.panel,.table-wrap,.card,.r-guest-kpis>article) {

  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;

}

body:is([data-page^="guest-"],[data-page^="worker-"]) :is(.panel,.card,.r-guest-kpis>article):hover {

  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(31,63,96,.11) !important;

}

.brs-app .simple-stat {

  display: flex !important;
  gap: 16px !important;
  padding: 20px 16px !important;
  border: 1px solid #e4edf9 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  min-height: 100px !important;
  align-items: center !important;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg,#fff,#fbfdff) !important;

}

.brs-app .simple-stat:after {

  content: "";
  position: absolute;
  right: -45px;
  top: -52px;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  opacity: .11;
  pointer-events: none;

}

.brs-app .simple-stat:nth-child(1):after {

  background: #2c7cff;

}

.brs-app .simple-stat:nth-child(2):after {

  background: #20b184;

}

.brs-app .simple-stat:nth-child(3):after {

  background: #e0a229;

}

.brs-app .simple-stat-icon {

  min-width: 44px !important;
  background: #e9f3ff !important;
  color: #2c7af7 !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  transition: transform .25s ease,box-shadow .25s ease !important;

}

.brs-app .simple-stat:nth-child(1) .simple-stat-icon {

  background: linear-gradient(145deg,#e6f0ff,#d8e8ff) !important;
  color: #1769ff !important;
  box-shadow: 0 8px 18px rgba(23,105,255,.12);

}

.brs-app .simple-stat:nth-child(2) .simple-stat-icon {

  background: linear-gradient(145deg,#dcf8ee,#ccefe5) !important;
  color: #07996d !important;
  box-shadow: 0 8px 18px rgba(9,153,109,.12);

}

.brs-app .simple-stat:nth-child(3) .simple-stat-icon {

  background: linear-gradient(145deg,#fff2cf,#ffe8b2) !important;
  color: #ba7b0e !important;
  box-shadow: 0 8px 18px rgba(186,123,14,.12);

}

.brs-app .simple-stat:hover .simple-stat-icon {

  transform: translateY(-3px) rotate(-3deg);

}

.brs-app .simple-stat-icon .brs-ui-icon {

  width: 23px;
  height: 23px;

}

.brs-app .simple-stat:nth-child(2) .brs-ui-progress-icon {

  animation: brsUiSpin 4s linear infinite;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card {

  position: relative !important;
  overflow: hidden !important;
  padding-top: 52px !important;
  min-height: 132px !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .r-kpi-icon {

  position: absolute !important;
  top: 14px !important;
  left: 15px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg,#eaf2ff,#dae8ff) !important;
  color: #1769ff !important;
  border: 1px solid #d4e2f7 !important;
  box-shadow: 0 7px 16px rgba(32,89,180,.10) !important;
  transition: transform .25s ease,box-shadow .25s ease !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(2) .r-kpi-icon {

  color: #7259e9 !important;
  background: linear-gradient(145deg,#f0ecff,#e4ddff) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(3) .r-kpi-icon {

  color: #118969 !important;
  background: linear-gradient(145deg,#e6faf3,#d4f2e8) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(4) .r-kpi-icon {

  color: #c17c13 !important;
  background: linear-gradient(145deg,#fff4dd,#ffe9bf) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(5) .r-kpi-icon {

  color: #15956f !important;
  background: linear-gradient(145deg,#e6faf2,#d9f4e9) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(6) .r-kpi-icon {

  color: #d15869 !important;
  background: linear-gradient(145deg,#fff0f3,#ffe0e7) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(7) .r-kpi-icon {

  color: #4f6edf !important;
  background: linear-gradient(145deg,#edf1ff,#dde5ff) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:nth-child(8) .r-kpi-icon {

  color: #8b65c8 !important;
  background: linear-gradient(145deg,#f4edff,#e9ddff) !important;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .r-kpi-icon .brs-ui-icon {

  width: 19px;
  height: 19px;

}

body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card:hover .r-kpi-icon {

  transform: translateY(-3px) rotate(-3deg);
  box-shadow: 0 12px 22px rgba(34,74,125,.15) !important;

}

body[data-page="admin-dashboard"] .simple-today-list .simple-icon,
body[data-page="admin-dashboard"] .simple-action-grid>a>span:first-child {

  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 11px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 0 !important;
  background: linear-gradient(145deg,#edf4ff,#e2edfb) !important;
  color: #376fa9 !important;
  border: 1px solid #dbe7f4 !important;
  transition: transform .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease !important;

}

body[data-page="admin-dashboard"] .simple-today-list a:nth-child(2) .simple-icon {

  background: linear-gradient(145deg,#fff1e6,#ffe3ce) !important;
  color: #c46d25 !important;

}

body[data-page="admin-dashboard"] .simple-today-list a:nth-child(3) .simple-icon {

  background: linear-gradient(145deg,#f0ebff,#e6dcff) !important;
  color: #7659dc !important;

}

body[data-page="admin-dashboard"] .simple-today-list a:nth-child(4) .simple-icon {

  background: linear-gradient(145deg,#e9f9f0,#d9f1e4) !important;
  color: #15845c !important;

}

body[data-page="admin-dashboard"] :is(.simple-today-list a,.simple-action-grid a):hover :is(.simple-icon,span:first-child) {

  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 10px 20px rgba(33,77,125,.11) !important;

}

body[data-page="admin-dashboard"] :is(.simple-today-list,.simple-action-grid) .brs-ui-icon {

  width: 19px;
  height: 19px;

}

body[data-page="admin-content"] .dash-main,
body[data-page="admin-media"] .dash-main,
body[data-page="admin-offers"] .dash-main,
body[data-page="admin-reviews"] .dash-main,
body[data-page="admin-integrations"] .dash-main {

  background: radial-gradient(circle at 86% 8%,rgba(115,88,255,.10),transparent 26%),
    radial-gradient(circle at 38% 100%,rgba(32,178,141,.07),transparent 28%),
    linear-gradient(180deg,#f7f9ff 0%,#f4f8fd 100%) !important;

}

.brs-ui-marketing-banner {

  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
  gap: 24px;
  align-items: center;
  margin: 0 0 20px;
  padding: 24px 26px;
  border: 1px solid #d9e5f3;
  border-radius: 20px;
  color: #fff;
  background: radial-gradient(circle at 88% 18%,rgba(255,255,255,.16),transparent 22%),
    radial-gradient(circle at 72% 95%,rgba(64,235,191,.16),transparent 26%),
    linear-gradient(125deg,#173a67 0%,#245fa6 53%,#6b58d5 100%);
  box-shadow: 0 18px 46px rgba(30,68,119,.18);

}

.brs-ui-marketing-banner:before,.brs-ui-marketing-banner:after {

  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.13);

}

.brs-ui-marketing-banner:before {

  width: 190px;
  height: 190px;
  right: -45px;
  top: -80px;

}

.brs-ui-marketing-banner:after {

  width: 115px;
  height: 115px;
  right: 150px;
  bottom: -66px;

}

.brs-ui-marketing-banner .brs-ui-banner-copy {

  position: relative;
  z-index: 1;

}

.brs-ui-marketing-banner .brs-ui-kicker {

  font-size: 10px;
  letter-spacing: .19em;
  text-transform: uppercase;
  font-weight: 800;
  color: #d8e7ff;

}

.brs-ui-marketing-banner h2 {

  margin: 5px 0 7px;
  font-size: 25px;
  line-height: 1.12;
  color: #fff !important;

}

.brs-ui-marketing-banner p {

  margin: 0;
  max-width: 620px;
  color: rgba(255,255,255,.76) !important;
  font-size: 12px;
  line-height: 1.55;

}

.brs-ui-marketing-banner .brs-ui-banner-tools {

  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;

}

.brs-ui-marketing-banner .brs-ui-tool-chip {

  min-height: 76px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.17);
  backdrop-filter: blur(8px);
  transition: transform .25s ease,background .25s ease;

}

.brs-ui-marketing-banner .brs-ui-tool-chip:hover {

  transform: translateY(-4px);
  background: rgba(255,255,255,.17);

}

.brs-ui-marketing-banner .brs-ui-tool-chip .brs-ui-icon {

  width: 20px;
  height: 20px;
  margin-bottom: 9px;
  color: #fff;

}

.brs-ui-marketing-banner .brs-ui-tool-chip b {

  display: block;
  font-size: 11px;
  color: #fff;

}

.brs-ui-marketing-banner .brs-ui-tool-chip small {

  display: block;
  margin-top: 3px;
  color: #d8e6f8;
  font-size: 9px;
  line-height: 1.3;

}

body[data-page="admin-media"] .media-manager-top>.panel:first-child {

  background: linear-gradient(155deg,#fff 0%,#fbfdff 62%,#f2f7ff 100%) !important;
  border-top: 3px solid #447df1 !important;

}

body[data-page="admin-media"] .media-manager-top>.panel:nth-child(2) {

  background: linear-gradient(155deg,#fff 0%,#fbfffd 62%,#effbf7 100%) !important;
  border-top: 3px solid #21a57d !important;

}

body[data-page="admin-media"] .media-upload-preview:not(:empty) {

  animation: brsUiPop .32s ease both;

}

body[data-page="admin-media"] .override-row:hover {

  transform: translateX(3px);
  background: #fff !important;
  border-color: #cdddef !important;

}

body[data-page="admin-content"] .wc-kpi {

  overflow: hidden;
  position: relative;
  background: linear-gradient(145deg,#fff,#fbfdff) !important;

}

body[data-page="admin-content"] .wc-kpi:after {

  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  right: -38px;
  top: -42px;
  opacity: .09;
  background: #367cff;

}

body[data-page="admin-content"] .wc-kpi:nth-child(2):after {

  background: #17a878;

}

body[data-page="admin-content"] .wc-kpi:nth-child(3):after {

  background: #d58c27;

}

body[data-page="admin-content"] .wc-kpi:nth-child(4):after {

  background: #7257dd;

}

body[data-page="admin-content"] .wc-quick-grid a {

  position: relative;
  overflow: hidden;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#fff,#f7faff) !important;
  border: 1px solid #dfe9f4 !important;
  box-shadow: 0 6px 17px rgba(32,65,103,.05);
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;

}

body[data-page="admin-content"] .wc-quick-grid a:hover {

  transform: translateY(-4px);
  border-color: #bfd1e8 !important;
  box-shadow: 0 13px 26px rgba(34,70,112,.11);

}

body[data-page="admin-offers"] .notice,body[data-page="admin-reviews"] .panel {

  border-radius: 16px !important;

}

.brs-app .modal.open,.brs-app .modal[style*="display: flex"],.brs-app .modal[style*="display:flex"] {

  animation: brsUiModalBg .2s ease both;

}

.brs-app .modal.open .modal-card,.brs-app .modal[style*="display: flex"] .modal-card,.brs-app .modal[style*="display:flex"] .modal-card {

  animation: brsUiPop .3s cubic-bezier(.18,.82,.2,1) both;

}

.brs-app .toast.show {

  animation: brsUiToast .32s cubic-bezier(.2,.8,.2,1) both;

}

.brs-app details[open]>*:not(summary) {

  animation: brsUiPop .28s ease both;

}

@keyframes brsUiModalBg{from{opacity:0}to{opacity:1}}

@keyframes brsUiToast{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}

.brs-app.r-public :is(.r-room-card,.r-experience-card,.r-review-card,.r-gallery-thumbs a,.r-amenities>div,.gallery-item) {

  transition: transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease !important;

}

.brs-app.r-public :is(.r-room-card,.r-experience-card,.r-review-card,.r-amenities>div):hover {

  transform: translateY(-5px);
  box-shadow: 0 18px 42px rgba(35,52,61,.12) !important;

}

.brs-app.r-public .r-gallery-thumbs a:hover {

  transform: translateY(-4px) scale(1.02);

}

.brs-app.r-public .r-gallery-thumbs img {

  transition: transform .45s ease,filter .35s ease;

}

.brs-app.r-public .r-gallery-thumbs a:hover img {

  transform: scale(1.055);

}

.brs-app.r-public .btn,.brs-app.r-public .menu a {

  transition: transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease !important;

}

.brs-app.r-public .btn:active {

  transform: translateY(1px) scale(.98) !important;

}

.brs-app.r-public .r-nav {

  transition: box-shadow .28s ease,background .28s ease !important;

}

.brs-app .r-whatsapp {

  gap: 10px !important;
  background: linear-gradient(135deg,#25D366,#15aa50) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 12px 28px rgba(20,154,73,.30) !important;
  transition: transform .25s ease,box-shadow .25s ease,filter .25s ease !important;

}

.brs-app .r-whatsapp:hover {

  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 18px 36px rgba(20,154,73,.37) !important;
  filter: saturate(1.04);

}

.brs-app .r-whatsapp .brs-ui-whatsapp-mark {

  width: 23px;
  height: 23px;
  display: block;
  fill: #fff;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.12));
  animation: brsUiFloat 3.2s ease-in-out infinite;

}

.brs-app .r-hero-controls>button,
.brs-app .hero-arrow,
.brs-app .page-back {

  transition: transform .22s ease,background .22s ease,box-shadow .22s ease !important;

}

.brs-app .r-hero-controls>button:hover {

  transform: scale(1.08);
  box-shadow: 0 8px 20px rgba(0,0,0,.16);

}

.brs-app .r-hero-controls>button:active {

  transform: scale(.94);

}

.brs-app .r-hero-controls>button .brs-ui-icon {

  width: 19px;
  height: 19px;

}

.brs-app .page-back:hover .brs-ui-icon {

  transform: translateX(-3px);

}

.brs-app .page-back .brs-ui-icon {

  transition: transform .2s ease;

}

.brs-app .icon-btn {

  display: inline-grid !important;
  place-items: center !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg,#fff,#f5f9ff) !important;
  border: 1px solid #dce7f3 !important;
  color: #416d99 !important;
  box-shadow: 0 5px 14px rgba(34,66,102,.06) !important;
  transition: transform .22s ease,box-shadow .22s ease,color .22s ease !important;
  font-size: 0 !important;

}

.brs-app .icon-btn:hover {

  transform: translateY(-2px);
  color: #1769ff !important;
  box-shadow: 0 10px 20px rgba(35,78,127,.12) !important;

}

.brs-app .icon-btn .brs-ui-icon {

  width: 18px;
  height: 18px;

}

@media (max-width:560px) {

  .brs-ui-marketing-banner .brs-ui-banner-tools {

    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;

  }

  .brs-ui-marketing-banner .brs-ui-tool-chip {

    padding: 9px;
    min-height: 68px;

  }

  .brs-ui-marketing-banner h2 {

    font-size: 21px;

  }

  .brs-app.r-public .r-brand img {

    width: 47px !important;
    height: 42px !important;

  }

}

.brs-app .worker-nav button>span:first-child,
.brs-app .worker-action-icon {

  display: grid !important;
  place-items: center !important;
  font-size: 0 !important;
  transition: transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease !important;

}

.brs-app .worker-nav button>span:first-child {

  width: 30px !important;
  height: 30px !important;
  border-radius: 9px;
  background: #edf5ff;
  color: #3376c7;
  border: 1px solid #dce9f8;

}

.brs-app .worker-nav button>span:first-child .brs-ui-icon {

  width: 17px;
  height: 17px;

}

.brs-app .worker-nav button.active>span:first-child,.brs-app .worker-nav button:hover>span:first-child {

  background: linear-gradient(145deg,#2b73df,#5c8ff0);
  color: #fff;
  box-shadow: 0 8px 16px rgba(42,104,197,.22);
  transform: translateY(-2px);

}

.brs-app .worker-action-icon {

  background: linear-gradient(145deg,#eaf3ff,#dcecff) !important;
  color: #246bc6 !important;
  border: 1px solid #d3e2f5;

}

.brs-app .worker-action-icon .brs-ui-icon {

  width: 20px;
  height: 20px;

}

.brs-app .worker-action-grid button:hover .worker-action-icon {

  transform: translateY(-3px) rotate(-3deg);
  box-shadow: 0 10px 20px rgba(31,84,148,.15);

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side {

  z-index: 120 !important;
  isolation: isolate !important;
  pointer-events: auto !important;

}

body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav,
body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav a,
body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-side-tools,
body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-side-tools a,
body[data-page^="admin-"]:not([data-page="admin-login"]) .simple-side-tools button {

  pointer-events: auto !important;

}

.brs-app.r-public .r-nav .nav-inner {

  height: 82px !important;
  width: min(96%,1560px) !important;
  max-width: 1560px !important;
  gap: 18px !important;
  padding: 0 10px !important;

}

.brs-app.r-public .r-brand {

  min-width: 268px;
  gap: 11px !important;
  text-decoration: none !important;

}

.brs-app.r-public .r-brand img {

  width: 60px !important;
  height: 58px !important;
  background: #efe1bd !important;
  border: 1px solid rgba(134,96,38,.16) !important;
  box-shadow: 0 7px 18px rgba(76,55,27,.11) !important;

}

.brs-app.r-public .r-brand>span {

  color: var(--brs-public-navy) !important;
  font-size: 16px !important;
  letter-spacing: .055em !important;
  line-height: 1.05 !important;

}

.brs-app.r-public .r-brand small {

  color: #a57732 !important;
  margin-top: 6px !important;
  font-size: 8px !important;
  letter-spacing: .15em !important;

}

.brs-app.r-public .r-nav .menu {

  margin: auto !important;
  gap: 3px !important;
  padding: 5px !important;
  border: 1px solid rgba(24,61,88,.075);
  border-radius: 999px;
  background: linear-gradient(180deg,rgba(249,247,241,.92),rgba(255,255,255,.76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88),0 5px 14px rgba(32,55,70,.035);

}

.brs-app.r-public .r-nav .menu a {

  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 37px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #264860 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  font: 600 12px/1 Arial,sans-serif !important;
  letter-spacing: .008em !important;
  transition: color .18s ease,background .18s ease,box-shadow .18s ease !important;
  transform: none !important;

}

.brs-app.r-public .r-nav .menu a:active,
.brs-app.r-public .r-nav .menu a.brs-ui-clicked {

  transform: none !important;
  animation: none !important;

}

.brs-app.r-public .r-nav .nav-actions {

  gap: 10px !important;

}

.brs-app.r-public .r-call {

  color: #385972 !important;
  font: 600 11px Arial,sans-serif !important;
  padding: 9px 11px;
  border-radius: 999px;
  background: #f8f5ee;
  border: 1px solid #eee5d6;

}

.brs-app.r-public .r-nav .btn.gold:hover {

  box-shadow: 0 13px 26px rgba(177,127,48,.27) !important;

}

.brs-app.r-public .r-nav.scrolled {

  box-shadow: 0 12px 34px rgba(12,43,66,.11) !important;

}

html[data-public-route="booking"] .brs-app.r-public .r-nav .nav-actions .btn.gold {

  outline: 3px solid rgba(212,178,116,.35) !important;
  outline-offset: 3px !important;

}

.brs-app.r-public .mobile-menu a {

  border-radius: 10px !important;

}

.brs-app.r-public[data-page="home"] .r-home-content {

  width: min(94%,1520px) !important;
  max-width: 1520px !important;
  padding: 34px 0 30px !important;

}

.brs-public-home-section {

  margin-top: 34px;

}

.brs-public-home-section:first-child {

  margin-top: 0;

}

.brs-public-section-head {

  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;

}

.brs-public-kicker {

  display: block;
  margin-bottom: 7px;
  color: #a77831;
  font: 800 10px/1 Arial,sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;

}

.brs-public-section-head h2 {

  font-size: clamp(27px,2.2vw,38px) !important;
  margin: 0 !important;

}

.brs-public-section-head p {

  max-width: 620px;
  margin-top: 7px !important;
  font: 13px/1.6 Arial,sans-serif !important;
  color: #668096 !important;

}

.brs-public-link {

  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  color: #164f77 !important;
  font: 700 12px Arial,sans-serif !important;
  text-decoration: none !important;

}

.brs-public-link .brs-ui-arrow {

  color: #b78434;

}

.brs-public-rooms-shell {

  padding: 24px;
  border: 1px solid #e9e3da;
  border-radius: 22px;
  background: linear-gradient(150deg,#fff 0%,#fffdf8 100%);
  box-shadow: 0 16px 46px rgba(18,52,74,.07);

}

.brs-public-rooms-shell .r-home-rooms {

  gap: 18px !important;

}

.brs-public-rooms-shell .r-home-rooms .r-room-card {

  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(22,50,69,.075) !important;

}

.brs-public-rooms-shell .r-home-rooms .r-room-photo img {

  height: 185px !important;

}

.brs-public-rooms-shell .r-home-rooms .r-room-body {

  padding: 14px 16px !important;

}

.brs-public-rooms-shell .r-home-rooms h3 {

  font-size: 18px !important;
  margin-bottom: 8px !important;

}

.brs-public-rooms-shell .r-home-rooms .r-room-features {

  font-size: 11px !important;
  gap: 10px !important;

}

.brs-public-photo-showcase {

  position: relative;
  padding: 28px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(135deg,#f8f1e4,#fff 46%,#f4f8f9);
  border: 1px solid #eadfce;
  box-shadow: 0 16px 44px rgba(49,42,31,.075);

}

.brs-public-photo-showcase:before {

  content: "";
  position: absolute;
  right: -110px;
  top: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(200,157,84,.18),transparent 66%);
  pointer-events: none;

}

.brs-public-photo-grid {

  display: grid;
  grid-template-columns: 1.35fr .8fr .8fr 1.05fr;
  grid-template-rows: 155px 155px;
  gap: 10px;

}

.brs-public-photo-grid a {

  position: relative;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(27,43,52,.10);

}

.brs-public-photo-grid a:nth-child(1) {

  grid-row: 1/3;

}

.brs-public-photo-grid a:nth-child(4) {

  grid-column: 4;
  grid-row: 1/3;

}

.brs-public-photo-grid img {

  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(.2,.7,.2,1),filter .35s ease;

}

.brs-public-photo-grid a:hover img {

  transform: scale(1.055);
  filter: saturate(1.04);

}

.brs-public-photo-grid a:after {

  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,transparent 65%,rgba(5,23,34,.18));
  opacity: 0;
  transition: opacity .25s;

}

.brs-public-photo-grid a:hover:after {

  opacity: 1;

}

.brs-public-photo-cta {

  display: flex;
  justify-content: center;
  margin-top: 20px;

}

.brs-public-photo-cta .btn {

  min-width: 170px;

}

.brs-public-overview {

  position: relative;
  margin-left: calc((100vw - min(94vw,1520px))/-2);
  margin-right: calc((100vw - min(94vw,1520px))/-2);
  padding: 38px 0 42px;
  overflow: hidden;
  background: linear-gradient(180deg,#102d43,#0b2538);
  color: #fff;

}

.brs-public-overview .brs-public-section-head {

  width: min(92%,1440px);
  margin: 0 auto 20px;

}

.brs-public-overview .brs-public-section-head h2 {

  color: #fff !important;

}

.brs-public-overview .brs-public-section-head p {

  color: rgba(255,255,255,.68) !important;

}

.brs-public-overview .brs-public-kicker {

  color: #e5c58e;

}

.brs-public-marquee {

  overflow: hidden;
  mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);

}

.brs-public-marquee-track {

  display: flex;
  width: max-content;
  gap: 14px;
  padding: 6px 0;
  animation: brsPublicGalleryFlow 42s linear infinite;
  will-change: transform;

}

.brs-public-marquee-item {

  width: clamp(270px,25vw,390px);
  height: 225px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 18px 35px rgba(0,0,0,.20);
  position: relative;

}

.brs-public-marquee-item img {

  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s ease;

}

.brs-public-marquee-item:hover img {

  transform: scale(1.04);

}

@keyframes brsPublicGalleryFlow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}

.brs-public-location-shell {

  display: grid;
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.55fr);
  gap: 0;
  min-height: 430px;
  border: 1px solid #e6dfd3;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 50px rgba(23,50,68,.09);

}

.brs-public-location-copy {

  padding: 38px 34px;
  background: linear-gradient(150deg,#fbf7ed,#fffdf9);
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.brs-public-location-copy .brs-public-pin {

  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  margin-bottom: 18px;
  background: #f1e2c5;
  color: #9e6c25;
  box-shadow: inset 0 0 0 1px #e4cda3;

}

.brs-public-location-copy .brs-public-pin svg {

  width: 22px;
  height: 22px;

}

.brs-public-location-copy h2 {

  font-size: 34px !important;
  margin-bottom: 10px !important;

}

.brs-public-location-copy address {

  font: 13px/1.75 Arial,sans-serif;
  color: #5f788d;
  font-style: normal;
  margin: 0 0 20px;

}

.brs-public-location-copy .cluster {

  gap: 10px;

}

.brs-public-map {

  min-height: 430px;
  background: #e8ecec;
  position: relative;

}

.brs-public-map iframe {

  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  border: 0;

}

.brs-public-experience-grid {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;

}

.brs-public-experience-grid .r-experience-card {

  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  text-align: left;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 20px !important;

}

.brs-public-experience-grid .r-experience-card header {

  padding: 26px 22px 12px;
  min-height: 0 !important;

}

.brs-public-experience-grid .r-experience-card>img {

  grid-column: 2;
  grid-row: 1/3;
  width: 100%;
  height: 100% !important;
  min-height: 230px;
  border-radius: 0 !important;

}

.brs-public-experience-grid .r-experience-card>.btn {

  grid-column: 1;
  margin: 0 22px 22px !important;
  justify-self: start;

}

.brs-public-experience-grid .r-experience-card h2 {

  font-size: 25px !important;

}

.brs-public-experience-grid .r-experience-card p {

  font-size: 12px !important;
  line-height: 1.55 !important;

}

.brs-public-reviews {

  display: grid;
  grid-template-columns: 290px minmax(0,1fr);
  gap: 20px;
  padding: 28px;
  border-radius: 22px;
  background: linear-gradient(135deg,#fffdf7,#f7f3e9);
  border: 1px solid #e9e0d0;
  box-shadow: 0 14px 40px rgba(39,51,55,.06);

}

.brs-public-reviews .r-review-intro {

  align-items: flex-start !important;
  flex: initial !important;

}

.brs-public-reviews .r-review-intro h2 {

  font-size: 28px !important;

}

.brs-public-reviews .r-review-intro p {

  font-size: 12px !important;
  line-height: 1.5 !important;

}

.brs-public-reviews .r-review-cards {

  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 13px !important;

}

.brs-public-reviews .r-review-cards .review-card,.brs-public-reviews .r-review-cards .r-review {

  min-height: 128px !important;
  box-shadow: 0 8px 22px rgba(24,51,70,.055) !important;

}

.brs-public-reviews .brs-public-review-action {

  grid-column: 2;
  justify-self: end;
  margin-top: -8px;

}

@media (max-width:1080px) {

  .brs-app.r-public .r-brand {

    min-width: 180px;

  }

  .brs-app.r-public .r-brand>span {

    display: none !important;

  }

  .brs-app.r-public .r-nav .menu {

    gap: 1px !important;

  }

  .brs-app.r-public .r-nav .menu a {

    padding: 0 8px !important;

  }

  .brs-public-photo-grid {

    grid-template-columns: 1.2fr 1fr 1fr;
    grid-template-rows: 145px 145px 145px;

  }

  .brs-public-photo-grid a:nth-child(1) {

    grid-row: 1/3;

  }

  .brs-public-photo-grid a:nth-child(4) {

    grid-column: auto;
    grid-row: auto;

  }

  .brs-public-photo-grid a:nth-child(8) {

    grid-column: 2/4;

  }

  .brs-public-location-shell {

    grid-template-columns: 1fr 1.7fr;

  }

}

html {

  scroll-behavior: smooth;
  scroll-padding-top: 92px;

}

body {

  overflow-x: hidden;

}

img,video,canvas,svg {

  max-width: 100%;

}

:is(.grid,.cluster,.dash-main,.dash-top,.panel,.simple-main-card,.wc-card,.r-home-content,.brs-public-home-section)>* {

  min-width: 0;

}

.table-wrap {

  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;

}

input,select,textarea,button {

  max-width: 100%;

}

.brs-ui-reveal {

  transition-delay: 0s !important;
  transition-duration: .38s !important;

}

.brs-ui-reveal.is-visible {

  transition-delay: 0s !important;

}

.brs-app.r-public .r-home-content>section,
.brs-app.r-secondary .visual-story-section,
.brs-app .step2-section {

  content-visibility: auto;
  contain-intrinsic-size: 1px 620px;

}

@view-transition{navigation:auto}

::view-transition-old(root) {

  animation: brsPageOut .13s ease both;

}

::view-transition-new(root) {

  animation: brsPageIn .22s var(--brs-transition-ease) both;

}

@keyframes brsPageOut{to{opacity:.68;transform:translateY(-2px)}}

@keyframes brsPageIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

:is(.btn,.brs-public-link,.text-link,.side-nav a,.pms-nav a,.mobile-menu a,.r-nav .menu a) {

  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;

}

:is(.btn,.brs-public-link,.text-link) {

  transition: transform var(--brs-transition-fast) var(--brs-transition-ease),box-shadow var(--brs-transition-fast) ease,filter var(--brs-transition-fast) ease,background-color var(--brs-transition-fast) ease,border-color var(--brs-transition-fast) ease;

}

:is(.btn,.brs-public-link,.text-link):active {

  transform: translateY(1px) scale(.982) !important;
  transition-duration: 70ms !important;

}

.btn {

  position: relative;
  isolation: isolate;
  overflow: hidden;

}

.btn::after {

  content: "";
  position: absolute;
  z-index: -1;
  top: -80%;
  left: -35%;
  width: 28%;
  height: 260%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform: translateX(-230%) rotate(14deg);
  transition: transform .58s var(--brs-transition-ease);
  pointer-events: none;

}

.btn:hover::after {

  transform: translateX(560%) rotate(14deg);

}

.brs-app.r-public :is(.panel,.feature-card,.room-card,.r-room-card,.review-card,.r-review,.brs-public-photo-grid a,.r-experience-card,.photo-banner) {

  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform var(--brs-transition-mid) var(--brs-transition-ease),box-shadow var(--brs-transition-mid) ease,border-color var(--brs-transition-mid) ease,filter var(--brs-transition-mid) ease;

}

.r-hero-controls button,.menu-toggle,.r-whatsapp {

  transform: translateZ(0);
  transition: transform .22s var(--brs-transition-ease),box-shadow .22s ease,filter .22s ease;

}

.r-hero-controls button:hover,.menu-toggle:hover {

  transform: translateY(-2px) scale(1.04);

}

.r-hero-controls button:active,.menu-toggle:active {

  transform: scale(.94);

}

.r-whatsapp:hover {

  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(3,151,94,.30);

}

.r-whatsapp svg {

  width: 25px !important;
  height: 25px !important;
  transition: transform .32s var(--brs-transition-ease);

}

.r-whatsapp:hover svg {

  transform: rotate(-9deg) scale(1.1);

}

.brs-public-photo-showcase,.brs-public-location-shell,.brs-public-reviews {

  position: relative;
  isolation: isolate;

}

.brs-public-photo-showcase::before,.brs-public-reviews::before {

  content: "";
  position: absolute;
  z-index: -1;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  filter: blur(20px);
  opacity: .12;
  pointer-events: none;
  animation: brsFloatGlow 9s ease-in-out infinite alternate;

}

.brs-public-photo-showcase::before {

  right: 2%;
  top: -35px;
  background: #d6a34c;

}

.brs-public-reviews::before {

  left: -30px;
  bottom: -50px;
  background: #4a8aa9;
  animation-delay: -4s;

}

@keyframes brsFloatGlow{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(18px,13px,0) scale(1.08)}}

.brs-public-overview::after {

  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 15% 35%,rgba(226,192,132,.12),transparent 28%),radial-gradient(circle at 82% 65%,rgba(97,163,190,.12),transparent 30%);
  animation: brsAmbient 11s ease-in-out infinite alternate;

}

@keyframes brsAmbient{to{transform:scale(1.035);opacity:.68}}

.brs-public-overview>* {

  position: relative;
  z-index: 1;

}

.brs-app :is(.wc-card,.simple-main-card,.panel,.kpi,.stat-card,.media-card,.payroll-card) {

  transition: transform .28s var(--brs-transition-ease),box-shadow .28s ease,border-color .28s ease;

}

.brs-app .side-nav a:active {

  transform: translateX(2px) scale(.992);

}

.brs-app .brs-ui-icon {

  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
  transition: transform .22s var(--brs-transition-ease),color .22s ease,background .22s ease;

}

:where(a,button,input,select,textarea,[tabindex]):focus-visible {

  outline: 3px solid rgba(42,111,169,.32) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(42,111,169,.08) !important;

}

.modal.open .modal-card,.modal.show .modal-card {

  animation: brsModalIn .25s var(--brs-transition-ease) both;

}

.toast.show,.toast.active {

  animation: brsToastIn .28s var(--brs-transition-ease) both;

}

@keyframes brsModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

@keyframes brsToastIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

:is(.panel,.wc-card,.simple-main-card,.dash-title,.brs-public-location-copy,.r-hero-caption) {

  overflow-wrap: anywhere;

}

.table th,.table td {

  white-space: normal;

}

.brs-app :is(.input,.select,input:not([type="hidden"]),select,textarea) {

  transition: border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s var(--brs-transition-ease);

}

.brs-app :is(.input,.select,input:not([type="hidden"]),select,textarea):focus {

  transform: translateY(-1px);

}

.brs-app :is(.panel,.wc-card,.simple-main-card,.room-card,.r-room-card,.r-experience-card,.feature-card):focus-within {

  box-shadow: 0 18px 48px rgba(17,45,64,.13);
  border-color: rgba(45,113,166,.22);

}

.brs-app .table tbody tr {

  transition: background-color .18s ease,transform .18s var(--brs-transition-ease),box-shadow .18s ease;

}

@media (hover:hover) and (pointer:fine) {

  .brs-app.r-public :is(.feature-card,.room-card,.r-room-card,.review-card,.r-review,.r-experience-card):hover {

    transform: translateY(-5px);
    box-shadow: var(--brs-transition-shadow-hover);

  }

  .brs-app.r-public .brs-public-photo-grid a:hover {

    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(17,45,64,.19);

  }

  .brs-app.r-public .brs-public-link:hover {

    transform: translateX(4px);

  }

  .brs-app :is(.wc-card,.simple-main-card,.panel,.kpi,.stat-card,.media-card,.payroll-card):hover {

    box-shadow: var(--brs-transition-shadow);
    border-color: rgba(49,111,160,.18);

  }

  .brs-app .side-nav a:hover .brs-ui-icon {

    transform: scale(1.07) translateX(1px);

  }

  .brs-app .table tbody tr:hover {

    background: rgba(235,245,252,.55);
    transform: translateX(2px);

  }

  .brs-app.r-public :is(.room-card,.r-room-card,.r-experience-card,.feature-card,.brs-public-photo-grid a) img {

    transition: transform .48s var(--brs-transition-ease),filter .36s ease;

  }

  .brs-app.r-public :is(.room-card,.r-room-card,.r-experience-card,.feature-card,.brs-public-photo-grid a):hover img {

    transform: scale(1.025);
    filter: saturate(1.035) contrast(1.015);

  }

  .brs-app.r-public .r-brand img {

    transition: transform .32s var(--brs-transition-ease),filter .32s ease;

  }

  .brs-app.r-public .r-brand:hover img {

    transform: translateY(-2px) scale(1.025);
    filter: drop-shadow(0 8px 12px rgba(146,104,38,.18));

  }

  .brs-app .simple-stat:hover .simple-stat-icon,
  .brs-app .simple-kpi-card:hover .r-kpi-icon,
  .brs-app .wc-kpi:hover .wc-kpi-icon {

    transform: translateY(-2px) scale(1.045);

  }

}

.brs-app .simple-stat-icon,.brs-app .r-kpi-icon,.brs-app .wc-kpi-icon {

  transition: transform .26s var(--brs-transition-ease),box-shadow .26s ease;

}

.brs-app.r-public .r-footer a {

  transition: color .18s ease,transform .18s var(--brs-transition-ease),opacity .18s ease;

}

.brs-app.r-public .r-footer a:hover {

  transform: translateY(-1px);

}

html[data-public-route="booking"] .brs-app.r-public .r-nav .nav-actions .btn[href="booking.html"] {

  outline: 3px solid #ead5ac !important;
  outline-offset: 2px !important;

}

@media (hover:none) {

  .brs-app :is(.btn,button,.filter-chip,.service-option):active {

    filter: brightness(.97);

  }

}

.brs-app.r-public .nav.r-nav {

  height: 82px !important;
  background: rgba(255,253,248,.95) !important;
  border-bottom: 1px solid rgba(180,137,67,.16) !important;
  box-shadow: 0 9px 28px rgba(57,67,67,.055) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;

}

.brs-app.r-public .r-nav .menu a:after {

  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 4px !important;
  width: 0 !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #d5ac62 !important;
  transform: translateX(-50%) !important;
  transition: width .18s ease !important;
  display: none !important;

}

.brs-app.r-public .r-nav .menu a:hover {

  transform: none !important;
  background: rgba(255,249,238,.9) !important;
  color: #8b6024 !important;
  box-shadow: 0 7px 18px rgba(125,92,43,.08) !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .r-brand>span,
.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a {

  color: #fff !important;
  text-shadow: 0 2px 14px rgba(20,33,36,.28);

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .r-brand small {

  color: rgba(255,244,219,.94) !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu {

  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a:hover {

  color: #fff !important;
  background: rgba(255,255,255,.13) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a.active,
html[data-public-route="home"] .brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a[href="index.html"] {

  color: #fff !important;
  background: rgba(255,250,238,.16) !important;
  border: 1px solid rgba(246,215,157,.65) !important;
  box-shadow: 0 8px 26px rgba(22,29,28,.10),inset 0 1px rgba(255,255,255,.2) !important;

}

.brs-app.r-public .r-call.r-call-icon {

  display: inline-grid !important;
  place-items: center !important;
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  color: #9a6b28 !important;
  background: linear-gradient(145deg,#fffdf7,#f7ecd9) !important;
  border: 1px solid rgba(184,135,63,.25) !important;
  box-shadow: 0 8px 20px rgba(86,70,45,.08) !important;
  transition: transform .22s ease,box-shadow .22s ease,background .22s ease !important;

}

.brs-app.r-public .r-call.r-call-icon svg {

  width: 19px !important;
  height: 19px !important;

}

.brs-app.r-public .r-call.r-call-icon:hover {

  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(86,70,45,.13) !important;
  background: #fffaf0 !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .r-call.r-call-icon {

  color: #fff !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 8px 22px rgba(20,28,28,.10) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

}

.brs-app.r-public .r-nav .btn.gold {

  min-width: 128px !important;
  min-height: 43px !important;
  border-radius: 12px !important;
  box-shadow: 0 9px 20px rgba(177,127,48,.19) !important;
  background: linear-gradient(135deg,#c99546,#b77f31) !important;
  border-color: #b77f31 !important;
  color: #fff !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .btn.gold {

  box-shadow: 0 9px 24px rgba(66,45,20,.18) !important;

}

.brs-app.r-public[data-page="home"] .r-hero.r-photo-hero {

  position: relative;
  height: clamp(500px,52vw,760px) !important;
  min-height: 500px;
  overflow: hidden;
  isolation: isolate;
  background: #f3ead9 !important;

}

.brs-app.r-public[data-page="home"] .r-hero-photo-shade {

  background: linear-gradient(180deg,rgba(255,255,255,0) 0 54%,rgba(255,249,237,.04) 70%,rgba(37,44,40,.16) 100%) !important;

}

.brs-app.r-public[data-page="home"] .r-hero-caption {

  color: var(--brs-footer-theme-ink) !important;
  background: rgba(255,252,245,.86) !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  box-shadow: 0 18px 46px rgba(43,47,42,.13) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;

}

.brs-app.r-public[data-page="home"] .r-hero-caption>span {

  color: #9e6c28 !important;

}

.brs-app.r-public[data-page="home"] .r-hero-caption h1 {

  color: var(--brs-footer-theme-ink) !important;
  text-shadow: none !important;

}

.brs-app.r-public[data-page="home"] .r-hero-caption p {

  color: #516d80 !important;

}

.brs-app.r-public[data-page="home"] .r-location {

  z-index: 4;
  right: 5%;
  bottom: 88px;
  color: #21465d !important;
  background: rgba(255,252,244,.84) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  box-shadow: 0 12px 28px rgba(44,51,48,.10) !important;
  backdrop-filter: blur(11px) !important;
  -webkit-backdrop-filter: blur(11px) !important;

}

.brs-app.r-public .brs-public-overview {

  background: radial-gradient(circle at 8% 18%,rgba(221,188,126,.24),transparent 28%),
    radial-gradient(circle at 88% 80%,rgba(180,214,196,.28),transparent 32%),
    linear-gradient(135deg,#fffaf0 0%,#f8efdd 48%,#eef5ef 100%) !important;
  color: var(--brs-footer-theme-ink) !important;
  border-top: 1px solid rgba(190,152,91,.14);
  border-bottom: 1px solid rgba(190,152,91,.14);

}

.brs-app.r-public .brs-public-overview .brs-public-section-head h2 {

  color: var(--brs-footer-theme-ink) !important;

}

.brs-app.r-public .brs-public-overview .brs-public-section-head p {

  color: #688092 !important;

}

.brs-app.r-public .brs-public-overview .brs-public-kicker {

  color: #9b6c2a !important;

}

.brs-app.r-public .brs-public-overview .brs-public-link {

  color: #8e6327 !important;

}

.brs-app.r-public .brs-public-overview .brs-ui-arrow {

  color: #b8873f !important;

}

.brs-app.r-public .brs-public-marquee-item {

  border: 1px solid rgba(255,255,255,.88) !important;
  box-shadow: 0 18px 42px rgba(72,75,66,.13) !important;
  background: #fff !important;

}

.brs-app.r-public .brs-public-marquee {

  mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);

}

.brs-footer-brand .r-brand {

  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 16px !important;

}

.brs-app.r-public .brs-footer-brand .r-brand small {

  font-size: 8px !important;
  color: #a87832 !important;

}

.brs-footer-badge svg {

  width: 15px;
  height: 15px;

}

.brs-footer-col nav,.brs-footer-col .brs-footer-links {

  display: grid;
  gap: 10px;

}

.brs-app.r-public .brs-footer-col a {

  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  color: #36586d !important;
  font: 12px/1.35 Arial,sans-serif !important;
  text-decoration: none !important;

}

.brs-app.r-public .brs-footer-col a:hover {

  color: #9b6b2a !important;
  transform: translateX(3px) !important;

}

.brs-footer-contact .brs-footer-contact-row {

  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 9px;
  color: #36586d;
  font: 12px/1.35 Arial,sans-serif;

}

.brs-footer-contact .brs-footer-contact-row svg {

  width: 17px;
  height: 17px;
  color: #ae7d35;
  flex: 0 0 auto;

}

.brs-app.r-public .brs-footer-bottom a:hover {

  color: #9b6b2a !important;

}

.brs-app.r-public .mobile-menu {

  top: 82px !important;
  background: rgba(255,253,248,.98) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

}

@media (max-width:1320px) {

  .brs-app.r-public .r-brand {

    min-width: 215px;

  }

  .brs-app.r-public .r-brand>span {

    font-size: 14px !important;

  }

  .brs-app.r-public .r-brand small {

    font-size: 7px !important;

  }

  .brs-app.r-public .r-nav .menu a {

    padding: 0 9px !important;
    font-size: 11px !important;

  }

  .brs-app.r-public .r-call {

    display: none !important;

  }

  .brs-app.r-public .r-call.r-call-icon {

    display: inline-grid !important;

  }

}

@media (max-width:420px) {

  .brs-footer-main {

    grid-template-columns: 1fr;

  }

  .brs-footer-brand,.brs-footer-contact {

    grid-column: auto;

  }

}

:root {

  --r-ink: #0b2b4a;
  --r-muted: #647d9b;
  --r-gold: #ac7b2e;
  --r-green: #06493f;
  --r-blue: #2264ff;
  --r-line: #e1ebf5;
  --r-shadow: 0 8px 26px #25486707;
  --brs-ui-blue: #1769ff;
  --brs-ui-cyan: #25a7f8;
  --brs-ui-indigo: #6857f5;
  --brs-ui-mint: #16a779;
  --brs-ui-amber: #d7972e;
  --brs-ui-rose: #d45573;
  --brs-ui-ink: #0d3158;
  --brs-ui-surface: #ffffff;
  --brs-ui-line: #dce7f3;
  --brs-ui-soft: #f4f8fd;
  --brs-ui-shadow: 0 12px 36px rgba(35,66,106,.09);
  --brs-ui-shadow-hover: 0 20px 48px rgba(35,66,106,.15);
  --brs-public-navy: #0e304a;
  --brs-public-navy-2: #173e5b;
  --brs-public-gold: #b88434;
  --brs-public-gold-soft: #ead8b7;
  --brs-public-cream: #fbf8f1;
  --brs-public-paper: #fffefa;
  --brs-public-line: #e8e1d6;
  --brs-public-shadow: 0 14px 40px rgba(15,42,64,.10);
  --brs-transition-ease: cubic-bezier(.22,.75,.25,1);
  --brs-transition-fast: 180ms;
  --brs-transition-mid: 320ms;
  --brs-transition-shadow: 0 16px 42px rgba(17,45,64,.11);
  --brs-transition-shadow-hover: 0 22px 54px rgba(17,45,64,.17);
  --brs-footer-theme-ink: #15364d;
  --brs-footer-theme-muted: #667f91;
  --brs-footer-theme-gold: #b8873f;
  --brs-footer-theme-gold-deep: #946725;
  --brs-footer-theme-champagne: #f5e8cf;
  --brs-footer-theme-ivory: #fffdf8;
  --brs-footer-theme-cream: #fbf6eb;
  --brs-footer-theme-sage: #eef5ef;
  --brs-footer-theme-line: rgba(178,139,78,.22);
  --brs-footer-theme-shadow: 0 16px 46px rgba(56,66,65,.09);
  --brs-footer-cta-theme-ink: #15364d;
  --brs-footer-cta-theme-muted: #647b8c;
  --brs-footer-cta-theme-gold: #b8873f;
  --brs-footer-cta-theme-gold-deep: #926421;
  --brs-footer-cta-theme-ivory: #fffdf8;
  --brs-footer-cta-theme-cream: #fbf4e6;
  --brs-footer-cta-theme-sage: #eff5ef;
  --brs-footer-cta-theme-line: rgba(184,135,63,.20);
  --brs-footer-cta-theme-shadow: 0 18px 48px rgba(51,58,54,.09);

}

@view-transition{navigation:none}

::view-transition-old(root),::view-transition-new(root) {

  animation: none !important;

}

.brs-app.r-public .nav.r-nav::before {

  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

}

.brs-app.r-public[data-page="home"] .nav.r-nav {

  position: fixed !important;
  inset: 0 0 auto !important;
  top: 0 !important;
  z-index: 100 !important;

}

.brs-app.r-public[data-page="home"] .nav.r-nav:not(.scrolled) {

  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

}

.brs-app.r-public[data-page="home"] .nav.r-nav.scrolled {

  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(255,253,248,.94) !important;
  border-bottom: 1px solid var(--brs-footer-cta-theme-line) !important;
  box-shadow: 0 13px 34px rgba(48,58,58,.10) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;

}

.brs-app.r-public .r-nav .menu a::before,
.brs-app.r-public .r-nav .menu a::after,
.brs-app.r-public .r-nav .menu a.active::before,
.brs-app.r-public .r-nav .menu a.active::after,
.brs-app.r-public .r-nav .menu a[aria-current="page"]::before,
.brs-app.r-public .r-nav .menu a[aria-current="page"]::after {

  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;

}

.brs-app.r-public .r-nav .menu a,
.brs-app.r-public .r-nav .menu a.active,
.brs-app.r-public .r-nav .menu a[aria-current="page"] {

  text-decoration: none !important;
  border-bottom: 0 !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a.active,
.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a[aria-current="page"],
html[data-public-route="home"] .brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu a[href="index.html"] {

  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,234,193,.58) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.20),0 9px 24px rgba(28,34,31,.09) !important;

}

.brs-app.r-public .r-nav .r-call {

  display: none !important;

}

.brs-app.r-public[data-page="home"] .r-hero-controls {

  background: rgba(255,252,244,.86) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 30px rgba(45,49,43,.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

}

.brs-app.r-public[data-page="home"] .r-hero-controls>button {

  color: #294b60 !important;
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(166,127,66,.24) !important;

}

.brs-app.r-public[data-page="home"] .r-hero-dots button {

  background: rgba(43,70,83,.25) !important;

}

.brs-app.r-public[data-page="home"] .r-hero-dots button.active {

  background: #c08b3e !important;

}

.brs-app.r-public .r-phone-float {

  position: fixed;
  display: grid;
  place-items: center;
  -webkit-tap-highlight-color: transparent;

}

.brs-app.r-public .r-phone-float svg {

  display: block;

}

.brs-app.r-public .r-phone-float:hover {

  filter: saturate(1.05);

}

.brs-app.r-public .r-phone-float:active {

  transform: scale(.94);

}

.brs-footer-cta-actions .btn.light {

  background: rgba(255,255,255,.84) !important;
  border-color: rgba(184,135,63,.24) !important;
  color: #805920 !important;

}

.brs-footer-col a {

  width: max-content;
  max-width: 100%;

}

.brs-app.r-public .r-footer.brs-footer > .brs-footer-cta {

  display: block !important;
  align-items: initial !important;
  gap: 0 !important;
  flex-wrap: initial !important;
  font: inherit !important;

}

.brs-app.r-public .r-footer.brs-footer > .brs-footer-main {

  display: grid !important;
  align-items: start !important;
  flex-wrap: initial !important;
  font: inherit !important;

}

.brs-app.r-public .r-footer.brs-footer > .brs-footer-bottom {

  display: flex !important;
  font: 10px/1.5 Arial,sans-serif !important;

}

.brs-app.r-public .r-footer.brs-footer {

  display: block !important;
  padding: 0 !important;
  color: var(--brs-footer-theme-ink) !important;
  position: relative;
  overflow: hidden;
  margin-top: 48px !important;
  border-top: 0 !important;
  background: radial-gradient(circle at 4% 12%,rgba(218,182,118,.16),transparent 25%),
    radial-gradient(circle at 96% 74%,rgba(181,213,198,.18),transparent 28%),
    linear-gradient(180deg,#fffdf9 0%,#faf3e5 100%) !important;
  box-shadow: 0 -16px 48px rgba(70,67,55,.045) !important;

}

.brs-app.r-public .r-footer.brs-footer::before {

  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px !important;
  background: linear-gradient(90deg,transparent 2%,#d6ad68 18%,#f0dfbd 50%,#d6ad68 82%,transparent 98%) !important;
  opacity: .82 !important;

}

.brs-footer-cta {

  margin: 0 auto;
  width: min(94%,1500px) !important;
  padding: 32px 0 0 !important;

}

.brs-footer-cta-card {

  position: relative;
  overflow: hidden;
  justify-content: space-between;
  width: 100% !important;
  min-height: 148px;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) auto;
  align-items: center !important;
  gap: 34px !important;
  padding: 30px 34px !important;
  border: 1px solid rgba(181,132,57,.20) !important;
  border-radius: 26px !important;
  background: radial-gradient(circle at 92% 16%,rgba(204,163,91,.18),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,238,217,.92)) !important;
  box-shadow: 0 18px 50px rgba(79,66,44,.075) !important;

}

.brs-footer-cta-card::after {

  content: "BS";
  position: absolute;
  font: 700 150px/1 Georgia,serif;
  pointer-events: none;
  right: 2.5% !important;
  top: -30px !important;
  font-size: 132px !important;
  color: rgba(178,133,64,.045) !important;

}

.brs-footer-cta-copy {

  position: relative;
  z-index: 1;
  max-width: 760px !important;

}

.brs-footer-kicker {

  display: block;
  margin-bottom: 7px;
  color: #a2712d;
  font: 800 9px/1.2 Arial,sans-serif;
  text-transform: uppercase;
  font-size: 9.5px !important;
  letter-spacing: .21em !important;

}

.brs-footer-cta h2 {

  margin: 0 !important;
  color: var(--brs-footer-cta-theme-ink) !important;
  letter-spacing: -.025em !important;
  font-size: clamp(27px,2.15vw,37px) !important;
  line-height: 1.08 !important;

}

.brs-footer-cta p {

  margin: 8px 0 0 !important;
  color: #647d8e !important;
  font: 12px/1.65 Arial,sans-serif !important;
  max-width: 720px;
  font-size: 12.5px !important;
  line-height: 1.65 !important;

}

.brs-footer-cta-actions {

  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px !important;
  flex-wrap: nowrap !important;

}

.brs-footer-cta-actions .btn {

  white-space: nowrap;
  min-height: 46px !important;
  padding-inline: 18px !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 20px rgba(121,91,48,.07);

}

.brs-footer-cta-actions .btn.gold {

  min-width: 176px !important;
  justify-content: center !important;

}

.brs-footer-main {

  margin: 0 auto;
  display: grid;
  padding-top: 36px !important;
  width: min(94%,1500px) !important;
  grid-template-columns: minmax(310px,1.45fr) minmax(150px,.72fr) minmax(165px,.78fr) minmax(260px,1.05fr) !important;
  gap: 0 !important;
  padding: 38px 0 34px !important;

}

.brs-footer-main > * {

  min-width: 0;

}

.brs-footer-brand {

  padding-right: 46px;

}

.brs-footer-col {

  min-height: 190px;
  padding: 3px 30px 0;
  border-left: 1px solid rgba(176,137,77,.13);

}

.brs-footer-contact {

  padding-right: 0 !important;

}

.brs-app.r-public .brs-footer-brand .r-brand {

  gap: 11px !important;
  margin-bottom: 15px !important;

}

.brs-app.r-public .brs-footer-brand .r-brand img {

  object-fit: cover !important;
  width: 78px !important;
  height: 70px !important;
  border-radius: 15px !important;
  box-shadow: 0 9px 24px rgba(82,65,39,.10) !important;

}

.brs-app.r-public .brs-footer-brand .r-brand>span {

  color: var(--brs-footer-theme-ink) !important;
  font-size: 17px !important;
  letter-spacing: .055em !important;

}

.brs-footer-brand p {

  color: #637b8d !important;
  font: 12px/1.75 Arial,sans-serif !important;
  margin: 0 0 18px !important;
  max-width: 430px !important;
  font-size: 12.5px !important;
  line-height: 1.78 !important;
  margin-bottom: 17px !important;

}

.brs-footer-badge {

  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(184,135,63,.20);
  color: #8c6228;
  font: 700 10px/1 Arial,sans-serif;
  letter-spacing: .04em;
  padding: 9px 12px !important;
  background: rgba(255,250,239,.86) !important;

}

.brs-footer-col h3 {

  margin: 4px 0 15px !important;
  color: #9a6a28 !important;
  font: 800 10px/1 Arial,sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  position: relative;
  padding-bottom: 10px !important;
  margin-top: 2px !important;
  margin-bottom: 17px !important;
  font-size: 10.5px !important;

}

.brs-footer-col h3::after {

  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 2px;
  border-radius: 99px;
  background: #d0a45d;
  width: 30px !important;

}

.brs-footer-col nav {

  gap: 11px !important;

}

.brs-app.r-public .brs-footer-col nav a {

  position: relative;
  padding-right: 15px;
  font-size: 12.5px !important;
  transition: color .18s ease,transform .18s ease !important;

}

.brs-app.r-public .brs-footer-col nav a::after {

  content: "›";
  position: absolute;
  right: 0;
  opacity: 0;
  transform: translateX(-4px);
  color: #b4833b;
  transition: opacity .18s ease,transform .18s ease;

}

.brs-app.r-public .brs-footer-col nav a:hover::after {

  opacity: 1;
  transform: translateX(0);

}

.brs-footer-contact address {

  font: 12px/1.65 Arial,sans-serif;
  color: #637b8d;
  font-style: normal;
  margin: 0 0 13px;
  max-width: 285px;
  font-size: 12.5px !important;
  line-height: 1.72 !important;
  margin-bottom: 15px !important;

}

.brs-app.r-public .brs-footer-contact .brs-footer-contact-row {

  width: 100% !important;
  box-sizing: border-box;
  min-height: 40px;
  margin-top: 8px !important;
  padding: 9px 11px;
  border: 1px solid rgba(180,137,70,.14);
  border-radius: 11px;
  background: rgba(255,255,255,.56);
  font-size: 11.5px !important;
  transition: background .18s ease,border-color .18s ease,transform .18s ease !important;

}

.brs-app.r-public .brs-footer-contact .brs-footer-contact-row:hover {

  background: #fff !important;
  border-color: rgba(180,137,70,.28) !important;
  transform: translateY(-1px) !important;

}

.brs-footer-bottom {

  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font: 10px/1.5 Arial,sans-serif;
  border-top-color: rgba(184,135,63,.14) !important;
  width: min(94%,1500px) !important;
  min-height: 66px !important;
  padding-right: 210px;
  box-sizing: border-box;
  border-top: 1px solid rgba(184,135,63,.15) !important;
  color: #738795 !important;

}

.brs-footer-bottom-links {

  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  gap: 20px !important;

}

.brs-app.r-public .brs-footer-bottom a {

  color: #657d8e !important;
  font: 10px/1.5 Arial,sans-serif !important;
  font-size: 10.5px !important;

}

.brs-app.r-public .role-orb-wrap.in-nav .role-orb,
.brs-app.r-public .role-orb-wrap.in-nav .role-orb:hover,
.brs-app.r-public .role-orb-wrap.in-nav.open .role-orb,
.brs-app.r-public .role-orb-wrap.in-nav .role-orb:active,
.brs-app.r-public .role-orb-wrap.in-nav .role-orb:focus-visible {

  transform: none !important;

}

.brs-app.r-public .role-orb-wrap.in-nav .role-orb {

  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px;
  padding: 0 !important;
  line-height: 1 !important;

}

.brs-app.r-public .role-orb-wrap.in-nav .role-orb>span {

  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
  pointer-events: none;

}

.brs-app.r-public .role-orb-wrap.in-nav.open .role-orb {

  border-color: rgba(202,150,53,.86) !important;
  box-shadow: 0 10px 28px rgba(14,62,81,.20),0 0 0 4px rgba(202,150,53,.10),inset 0 0 0 4px rgba(255,255,255,.12) !important;

}

.brs-app.r-public .role-orb-wrap.in-nav .role-orb>em {

  display: none !important;

}

@media (max-width:1100px) {

  .brs-footer-cta-card {

    grid-template-columns: 1fr !important;
    gap: 22px !important;

  }

  .brs-footer-cta-actions {

    justify-content: flex-start !important;
    flex-wrap: wrap !important;

  }

  .brs-footer-main {

    grid-template-columns: 1.25fr repeat(3,minmax(145px,1fr)) !important;

  }

  .brs-footer-brand {

    padding-right: 30px;

  }

  .brs-footer-col {

    padding-inline: 22px;

  }

  .brs-footer-bottom {

    padding-right: 190px;

  }

}

@media (max-width:900px) {

  .brs-app .side {

    transform: translateX(-105%) !important;
    transition: transform .22s ease !important;
    width: 236px !important;

  }

  .brs-app .side.mobile-open {

    transform: translateX(0) !important;
    box-shadow: 10px 0 50px #12345620 !important;

  }

  .brs-app .dash-main,.brs-app[data-page^=guest-] .dash-main {

    margin-left: 0 !important;
    width: 100% !important;
    padding: 24px 20px !important;

  }

  .brs-app .mobile-panel-menu {

    display: inline-flex !important;

  }

  .brs-app .side-backdrop {

    position: fixed;
    inset: 0;
    background: #183b6555;
    z-index: 85;
    display: none;

  }

  .brs-app .side-backdrop.open {

    display: block;

  }

  .brs-app .dash-top {

    gap: 12px !important;

  }

  .brs-app .dash-actions {

    gap: 8px !important;

  }

  .r-preview-ribbon {

    left: 15px;

  }

  .r-book-layout {

    display: flex;
    flex-direction: column;

  }

  .r-reservation {

    margin: 0;
    width: 100%;
    order: -1;

  }

  .r-reservation-card {

    padding: 24px;

  }

  .r-reservation-card form {

    padding: 20px;

  }

  .r-book-trust,.r-book-help {

    display: none;

  }

  .r-book-hero>div {

    width: 100%;
    padding: 30px 5%;

  }

  .r-book-hero {

    height: 300px;

  }

  .r-book-hero h1 {

    font-size: 45px;

  }

  .r-book-hero p {

    font-size: 15px;
    max-width: none;

  }

  .r-book-room-list {

    width: 100%;

  }

  .r-book-rooms .r-room-card {

    min-height: 160px;

  }

  .r-book-rooms .r-room-body {

    display: grid;
    grid-template-columns: 1fr 130px;
    padding: 13px;

  }

  .r-book-rooms .r-room-body>p {

    display: block;

  }

  .r-book-rooms .r-room-bottom {

    flex-direction: column;
    grid-column: 2;
    grid-row: 1/5;
    margin: 0;

  }

  .r-book-rooms .r-room-bottom b {

    font-size: 23px;

  }

  .r-book-rooms .r-room-bottom .btn {

    font-size: 12px;
    padding: 9px 13px;

  }

  .r-book-rooms .r-room-features {

    font-size: 12px;

  }

  .r-book-rooms .r-room-details {

    display: block;

  }

  .r-page-hero h1 {

    font-size: 44px;

  }

  .r-page-hero p {

    font-size: 16px;

  }

  .r-page-hero .r-benefits {

    gap: 15px;

  }

  .r-page-hero .r-benefits b {

    font-size: 11px;

  }

  .r-page-hero .r-benefits svg {

    width: 19px !important;

  }

  .r-room-grid:not(.r-home-rooms):not(.r-book-rooms) {

    grid-template-columns: repeat(2,minmax(0,1fr));

  }

  .r-gallery-strip {

    padding: 12px;
    gap: 12px;

  }

  .r-gallery-strip>div:first-child {

    flex-basis: 160px;

  }

  .r-gallery-strip h2 {

    font-size: 19px;

  }

  .r-gallery-thumbs a:nth-child(n/**/+4) {

    display: none;

  }

  .r-footer {

    flex-wrap: wrap;
    justify-content: space-between;

  }

  .r-footer>div {

    order: 3;
    flex-basis: 100%;
    justify-content: center;
    padding: 5px 0;

  }

  .r-review-cards .r-review:nth-child(n/**/+2) {

    display: none;

  }

  .brs-app.r-public[data-page="home"] .r-hero.r-photo-hero {

    height: 560px !important;
    min-height: 560px;

  }

  .brs-app .r-hero-caption {

    left: 20px;
    right: 20px;
    bottom: 22px;
    max-width: 560px;

  }

  .brs-app .r-hero-controls {

    right: 20px;
    bottom: auto;
    top: 18px;

  }

  .brs-app.r-public[data-page="home"] .r-location {

    display: none;

  }

  .brs-app[data-page="gallery"] .r-gallery-grid-v20 {

    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows: 250px !important;

  }

  .brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item,.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(1),.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(2),.brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(3) {

    grid-column: span 1 !important;
    grid-row: span 1 !important;

  }

  .brs-app[data-page="gallery"] .r-gallery-grid-v20 .gallery-item:nth-child(1) {

    grid-column: 1/-1 !important;
    grid-row: span 2 !important;

  }

  .brs-app .r-gallery-identity {

    grid-template-columns: 1fr;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .dash>.side {

    overflow: hidden !important;

  }

  body[data-page^="admin-"]:not([data-page="admin-login"]) .side-nav {

    padding-bottom: 12px !important;

  }

  .brs-ui-marketing-banner {

    grid-template-columns: 1fr;
    padding: 20px;

  }

  .brs-ui-marketing-banner .brs-ui-banner-tools {

    grid-template-columns: repeat(3,1fr);

  }

  body[data-page="admin-dashboard"] .simple-dashboard-kpis .simple-kpi-card {

    padding-top: 49px !important;

  }

  .brs-app.r-public .nav.r-nav,.brs-app.r-public .r-nav .nav-inner {

    height: 72px !important;

  }

  .brs-app.r-public .r-brand {

    min-width: 0;

  }

  .brs-app.r-public .r-brand img {

    width: 52px !important;
    height: 50px !important;

  }

  .brs-app.r-public .r-nav .menu {

    display: none !important;

  }

  .brs-app.r-public .menu-toggle {

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid #e7dfd3;
    background: #fff;
    color: #173b56;
    font-size: 20px;

  }

  .brs-app.r-public .mobile-menu {

    top: 72px !important;

  }

  .brs-public-photo-showcase {

    padding: 20px;

  }

  .brs-public-photo-grid {

    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4,150px);

  }

  .brs-public-photo-grid a:nth-child(1),.brs-public-photo-grid a:nth-child(4),.brs-public-photo-grid a:nth-child(8) {

    grid-column: auto;
    grid-row: auto;

  }

  .brs-public-location-shell {

    grid-template-columns: 1fr;

  }

  .brs-public-map,.brs-public-map iframe {

    min-height: 360px;

  }

  .brs-public-experience-grid {

    grid-template-columns: 1fr;

  }

  .brs-public-reviews {

    grid-template-columns: 1fr;

  }

  .brs-public-reviews .r-review-cards {

    grid-template-columns: 1fr 1fr !important;

  }

  .brs-public-reviews .brs-public-review-action {

    grid-column: 1;
    justify-self: start;
    margin-top: 0;

  }

  html {

    scroll-padding-top: 76px;

  }

  .dash-main {

    width: 100%;
    min-width: 0;

  }

  .dash-top,.space-between,.cluster {

    flex-wrap: wrap;

  }

  .form-grid,.compact-form {

    max-width: 100%;

  }

  .brs-app .table-wrap {

    border-radius: 12px;

  }

  .brs-public-overview {

    contain: paint;

  }

  .brs-app.r-public[data-page="home"] .nav.r-nav:not(.scrolled) {

    height: 72px !important;

  }

  .brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .menu-toggle {

    color: #fff !important;
    background: rgba(255,255,255,.13) !important;
    border-color: rgba(255,255,255,.38) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

  }

  .brs-footer-cta-card {

    align-items: flex-start;
    flex-direction: column;
    padding: 24px;

  }

  .brs-footer-cta-actions {

    justify-content: flex-start;

  }

  .brs-footer-main {

    padding-top: 38px;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 0 !important;

  }

  .brs-footer-brand {

    grid-column: 1/-1 !important;
    padding-right: 0 !important;

  }

  .brs-footer-col {

    min-height: 0;
    padding: 0 24px 0 0;
    border-left: 0 !important;

  }

  .brs-footer-col:nth-child(3),.brs-footer-contact {

    padding-left: 24px;
    border-left: 1px solid rgba(176,137,77,.13) !important;

  }

  .brs-footer-contact {

    grid-column: 1/-1 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    max-width: 520px;

  }

  .brs-footer-bottom {

    padding-right: 0;
    flex-wrap: wrap !important;
    padding-block: 16px;

  }

  .brs-footer-bottom-links {

    margin-left: 0 !important;

  }

}

@media (prefers-reduced-motion:reduce) {

  .brs-app .r-hero-slide {

    transition: none !important;
    transform: none !important;

  }

  .brs-app .lightbox.open {

    animation: none !important;

  }

  .brs-app * {

    animation: none !important;
    transition: none !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;

  }

  .brs-app .brs-ui-reveal {

    opacity: 1 !important;
    transform: none !important;
    transition: none !important;

  }

  .brs-app :is(.panel,.wc-card,.simple-stat,.simple-kpi-card,.r-room-card,.r-experience-card,.media-card):hover {

    transform: none !important;

  }

  .brs-public-marquee-track {

    animation: none !important;
    transform: none !important;
    overflow-x: auto;

  }

  html {

    scroll-behavior: auto;

  }

  *,*::before,*::after {

    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;

  }

  ::view-transition-old(root),::view-transition-new(root) {

    animation: none !important;

  }

  .brs-app.r-public .r-call.r-call-icon,.brs-app.r-public .brs-footer-col a {

    transition: none !important;

  }

  .brs-app.r-public .r-phone-float {

    transition: none !important;

  }

  .brs-app.r-public .brs-footer-col a,
  .brs-app.r-public .brs-footer-contact-row,
  .brs-app.r-public .role-orb {

    transition: none !important;

  }

}

.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login {

  text-decoration: none !important;
  color: #fff !important;
  border-color: rgba(202,150,53,.72) !important;
  background: linear-gradient(145deg,#0f5f70,#157a78) !important;

}

.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login>span {

  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;

}

.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login svg {

  width: 21px !important;
  height: 21px !important;
  display: block !important;

}

.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login>i {

  display: none !important;

}

.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login:hover,
.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login:focus-visible,
.brs-app.r-public .role-orb-wrap.in-nav.signed-out .role-orb-login:active {

  transform: none !important;
  border-color: rgba(202,150,53,.9) !important;
  box-shadow: 0 10px 28px rgba(14,62,81,.20),0 0 0 4px rgba(202,150,53,.10),inset 0 0 0 4px rgba(255,255,255,.12) !important;

}

.brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) .role-orb>i {

  right: -2px !important;
  bottom: 1px !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #fff !important;

}

.brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) {

  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;

}

.brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) .role-orb {

  position: relative !important;
  inset: auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  transform: none !important;
  translate: none !important;

}

.brs-app.r-public .role-orb-status {

  position: absolute !important;
  right: -2px !important;
  bottom: 1px !important;
  top: auto !important;
  left: auto !important;
  width: 10px !important;
  height: 10px !important;
  box-sizing: content-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #38b678 !important;
  box-shadow: 0 0 0 3px rgba(56,182,120,.15) !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;

}

.brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out):is(.open,:hover,:focus-within) .role-orb-status {

  right: -2px !important;
  bottom: 1px !important;
  transform: none !important;
  translate: none !important;

}

.brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) .role-orb>i:not(.role-orb-status) {

  display: none !important;

}

@media (max-width:620px) {

  .brs-app.r-public .r-nav .nav-inner {

    width: 94% !important;
    padding: 0 !important;

  }

  .brs-app.r-public .r-nav .btn.gold {

    min-width: auto !important;
    padding: 9px 12px !important;

  }

  .brs-app.r-public .r-nav .btn.gold svg {

    display: none !important;

  }

  .brs-app.r-public[data-page="home"] .r-home-content {

    width: 92% !important;
    padding-top: 24px !important;

  }

  .brs-public-section-head {

    align-items: flex-start;
    flex-direction: column;
    gap: 10px;

  }

  .brs-public-rooms-shell,.brs-public-photo-showcase,.brs-public-reviews {

    padding: 17px;
    border-radius: 18px;

  }

  .brs-public-photo-grid {

    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4,115px);
    gap: 7px;

  }

  .brs-public-overview {

    margin-left: -4.35vw;
    margin-right: -4.35vw;
    padding: 30px 0 34px;

  }

  .brs-public-marquee-item {

    width: 250px;
    height: 175px;

  }

  .brs-public-location-copy {

    padding: 28px 22px;

  }

  .brs-public-map,.brs-public-map iframe {

    min-height: 310px;

  }

  .brs-public-experience-grid .r-experience-card {

    grid-template-columns: 1fr;

  }

  .brs-public-experience-grid .r-experience-card>img {

    grid-column: 1;
    grid-row: auto;
    height: 190px !important;
    min-height: 0;

  }

  .brs-public-experience-grid .r-experience-card>.btn {

    grid-column: 1;

  }

  .brs-public-reviews .r-review-cards {

    grid-template-columns: 1fr !important;

  }

  .btn {

    min-height: 42px;

  }

  .dash-actions {

    width: 100%;
    flex-wrap: wrap;

  }

  .dash-actions .btn {

    flex: 1 1 auto;

  }

  .modal-card {

    max-width: calc(100vw - 20px) !important;
    margin: 10px !important;

  }

  .brs-public-location-shell {

    border-radius: 18px;

  }

  .r-whatsapp span {

    display: none;

  }

  .r-whatsapp {

    width: 52px;
    height: 52px;
    justify-content: center;
    border-radius: 50% !important;
    padding: 0 !important;

  }

  .brs-app.r-public .r-call.r-call-icon {

    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;

  }

  .brs-app.r-public .r-call.r-call-icon svg {

    width: 17px !important;
    height: 17px !important;

  }

  .brs-footer-brand {

    grid-column: 1/-1;

  }

  .brs-footer-contact {

    grid-column: 1/-1;

  }

  .brs-app.r-public .r-phone-float {

    right: 82px;
    bottom: 18px;
    width: 52px;
    height: 52px;

  }

  .brs-app.r-public .r-phone-float svg {

    width: 20px;
    height: 20px;

  }

  .brs-app.r-public .r-footer.brs-footer {

    margin-top: 34px !important;

  }

  .brs-footer-cta {

    width: 90% !important;
    padding-top: 24px !important;

  }

  .brs-footer-cta-card {

    gap: 20px;
    min-height: 0;
    padding: 22px 18px !important;
    border-radius: 20px !important;

  }

  .brs-footer-cta h2 {

    font-size: 27px !important;

  }

  .brs-footer-cta-actions {

    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;

  }

  .brs-footer-cta-actions .btn {

    flex: 1 1 145px;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 12px !important;

  }

  .brs-footer-cta-actions .btn.gold {

    grid-column: 1/-1 !important;

  }

  .brs-footer-main {

    width: 90% !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 30px 0 26px !important;

  }

  .brs-footer-brand,.brs-footer-col,.brs-footer-contact {

    grid-column: auto !important;
    padding: 0 !important;
    border-left: 0 !important;
    min-height: 0 !important;

  }

  .brs-app.r-public .brs-footer-brand .r-brand img {

    width: 68px !important;
    height: 62px !important;

  }

  .brs-app.r-public .brs-footer-brand .r-brand>span {

    font-size: 15px !important;

  }

  .brs-footer-bottom {

    padding: 15px 0;
    flex-direction: column;
    width: 90% !important;
    align-items: flex-start !important;
    gap: 9px !important;

  }

  .brs-footer-bottom-links {

    gap: 14px !important;

  }

  .brs-app.r-public .role-orb-wrap.in-nav .role-orb {

    width: 43px !important;
    height: 43px !important;
    flex-basis: 43px !important;

  }

  .brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) {

    width: 43px !important;
    height: 43px !important;
    flex-basis: 43px !important;

  }

  .brs-app.r-public .role-orb-wrap.in-nav:not(.signed-out) .role-orb {

    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;

  }

}

/* V43 public brand logo polish */

.brs-app.r-public .r-brand img {

  border-radius: 50% !important;
  object-fit: cover !important;
  padding: 0 !important;
  overflow: hidden !important;

}

.brs-app.r-public .r-nav .r-brand img {

  width: 60px !important;
  height: 60px !important;

}

.brs-app.r-public .brs-footer-brand .r-brand img,.brs-app.r-public .r-footer .r-brand img {

  border-radius: 50% !important;
  object-fit: cover !important;

}

/* V73 — floating contact controls positioned above the reference-style AI pill. */

.brs-app.r-public .r-whatsapp {

  justify-content: center !important;
  gap: 0 !important;

}

.brs-app.r-public .r-whatsapp span {

  display: none !important;

}

@media (max-width:620px) {

  .brs-app.r-public .r-whatsapp {

    right: 12px !important;
    bottom: 86px !important;
    width: 48px !important;
    height: 48px !important;

  }

  .brs-app.r-public .r-phone-float {

    right: 70px !important;
    bottom: 86px !important;
    width: 48px !important;
    height: 48px !important;

  }

  .brs-app.r-public .r-whatsapp .brs-ui-whatsapp-mark {

    width: 22px !important;
    height: 22px !important;

  }

  .brs-app.r-public .r-phone-float svg {

    width: 19px !important;
    height: 19px !important;

  }

}

/* =====================================================================
   V74 — royal blue crest branding + reference contact stack + Book Now.
   ===================================================================== */

.brs-app.r-public .r-nav .r-brand {

  gap: 12px !important;

}

.brs-app.r-public .r-nav .r-brand>span {

  color: #183e69 !important;
  letter-spacing: .025em !important;

}

.brs-app.r-public .r-nav .r-brand small {

  color: #a97628 !important;
  letter-spacing: .12em !important;

}

.brs-app.r-public .r-nav .btn.gold[href*="booking"] {

  min-height: 50px !important;
  padding: 0 24px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,#c9922f,#a96e13) !important;
  border: 1px solid #e5bd73 !important;
  box-shadow: 0 9px 24px rgba(155,102,22,.22),inset 0 1px 0 rgba(255,255,255,.28) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease !important;

}

.brs-app.r-public .r-nav .btn.gold[href*="booking"]:hover {

  transform: translateY(-3px) !important;
  box-shadow: 0 15px 32px rgba(155,102,22,.28),inset 0 1px 0 rgba(255,255,255,.30) !important;
  filter: saturate(1.08);

}

.brs-app.r-public .r-nav .btn.gold[href*="booking"] .r-icon {

  transition: transform .25s ease;

}

.brs-app.r-public .r-nav .btn.gold[href*="booking"]:hover .r-icon {

  transform: translateY(-1px) rotate(-6deg);

}

/* Contact controls sit exactly above the Smart AI pill, like the selected reference. */

.brs-app.r-public .r-whatsapp {

  right: 18px !important;
  bottom: 101px !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg,#24d267,#0eb653) !important;
  border: 3px solid #fff !important;
  box-shadow: 0 11px 25px rgba(9,159,72,.26),0 0 0 1px rgba(11,178,82,.15) !important;
  z-index: 2147481995 !important;
  transition: transform .24s cubic-bezier(.2,.9,.25,1.25),box-shadow .24s ease !important;

}

.brs-app.r-public .r-whatsapp:hover {

  transform: translateY(-4px) scale(1.055) !important;
  box-shadow: 0 16px 30px rgba(9,159,72,.32),0 0 0 4px rgba(28,200,94,.10) !important;

}

.brs-app.r-public .r-whatsapp .brs-ui-whatsapp-mark {

  width: 25px !important;
  height: 25px !important;
  fill: #fff !important;
  animation: none !important;

}

.brs-app.r-public .r-phone-float {

  right: 82px !important;
  bottom: 101px !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  color: #b47522 !important;
  background: linear-gradient(145deg,#fffdf7,#f8ecd8) !important;
  border: 2px solid #e7c993 !important;
  box-shadow: 0 11px 25px rgba(103,75,33,.15),inset 0 1px 0 #fff !important;
  z-index: 2147481995 !important;
  transition: transform .24s cubic-bezier(.2,.9,.25,1.25),box-shadow .24s ease !important;

}

.brs-app.r-public .r-phone-float:hover {

  transform: translateY(-4px) rotate(-5deg) scale(1.05) !important;
  box-shadow: 0 16px 30px rgba(103,75,33,.21),0 0 0 4px rgba(205,159,85,.08) !important;

}

.brs-app.r-public .r-phone-float svg {

  width: 23px !important;
  height: 23px !important;
  stroke-width: 1.9 !important;

}

/* Hero is intentionally cleaner: location eyebrow/chip and duplicate CTAs were removed. */

.brs-app.r-public[data-page="home"] .r-hero-caption {

  padding-top: 24px !important;

}

.brs-app.r-public[data-page="home"] .r-hero-caption h1 {

  margin-top: 0 !important;

}

/* Loading state used on the final booking submit button. */

.brs-btn-loading {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

}

.brs-btn-loading i {

  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.42);
  border-top-color: #fff;
  animation: brsV74ButtonSpin .72s linear infinite;

}

@keyframes brsV74ButtonSpin{to{transform:rotate(360deg)}}

@media (max-width:760px) {

  .brs-app.r-public .r-nav .r-brand img {

    width: 58px !important;
    height: 47px !important;
    border-radius: 10px !important;

  }

  .brs-app.r-public .r-nav .r-brand>span {

    font-size: 13px !important;

  }

  .brs-app.r-public .r-nav .btn.gold[href*="booking"] {

    min-height: 44px !important;
    padding: 0 15px !important;

  }

  .brs-app.r-public .r-whatsapp {

    right: 12px !important;
    bottom: 90px !important;
    width: 49px !important;
    height: 49px !important;

  }

  .brs-app.r-public .r-phone-float {

    right: 68px !important;
    bottom: 90px !important;
    width: 49px !important;
    height: 49px !important;

  }

  .brs-app.r-public .r-whatsapp .brs-ui-whatsapp-mark {

    width: 23px !important;
    height: 23px !important;

  }

  .brs-app.r-public .r-phone-float svg {

    width: 20px !important;
    height: 20px !important;

  }

}

/* V81 finalized Braj Samode crest */

.brs-app.r-public .r-nav .r-brand img,
.brs-app.r-public .brs-footer-brand .r-brand img,
.brs-app.r-public .r-footer .r-brand img {

  width: 62px !important;
  height: 62px !important;
  max-width: 62px !important;
  max-height: 62px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 50% !important;
  padding: 0 !important;
  background: #efe0b7 !important;
  border: 1px solid rgba(151,107,43,.24) !important;
  box-shadow: 0 8px 22px rgba(91,63,27,.13) !important;

}

.brs-app.r-public[data-page="home"] .r-nav:not(.scrolled) .r-brand img {

  background: rgba(238,221,178,.94) !important;
  border-color: rgba(255,255,255,.50) !important;
  box-shadow: 0 10px 28px rgba(22,24,23,.18) !important;

}

@media (max-width:760px) {

  .brs-app.r-public .r-nav .r-brand img {

    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;

  }

}

/* V88: prevent an empty whitespace-only toast from appearing as a dark floating notch. */
.brs-app .toast:not(.show){opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}