/* Booking & Beyond — optional account access */
:root{
  --bb-account-accent:#78e6a4;
  --bb-account-ink:#090b0a;
  --bb-account-paper:#f2f1ec;
  --bb-account-muted:#747772;
  --bb-account-line:#d1d2cc;
  --bb-account-danger:#a53535;
}

body.bb-account-open{overflow:hidden}

.site-header .header-account[data-account-open]{
  position:relative;
  flex:0 0 auto;
  min-width:0;
  min-height:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-left:9px;
  padding:3px 9px 3px 4px;
  border:1px solid #ffffff2e;
  border-radius:999px;
  background:#080a098f;
  color:#d9dbd7;
  font:650 9px/1 'DM Sans',sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.site-header .header-account[data-account-open]::before{display:none}
.site-header .header-account[data-account-open]>span:first-child{
  position:relative;
  width:26px;
  height:26px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid #ffffff26;
  border-radius:50%;
  background:#ffffff09;
  color:#c5c8c3;
  transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s;
}
.site-header .header-account[data-account-open]>span:first-child svg{
  width:14px;
  height:14px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.site-header .header-account[data-account-open]>b{font:inherit}
.site-header .header-account[data-account-open]:hover,
.site-header .header-account[data-account-open]:focus-visible{
  border-color:var(--bb-account-accent);
  background:#101310;
  color:#f3f4f0;
  transform:translateY(-1px);
}
.site-header .header-account[data-account-open]:hover>span:first-child,
.site-header .header-account[data-account-open]:focus-visible>span:first-child{
  border-color:#78e6a470;
  color:var(--bb-account-accent);
}
.site-header .header-account[data-account-open]:focus-visible{
  outline:3px solid #78e6a466;
  outline-offset:3px;
}
.site-header .header-account[data-account-open].is-authenticated>span:first-child{
  border-color:#78e6a45c;
  background:#78e6a412;
  color:var(--bb-account-accent);
}
.site-header .header-account[data-account-open].is-authenticated>span:first-child::after{
  content:"";
  position:absolute;
  top:-2px;
  right:-2px;
  width:6px;
  height:6px;
  border:2px solid #090b0a;
  border-radius:50%;
  background:var(--bb-account-accent);
}

.bb-account-dialog{
  position:fixed;
  inset:0;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  height:100dvh;
  max-height:100dvh;
  margin:0;
  padding:clamp(10px,2vw,28px);
  border:0;
  background:#020302d9;
  color:var(--bb-account-ink);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  opacity:0;
  transition:opacity .22s ease;
  z-index:400;
}
.bb-account-dialog[open]{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.bb-account-dialog.is-visible{opacity:1}
.bb-account-dialog::backdrop{
  background:#020302e8;
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
.bb-account-dialog *{box-sizing:border-box}
.bb-account-dialog [hidden]{display:none!important}
.bb-account-shell{
  position:relative;
  flex:0 0 auto;
  width:min(1030px,100%);
  min-height:min(680px,calc(100dvh - 56px));
  margin-block:auto;
  display:grid;
  grid-template-columns:minmax(310px,39%) minmax(0,61%);
  overflow:hidden;
  border:1px solid #ffffff24;
  border-radius:16px;
  background:var(--bb-account-paper);
  box-shadow:0 34px 130px #000;
  transform:translateY(18px) scale(.988);
  transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.bb-account-dialog.is-visible .bb-account-shell{transform:none}
.bb-account-close{
  position:absolute;
  top:17px;
  right:17px;
  z-index:4;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #1113;
  border-radius:50%;
  background:#f2f1ecce;
  color:#101210;
  font:300 25px/1 Manrope,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.bb-account-close:hover{background:#0b0d0c;color:#fff;transform:rotate(7deg)}

.bb-account-intro{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(34px,4.5vw,58px);
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 13%,#78e6a42b,transparent 31%),
    linear-gradient(150deg,#111512,#050605 62%);
  color:#f2f1ed;
}
.bb-account-intro::after{
  content:"B&B";
  position:absolute;
  right:-24px;
  bottom:52px;
  color:#ffffff08;
  font:600 clamp(90px,14vw,190px)/.8 Manrope,sans-serif;
  letter-spacing:-.11em;
  pointer-events:none;
}
.bb-account-brand{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:13px;
  color:#fff;
  text-decoration:none;
}
.bb-account-brand img{width:104px;height:104px;flex:0 0 104px;aspect-ratio:1/1;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none}
.bb-account-brand span{display:flex;flex-direction:column;gap:4px}
.bb-account-brand b{font:600 16px/1 Manrope,sans-serif;letter-spacing:-.03em}
.bb-account-brand small{color:#8c918c;font:600 8px/1 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.bb-account-promise{position:relative;z-index:1;margin:auto 0;padding:60px 0}
.bb-account-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 19px;
  color:var(--bb-account-accent);
  font:600 9px/1.2 'DM Sans',sans-serif;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.bb-account-eyebrow::before{content:"";width:24px;height:1px;background:currentColor}
.bb-account-promise h2{
  max-width:360px;
  margin:0;
  color:#f6f5f0;
  font:500 clamp(39px,4.7vw,66px)/.91 Manrope,sans-serif;
  letter-spacing:-.068em;
  text-wrap:balance;
}
.bb-account-promise h2 em{color:#8d928d;font-family:Georgia,serif;font-weight:400}
.bb-account-promise>p:last-child{
  max-width:320px;
  margin:27px 0 0;
  color:#9da19d;
  font:400 13px/1.7 'DM Sans',sans-serif;
}
.bb-account-note{
  position:relative;
  z-index:1;
  margin:0;
  padding-top:20px;
  border-top:1px solid #ffffff20;
  color:#7f847f;
  font:500 10px/1.55 'DM Sans',sans-serif;
}

.bb-account-panel{
  min-width:0;
  display:flex;
  align-items:center;
  padding:clamp(54px,6vw,78px) clamp(30px,6vw,82px);
  background:var(--bb-account-paper);
}
.bb-account-panel-inner{width:100%;max-width:470px;margin:auto}
.bb-account-section-head{margin:0 0 30px;padding-right:34px}
.bb-account-section-head small{
  display:block;
  margin:0 0 12px;
  color:#626560;
  font:700 9px/1 'DM Sans',sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bb-account-section-head h2{
  margin:0;
  color:#0a0c0b;
  font:550 clamp(32px,3.6vw,48px)/.98 Manrope,sans-serif;
  letter-spacing:-.055em;
}
.bb-account-section-head p{margin:14px 0 0;color:#626560;font:400 12px/1.62 'DM Sans',sans-serif}

.bb-account-loading{display:grid;place-items:center;min-height:260px;text-align:center}
.bb-account-spinner{
  width:38px;
  height:38px;
  margin:0 auto 18px;
  border:2px solid #c9ccc7;
  border-top-color:#111;
  border-radius:50%;
  animation:bb-account-spin .8s linear infinite;
}

.bb-account-unavailable{width:100%}
.bb-account-service-notice{
  display:grid;
  gap:6px;
  margin:0 0 22px;
  padding:16px 17px;
  border-left:3px solid #b9894d;
  border-radius:0 7px 7px 0;
  background:#eee5d7;
  color:#4b3a26;
}
.bb-account-service-notice strong{font:700 11px/1.35 'DM Sans',sans-serif}
.bb-account-service-notice span{font:450 10px/1.55 'DM Sans',sans-serif}
.site-header .header-account[data-account-open].is-unavailable>span:first-child::after{
  content:"";
  position:absolute;
  top:-2px;
  right:-2px;
  width:6px;
  height:6px;
  border:2px solid #090b0a;
  border-radius:50%;
  background:#d9a35f;
}
.bb-account-loading p{margin:0;color:#626560;font:500 12px 'DM Sans',sans-serif}
@keyframes bb-account-spin{to{transform:rotate(360deg)}}

.bb-account-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin:0 0 28px;
  padding:4px;
  border:1px solid var(--bb-account-line);
  border-radius:9px;
  background:#e6e5df;
}
.bb-account-tab{
  min-height:43px;
  padding:8px 12px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#626560;
  font:650 11px/1 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-account-tab[aria-selected="true"]{background:#fff;color:#0a0c0b;box-shadow:0 5px 18px #20251f12}
.bb-account-tab:hover:not([aria-selected="true"]){color:#111}
.bb-google-auth{display:grid;justify-items:center;margin:0 0 14px}
.bb-google-button{width:100%;min-height:44px;display:grid;place-items:center;overflow:hidden;border-radius:999px}
.bb-google-button>div,.bb-google-button iframe{max-width:100%!important}
.bb-google-status{min-height:17px;margin:7px 0 0;color:#6b6e69;font:600 10px/1.4 'DM Sans',sans-serif;text-align:center}
.bb-google-privacy{max-width:420px;margin:9px 0 0;color:#686b67;font:400 10px/1.5 'DM Sans',sans-serif;text-align:left}
.bb-google-privacy a{color:#111;text-underline-offset:3px}
.bb-google-status.is-error{color:var(--bb-account-danger)}
.bb-google-status.is-success{color:#267347}
.bb-account-registration-note{
  position:relative;
  margin:0 0 16px;
  padding:12px 14px 12px 38px;
  border:1px solid #bfdcc9;
  border-radius:8px;
  background:#e9f5ed;
  color:#315740;
  font:600 10px/1.55 'DM Sans',sans-serif;
}
.bb-account-registration-note::before{
  content:"";
  position:absolute;
  top:14px;
  left:15px;
  width:10px;
  height:10px;
  border:2px solid #43805a;
  border-radius:50%;
  box-shadow:inset 0 0 0 2px #e9f5ed;
  background:#78e6a4;
}
.bb-account-dialog:not(.has-google-registration) .bb-account-registration-note{
  border-color:#d1d2cc;
  background:#ebeae5;
  color:#646762;
}
.bb-account-dialog:not(.has-google-registration) .bb-account-registration-note::before{
  border-color:#7d817b;
  box-shadow:inset 0 0 0 2px #ebeae5;
  background:#b8bbb5;
}
.bb-account-divider{display:flex;align-items:center;gap:12px;margin:0 0 15px;color:#626560;font:600 8px/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.bb-account-divider::before,.bb-account-divider::after{content:"";height:1px;flex:1;background:#d2d3cd}
.bb-account-divider span{white-space:nowrap}

.bb-email-code-entry{margin:0 0 15px}
.bb-email-code-open{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 14px 10px 17px;
  border:1px solid #171a18;
  border-radius:7px;
  background:#f9f8f4;
  color:#111411;
  font:650 11px/1.2 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-email-code-open span:last-child{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#dff7e8;
  color:#165f37;
  font-size:16px;
}
.bb-email-code-open:hover{background:#fff;box-shadow:0 10px 28px #1112;transform:translateY(-1px)}
.bb-email-code-entry>p{margin:8px 8px 0;color:#626560;font:400 9px/1.45 'DM Sans',sans-serif;text-align:center}
.bb-email-code .bb-account-section-head{margin-bottom:26px}
.bb-email-code .bb-account-section-head strong{color:#242724;font-weight:700;overflow-wrap:anywhere}
.bb-email-code-input{
  height:62px!important;
  padding-inline:18px!important;
  font:650 24px/1 Manrope,sans-serif!important;
  letter-spacing:.38em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.bb-email-code-back{
  width:100%;
  min-height:42px;
  margin-top:11px;
  border:0;
  background:transparent;
  color:#626560;
  font:650 10px/1 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-email-code-back:hover{color:#111;text-decoration:underline;text-underline-offset:4px}
.bb-email-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.bb-email-code-actions button{
  min-height:42px;
  padding:8px 10px;
  border:1px solid #c1c3bd;
  border-radius:7px;
  background:transparent;
  color:#555954;
  font:650 9px/1.25 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-email-code-actions button:hover:not(:disabled){border-color:#111;background:#fff;color:#111}
.bb-email-code-actions button:disabled{opacity:.55;cursor:default}

.bb-password-reset-open{
  display:block;
  width:max-content;
  max-width:100%;
  margin:-4px 0 14px auto;
  padding:3px 0;
  border:0;
  background:transparent;
  color:#555a55;
  font:650 10px/1.35 'DM Sans',sans-serif;
  text-decoration:underline;
  text-decoration-color:#b7bab5;
  text-underline-offset:4px;
  cursor:pointer;
}
.bb-password-reset-open:hover{color:#111;text-decoration-color:#111}
.bb-password-reset .bb-account-section-head{margin-bottom:26px}
.bb-password-reset-turnstile,.bb-account-turnstile{width:100%;min-height:0;margin:16px 0}
.bb-password-reset-turnstile[data-enabled="true"],.bb-account-turnstile[data-enabled="true"]{min-height:65px}
.bb-password-reset-turnstile:not(:empty),.bb-account-turnstile:not(:empty){min-height:65px}
.bb-password-reset-turnstile iframe,.bb-account-turnstile iframe{max-width:100%}

.bb-account-form{margin:0}
.bb-account-fields{display:grid;gap:16px}
.bb-account-field{display:grid;gap:8px;color:#343733;font:650 10px/1.2 'DM Sans',sans-serif;letter-spacing:.025em}
.bb-account-field>span:first-child{display:flex;align-items:center;gap:7px}.bb-account-field-optional{padding:3px 6px;border-radius:999px;background:#e0e1db;color:#555954;font:700 7px/1 'DM Sans',sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.bb-account-field-row{position:relative}
.bb-account-field input,
.bb-account-field select{
  width:100%;
  height:52px;
  padding:0 15px;
  border:1px solid #c4c6c0;
  border-radius:7px;
  outline:0;
  background:#faf9f5;
  color:#101210;
  font:500 14px/1 'DM Sans',sans-serif;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.bb-account-field select{
  padding-right:38px;
  color-scheme:light;
  cursor:pointer;
  text-overflow:ellipsis;
}
.bb-account-field input::placeholder{color:#666963}
.bb-account-field input:hover,.bb-account-field select:hover{border-color:#989c96}
.bb-account-field input:focus,.bb-account-field select:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #78e6a438}
.bb-account-field-row input{padding-right:64px}
.bb-phone-fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.bb-phone-fieldset legend{
  width:100%;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 9px;
  padding:0;
  color:#343733;
  font:700 10px/1.2 'DM Sans',sans-serif;
  letter-spacing:.025em;
}
.bb-phone-fieldset legend i{
  padding:3px 6px;
  border-radius:999px;
  background:#e0e1db;
  color:#555954;
  font:700 7px/1 'DM Sans',sans-serif;
  font-style:normal;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bb-phone-row{
  display:grid;
  grid-template-columns:minmax(175px,1.35fr) minmax(135px,1fr);
  gap:10px;
  min-width:0;
}
.bb-phone-country{min-width:0}
.bb-phone-country select{min-width:0;font-size:12px}
.bb-phone-fieldset>p{
  margin:8px 2px 0;
  color:#626560;
  font:400 9px/1.5 'DM Sans',sans-serif;
}
.bb-phone-verification .bb-account-section-head{margin-bottom:25px}
.bb-phone-verification .bb-account-section-head strong{color:#242724;font-weight:750;white-space:nowrap}
.bb-phone-code-input{
  height:62px!important;
  padding-inline:18px!important;
  font:650 24px/1 Manrope,sans-serif!important;
  letter-spacing:.38em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.bb-phone-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.bb-phone-actions[hidden],
.bb-phone-change-form[hidden],
.bb-phone-verification .bb-account-form[hidden]{display:none!important}
.bb-phone-actions button{
  min-height:42px;
  padding:8px 10px;
  border:1px solid #c1c3bd;
  border-radius:7px;
  background:transparent;
  color:#555954;
  font:650 9px/1.3 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-phone-actions button:last-child{grid-column:1/-1;border-color:transparent}
.bb-phone-actions button:hover:not(:disabled){border-color:#111;background:#fff;color:#111}
.bb-phone-actions button:disabled{opacity:.55;cursor:default}
.bb-phone-change-form{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--bb-account-line);
}
.bb-phone-change-form .bb-account-submit{margin-top:16px}
.bb-phone-entry-cancel{
  width:100%;
  min-height:40px;
  margin-top:7px;
  border:0;
  background:transparent;
  color:#676a66;
  font:650 9px/1.3 'DM Sans',sans-serif;
  text-decoration:underline;
  text-decoration-color:#b8bbb5;
  text-underline-offset:4px;
  cursor:pointer;
}
.bb-phone-entry-cancel:hover{color:#111;text-decoration-color:#111}
.bb-account-phone-manage span:last-child{color:#49745a;font-size:16px}
.bb-account-password-toggle{
  position:absolute;
  top:50%;
  right:8px;
  min-width:46px;
  min-height:36px;
  padding:0 8px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#676a66;
  font:650 9px/1 'DM Sans',sans-serif;
  text-transform:uppercase;
  cursor:pointer;
  transform:translateY(-50%);
}
.bb-account-password-toggle:hover{background:#e9e8e2;color:#111}
.bb-account-consent{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:start;
  color:#686b67;
  font:400 10px/1.55 'DM Sans',sans-serif;
}
.bb-account-consent input{width:17px;height:17px;margin:0;accent-color:#111}
.bb-account-consent a{color:#111;text-underline-offset:3px}
.bb-account-privacy-notice{
  display:block;
  margin:0;
  padding:10px 12px;
  border-left:2px solid #b8b8b2;
  background:#f0efe9;
}
.bb-account-newsletter{
  margin:0 0 16px;
  padding:12px 13px;
  border:1px solid #c9cbc5;
  border-radius:8px;
  background:#f0efe9;
}
.bb-account-newsletter[hidden]{display:none!important}
.bb-account-newsletter[data-email-code-newsletter-panel]{margin:0}
.bb-account-newsletter label{display:grid;grid-template-columns:19px minmax(0,1fr);gap:11px;align-items:start;cursor:pointer}
.bb-account-newsletter input{width:18px;height:18px;margin:1px 0 0;accent-color:#216b42;cursor:pointer}
.bb-account-newsletter label>span{display:grid;gap:5px;min-width:0;color:#626560;font:400 11px/1.5 'DM Sans',sans-serif}
.bb-account-newsletter strong{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#242724;font:700 11px/1.25 'DM Sans',sans-serif}
.bb-account-newsletter strong i{padding:3px 6px;border-radius:999px;background:#e0e1db;color:#555954;font:700 7px/1 'DM Sans',sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.bb-account-newsletter>a{display:inline-block;margin:8px 0 0 30px;color:#343733;font:600 9px/1.3 'DM Sans',sans-serif;text-underline-offset:3px}
.bb-account-newsletter:has(input:checked){border-color:#96caaa;background:#e9f5ed}
.bb-account-newsletter:has(input:checked) strong i{background:#ccebd8;color:#225f3c}
.bb-account-newsletter input:focus-visible{outline:3px solid #4ba97180;outline-offset:3px}
.bb-account-submit{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:22px;
  padding:8px 9px 8px 18px;
  border:0;
  border-radius:7px;
  background:#0b0d0c;
  color:#fff;
  font:650 12px/1 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-account-submit span:last-child{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--bb-account-accent);
  color:#071009;
  font-size:16px;
}
.bb-account-submit:hover{background:#171a18;box-shadow:0 13px 35px #0a100b2b;transform:translateY(-2px)}
.bb-account-submit:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none}
.bb-account-form-foot{margin:14px 0 0;color:#626560;font:400 10px/1.55 'DM Sans',sans-serif;text-align:center}
.bb-account-form-status{min-height:20px;margin:15px 0 0;color:#646762;font:600 11px/1.45 'DM Sans',sans-serif;text-align:center}
.bb-account-form-status.is-error{color:var(--bb-account-danger)}
.bb-account-form-status.is-success{color:#267347}
.bb-account-debug-verification{
  display:block;
  width:max-content;
  max-width:100%;
  margin:8px auto 0;
  color:#315d43;
  font:700 10px/1.4 'DM Sans',sans-serif;
  text-align:center;
  text-decoration:underline;
  text-underline-offset:4px;
}
.bb-account-debug-verification[hidden]{display:none!important}

.bb-account-profile{text-align:left}
.bb-account-profile-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin:0 0 26px;
  padding:18px;
  border:1px solid var(--bb-account-line);
  border-radius:10px;
  background:#faf9f5;
}
.bb-account-avatar{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111411;
  color:var(--bb-account-accent);
  font:650 16px/1 Manrope,sans-serif;
  letter-spacing:.02em;
}
.bb-account-profile-card small{display:block;margin-bottom:5px;color:#626560;font:650 8px/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.bb-account-profile-card strong{display:block;overflow:hidden;color:#121411;font:650 15px/1.3 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.bb-account-profile-card>div>span{display:block;margin-top:4px;overflow:hidden;color:#626560;font:400 11px/1.3 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}
.bb-account-profile-card [data-account-phone]{color:#267347;font-weight:650}
.bb-account-role{
  display:inline-flex!important;
  width:max-content;
  margin-top:8px!important;
  padding:5px 7px;
  border-radius:4px;
  background:#e1f7e9;
  color:#1f6840!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.bb-account-company-profile{
  margin:0 0 18px;
  padding:16px;
  border:1px solid var(--bb-account-line);
  border-radius:10px;
  background:#f8f7f2;
}
.bb-account-company-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.bb-account-company-head h3{margin:0;color:#171a17;font:700 13px/1.25 Manrope,sans-serif;letter-spacing:-.02em}
.bb-account-company-head p{max-width:330px;margin:5px 0 0;color:#626560;font:400 9px/1.5 'DM Sans',sans-serif}
.bb-account-company-head>span{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  background:#e5e5df;
  color:#626560;
  font:750 7px/1 'DM Sans',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bb-account-avatar-editor{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-block:1px solid #dddcd6}
.bb-account-avatar-preview{position:relative;width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border:1px solid #d1d2cc;border-radius:12px;background:#fff}
.bb-account-avatar-preview img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;image-rendering:auto;background:#fff}
.bb-account-avatar-preview span{color:#376149;font:700 17px/1 Manrope,sans-serif;letter-spacing:.03em}
.bb-account-avatar-controls{min-width:0}
.bb-account-avatar-controls>strong{display:block;color:#292c29;font:700 10px/1.3 'DM Sans',sans-serif}
.bb-account-avatar-controls>small{display:block;margin-top:4px;color:#626560;font:400 8px/1.45 'DM Sans',sans-serif}
.bb-account-avatar-controls>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.bb-account-profile-file,
.bb-account-avatar-controls button,
.bb-account-company-form>button{
  position:relative;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px;
  border:1px solid #bfc1bb;
  border-radius:6px;
  background:#fff;
  color:#252825;
  font:700 9px/1.2 'DM Sans',sans-serif;
  cursor:pointer;
}
.bb-account-profile-file{overflow:hidden}
.bb-account-profile-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.bb-account-profile-file:focus-within{outline:3px solid #78e6a47a;outline-offset:3px}
.bb-account-avatar-controls button:hover:not(:disabled),
.bb-account-profile-file:hover,
.bb-account-company-form>button:hover:not(:disabled){border-color:#111;background:#f0efe9}
.bb-account-avatar-controls button[data-profile-avatar-save],
.bb-account-company-form>button{border-color:#111;background:#111;color:#fff}
.bb-account-avatar-controls button[data-profile-avatar-save]:hover:not(:disabled),
.bb-account-company-form>button:hover:not(:disabled){background:#242724}
.bb-account-avatar-controls button:disabled,
.bb-account-company-form>button:disabled,
.bb-account-profile-file:has(input:disabled){opacity:.55;cursor:wait}
.bb-account-company-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:14px}
.bb-account-company-form .bb-account-field{min-width:0}
.bb-account-company-form .bb-account-field input{height:46px}
.bb-account-company-form>button{height:46px;padding-inline:16px}
.bb-account-profile-status{min-height:16px;margin:9px 0 0;color:#666963;font:650 9px/1.45 'DM Sans',sans-serif}
.bb-account-profile-status.is-success{color:#267347}
.bb-account-profile-status.is-error{color:var(--bb-account-danger)}
.bb-account-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 22px}
.bb-account-stats>div{min-width:0;padding:14px;border:1px solid var(--bb-account-line);border-radius:8px;background:#eeede7}
.bb-account-stats strong{display:block;color:#111411;font:650 25px/1 Manrope,sans-serif;letter-spacing:-.04em}
.bb-account-stats span{display:block;margin-top:6px;color:#626560;font:600 9px/1.35 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.bb-account-explanation{
  margin:0 0 24px;
  padding:16px 17px;
  border-left:2px solid #989b96;
  background:#e8e7e1;
  color:#626560;
  font:400 11px/1.65 'DM Sans',sans-serif;
}
.bb-account-explanation.is-admin{border-left-color:var(--bb-account-accent);background:#e4f3e9;color:#365943}
.bb-account-actions{display:grid;gap:9px}
.bb-account-action{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border:1px solid #bebfba;
  border-radius:7px;
  background:transparent;
  color:#161816;
  font:650 11px/1 'DM Sans',sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.bb-account-action:hover{border-color:#111;background:#fff;transform:translateY(-1px)}
.bb-account-action.is-primary{border-color:#111;background:#111;color:#fff}
.bb-account-action.is-primary span:last-child{color:var(--bb-account-accent)}
.bb-account-action.is-primary:hover{background:#202320}
.bb-account-action.is-quiet{justify-content:center;margin-top:6px;border-color:transparent;color:#626560}
.bb-account-action.is-quiet:hover{background:#e7e6e0;color:#222}
.bb-account-session-status{min-height:18px;margin:13px 0 0;color:#8a3939;font:600 10px/1.45 'DM Sans',sans-serif;text-align:center}
.bb-account-newsletter-status{margin:0 0 20px;padding:13px 14px;border-left:2px solid #477f5b;background:#e5f3ea;color:#315a40;font:600 10px/1.55 'DM Sans',sans-serif}
.bb-account-newsletter-status[hidden]{display:none!important}
.bb-account-newsletter-status.is-error{border-left-color:#a95450;background:#f4e7e4;color:#833c39}

.bb-account-dialog button:focus-visible,
.bb-account-dialog a:focus-visible{
  outline:3px solid #78e6a47a;
  outline-offset:3px;
}

@media(max-width:1180px){
  .site-header .header-account[data-account-open]{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    margin-left:8px;
    padding:0;
    border-color:transparent;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header .header-account[data-account-open] [data-account-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .site-header .header-account[data-account-open]>span:first-child{width:28px;height:28px;background:#0b0e0cba}
  .site-header .header-account[data-account-open]:hover,
  .site-header .header-account[data-account-open]:focus-visible{border-color:transparent;background:transparent;transform:none}
}

@media(max-width:900px){
  .site-header .header-account[data-account-open]{margin-left:auto}
  .bb-account-shell{grid-template-columns:minmax(255px,34%) minmax(0,66%)}
  .bb-account-intro{padding:36px 30px}
  .bb-account-brand img{width:84px;height:84px;flex-basis:84px}
  .bb-account-panel{padding:64px 38px}
}

@media(max-width:700px){
  .bb-account-dialog{padding:0;background:#f2f1ec}
  .bb-account-dialog[open]{display:block}
  .bb-account-shell{width:100%;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:auto 1fr;border:0;border-radius:0;box-shadow:none}
  .bb-account-intro{min-height:224px;padding:26px 24px 30px}
  .bb-account-brand img{width:88px;height:88px;flex-basis:88px}
  .bb-account-promise{padding:40px 0 4px}
  .bb-account-promise h2{max-width:290px;font-size:clamp(36px,11vw,50px)}
  .bb-account-promise>p:last-child,.bb-account-note{display:none}
  .bb-account-close{position:fixed;top:max(13px,env(safe-area-inset-top));right:13px;border-color:#ffffff3b;background:#0b0d0cbf;color:#fff}
  .bb-account-panel{align-items:start;padding:36px 22px max(42px,env(safe-area-inset-bottom))}
  .bb-account-panel-inner{max-width:520px}
  .bb-account-section-head{margin-bottom:25px}
  .bb-account-section-head h2{font-size:35px}
}

@media(max-width:380px){
  .bb-account-intro{min-height:192px;padding:20px}
  .bb-account-brand img{width:72px;height:72px;flex-basis:72px}
  .bb-account-brand span{display:none}
  .bb-account-promise{padding-top:28px}
  .bb-account-promise h2{font-size:34px}
  .bb-account-panel{padding:30px 17px 36px}
  .bb-account-field input{height:49px}
  .bb-phone-row{grid-template-columns:1fr}
  .bb-account-profile-card{grid-template-columns:48px minmax(0,1fr);padding:14px}
  .bb-account-avatar{width:48px;height:48px}
  .bb-account-company-profile{padding:13px}
  .bb-account-avatar-editor{grid-template-columns:62px minmax(0,1fr)}
  .bb-account-avatar-preview{width:62px;height:62px}
  .bb-account-company-form{grid-template-columns:1fr}
  .bb-account-company-form>button{width:100%}
}

@media(min-width:1800px){
  .bb-account-shell{width:min(1160px,100%);min-height:740px}
  .bb-account-brand img{width:112px;height:112px;flex-basis:112px}
  .bb-account-panel-inner{max-width:500px}
}

@media(prefers-reduced-motion:reduce){
  .bb-account-dialog,.bb-account-shell,.bb-account-close,.bb-account-submit,.bb-account-action,.bb-email-code-open,.bb-password-reset-open,.site-header [data-account-open]{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .bb-account-spinner{animation:none!important;opacity:.68}
}