/*
 * Reskin chrome: header, mega menus, mobile drawer, footer, review band,
 * mobile action bar and cookie bar. Taken from the Claude Design
 * project (Site Header / Site Footer). Plain CSS because the design is built
 * from fixed values and breakpoints rather than utility classes.
 */
:root {
  --d-serif: 'Newsreader Variable', Georgia, serif;
  --d-sans: 'DM Sans Variable', system-ui, sans-serif;
  --d-label: 'Inter Variable', system-ui, sans-serif;
  --d-logo: 'Cinzel Variable', Georgia, serif;
  --d-teal: #5BB8C4;
  --d-teal-soft: #7FCBD5;
  --d-ink: #0E0E0E;
  --d-bg: #131313;
  --d-bg-low: #1B1B1B;
  --d-bg-high: #2A2A2A;
  --d-text: #E2E2E2;
  --d-muted: #999999;
  --d-line: rgba(226, 226, 226, 0.15);
  --d-gutter: clamp(16px, 4vw, 48px);
  --d-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pi-header-h: 83px;
}
@media (max-width: 1239px) { :root { --pi-header-h: 67px; } }
@media (max-width: 639px) { :root { --pi-header-h: 65px; } }

.d-wrap { max-width: 1440px; margin: 0 auto; padding-left: var(--d-gutter); padding-right: var(--d-gutter); }
.d-eyebrow { font-family: var(--d-label); color: var(--d-teal); font-size: 12px; text-transform: uppercase; letter-spacing: 0.22em; margin: 0 0 20px; }

/* Primary button, the design system's Button (teal gradient, 1.03 hover, 0.98 press). */
.d-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--d-sans); font-weight: 600; line-height: 1.625; text-decoration: none;
  color: var(--d-ink); background: linear-gradient(to bottom right, #5BB8C4, #49A3AD);
  border: 1px solid transparent; border-radius: 4px; cursor: pointer;
  transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.d-btn:hover { color: var(--d-ink); transform: scale(1.03); box-shadow: 0 4px 30px rgba(91, 184, 196, 0.25); }
.d-btn:active { transform: scale(0.98); }
.d-btn--sm { padding: 8px 16px; font-size: 14px; }
.d-btn--lg { padding: 16px 32px; font-size: 18px; }
.d-btn--full { width: 100%; }
.d-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(91, 184, 196, 0.2), 0 0 0 4px rgba(91, 184, 196, 0.1); }

/* ------------------------------------------------------------ header */
.pi-hdr {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  background: linear-gradient(to bottom, rgba(14, 14, 14, 0.88), rgba(14, 14, 14, 0.45) 70%, rgba(14, 14, 14, 0));
  border-bottom: 1px solid rgba(226, 226, 226, 0);
  background-origin: border-box;
  transition: background 400ms ease-out, border-color 400ms ease-out;
}
.pi-hdr.is-solid {
  background: rgba(19, 19, 19, 0.92);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom-color: rgba(226, 226, 226, 0.12);
}
.pi-hdr__in { max-width: 1440px; margin: 0 auto; padding: 16px var(--d-gutter); display: flex; gap: 12px 24px; align-items: center; }
.pi-hdr__home { display: flex; align-items: center; margin-right: auto; flex-shrink: 0; min-height: 44px; color: inherit; }
.pi-hdr__home:hover { color: inherit; }
.pi-header-spacer { height: var(--pi-header-h); }

.pi-logo { font-size: 50px; display: inline-flex; align-items: center; gap: 0.26em; white-space: nowrap; flex-shrink: 0; }
.pi-logo img { width: 1em; height: 1em; display: block; flex-shrink: 0; }
.pi-logo__rule { width: 1px; height: 0.62em; background: rgba(226, 226, 226, 0.25); flex-shrink: 0; }
.pi-logo__words { display: inline-flex; flex-direction: column; gap: 0.12em; flex-shrink: 0; }
.pi-logo__name {
  font-family: var(--d-logo); font-weight: 600; font-size: 0.4em; line-height: 0.8; letter-spacing: 0.14em; margin-right: -0.14em;
  background: linear-gradient(180deg, #FFFFFF 0%, #E6E9EC 50%, #B4BBC2 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.pi-logo__sub { display: flex; justify-content: space-between; font-family: var(--d-label); font-weight: 600; font-size: 0.15em; line-height: 1; color: #6CC3CE; }
.pi-logo--stack { flex-direction: column; align-items: center; gap: 0.22em; font-size: 56px; }
.pi-logo--stack .pi-logo__words { gap: 0.14em; }
.pi-logo--stack .pi-logo__name, .pi-logo--drawer .pi-logo__name { background-image: linear-gradient(180deg, #FFFFFF 0%, #D9DDE0 45%, #9AA3AB 55%, #E2E2E2 100%); }
.pi-logo--stack .pi-logo__sub { color: var(--d-teal); }
.pi-logo--drawer { font-size: 40px; gap: 0.22em; }
.pi-logo--drawer .pi-logo__words { gap: 0.16em; }
.pi-logo--drawer .pi-logo__name { font-size: 0.44em; }
.pi-logo--drawer .pi-logo__sub { font-size: 0.2em; font-weight: 700; }

.pi-nav { display: flex; align-items: center; gap: 2px; }
.pi-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; font-family: var(--d-sans); font-size: 14px; font-weight: 500; letter-spacing: 0.02em; color: #C8C8C8; transition: color 200ms ease-out; }
.pi-nav a:hover { color: var(--d-text); }
.pi-nav a.is-current, .pi-nav a.is-open { color: var(--d-teal); }
.pi-nav svg { opacity: 0.55; transition: transform 300ms ease-out; }
.pi-nav a.is-open svg { transform: rotate(180deg); }
.pi-hdr__phone { font-family: var(--d-label); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: var(--d-text); white-space: nowrap; }
.pi-hdr__measure { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 4px; border: 1px solid rgba(91, 184, 196, 0.6); font-family: var(--d-sans); font-size: 14px; font-weight: 600; color: var(--d-text); white-space: nowrap; transition: all 200ms ease-out; }
.pi-hdr__measure:hover { background: var(--d-teal); color: var(--d-ink); border-color: var(--d-teal); }
.pi-hdr__circle { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(226, 226, 226, 0.2); display: flex; align-items: center; justify-content: center; color: var(--d-text); background: none; cursor: pointer; flex-shrink: 0; }
.pi-hdr__burger { border: 0; background: var(--d-teal); color: var(--d-ink); }
.pi-hdr__burger:hover { color: var(--d-ink); }

.pi-wide, .pi-xwide { display: none !important; }
.pi-tablet { display: none !important; }
@media (min-width: 1240px) {
  .pi-wide { display: flex !important; }
  .pi-narrow { display: none !important; }
}
@media (min-width: 1400px) { .pi-xwide { display: inline !important; } }
@media (min-width: 640px) and (max-width: 1239px) { .pi-tablet { display: inline-flex !important; } }
@media (max-width: 1239px) {
  .pi-hdr__in { padding-top: 10px; padding-bottom: 10px; }
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) { font-size: 46px; }
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) .pi-logo__sub { font-size: 0.17em; }
}
@media (max-width: 639px) {
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) { font-size: 40px; gap: 0.22em; }
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) .pi-logo__words { gap: 0.16em; }
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) .pi-logo__name { font-size: 0.44em; }
  .pi-logo:not(.pi-logo--stack):not(.pi-logo--drawer) .pi-logo__sub { font-size: 0.2em; font-weight: 700; }
}

/* Mega menu */
.pi-mega {
  position: fixed; left: 0; right: 0; top: 83px; z-index: 49;
  background: rgba(27, 27, 27, 0.98); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(226, 226, 226, 0.1); box-shadow: 0 16px 60px rgba(0, 0, 0, 0.6);
  opacity: 0; transform: translateY(-8px); pointer-events: none; visibility: hidden;
  transition: opacity 250ms ease-out, transform 300ms var(--d-ease), visibility 300ms;
}
.pi-mega.is-open { opacity: 1; transform: none; pointer-events: auto; visibility: visible; }
@media (max-width: 1239px) { .pi-mega { display: none; } }
.pi-mega__in { max-width: 1440px; margin: 0 auto; padding: 36px var(--d-gutter) 32px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; }
.pi-mega__feat { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: var(--d-bg); }
.pi-mega__feat:hover { color: var(--d-text); }
.pi-mega__feat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(19, 19, 19, 0.95), rgba(19, 19, 19, 0.2) 60%, rgba(19, 19, 19, 0)); }
.pi-mega__feat-txt { position: absolute; z-index: 1; left: 24px; right: 24px; bottom: 22px; }
.pi-mega__feat-txt p:first-child { font-family: var(--d-serif); font-size: 28px; color: var(--d-text); margin: 0 0 6px; }
.pi-mega__feat-txt p:nth-child(2) { font-size: 14px; line-height: 1.55; color: #BDBDBD; margin: 0 0 12px; }
.pi-mega__more { font-family: var(--d-label); font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--d-teal); }
.pi-mega__col { display: flex; flex-direction: column; }
.pi-mega__label { font-family: var(--d-label); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; color: var(--d-muted); margin: 0 0 16px; }
.pi-mega__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.pi-mega__item { display: flex; align-items: center; gap: 16px; padding: 10px; margin: 0 -10px; border-radius: 6px; transition: background 200ms ease-out; }
.pi-mega__item:hover { background: var(--d-bg-high); color: var(--d-text); }
.pi-thumb { flex-shrink: 0; border-radius: 4px; background-size: cover; background-position: center; }
.pi-mega__item .pi-thumb { width: 56px; height: 56px; }
.pi-mega__item b { display: block; font-size: 15px; font-weight: 600; color: var(--d-text); }
.pi-mega__item small { display: block; font-size: 13px; color: var(--d-muted); margin-top: 2px; }
.pi-mega__foot { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(226, 226, 226, 0.1); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; }
.pi-mega__foot a:first-child { font-size: 14px; color: var(--d-muted); }
.pi-mega__foot a:first-child span { color: var(--d-text); }
.pi-mega__foot a:first-child:hover, .pi-mega__foot a:first-child:hover span { color: var(--d-teal); }

/* Mobile drawer */
.pi-drawer {
  position: fixed; inset: 0; z-index: 80; background: var(--d-bg); display: flex; flex-direction: column;
  transform: translateX(100%); visibility: hidden; transition: transform 450ms var(--d-ease), visibility 450ms;
}
.pi-drawer.is-open { transform: none; visibility: visible; }
@media (min-width: 1240px) { .pi-drawer { display: none; } }
.pi-drawer__top { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid rgba(226, 226, 226, 0.1); }
.pi-drawer__nav { flex: 1; overflow-y: auto; padding: 8px 16px 24px; }
.pi-drawer__row { border-bottom: 1px solid rgba(226, 226, 226, 0.1); }
.pi-drawer__big { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; background: none; border: 0; cursor: pointer; font-family: var(--d-serif); font-size: 28px; color: var(--d-text); text-align: left; }
.pi-drawer__big.is-current { color: var(--d-teal); }
.pi-drawer__big svg { transition: transform 300ms ease-out; }
.pi-drawer__row.is-open .pi-drawer__big svg { transform: rotate(180deg); }
.pi-drawer__acc { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 400ms var(--d-ease); }
.pi-drawer__row.is-open .pi-drawer__acc { grid-template-rows: 1fr; }
.pi-drawer__acc > div { overflow: hidden; }
.pi-drawer__list { display: flex; flex-direction: column; gap: 2px; padding: 0 0 16px; }
.pi-drawer__all { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 4px; font-family: var(--d-label); font-size: 12px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--d-teal); }
.pi-drawer__item { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 4px; }
.pi-drawer__item .pi-thumb { width: 48px; height: 48px; }
.pi-drawer__item b { display: block; font-size: 16px; font-weight: 500; color: var(--d-text); }
.pi-drawer__item small { display: block; font-size: 13px; color: var(--d-muted); }
.pi-drawer__card { margin-top: 20px; display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 6px; background: var(--d-bg-low); }
.pi-drawer__card > span:first-child { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--d-teal); color: var(--d-teal); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pi-drawer__card b { display: block; font-size: 16px; font-weight: 600; color: var(--d-text); }
.pi-drawer__card small { display: block; font-size: 13px; color: var(--d-muted); }
.pi-drawer__foot { padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(226, 226, 226, 0.1); display: flex; flex-direction: column; gap: 12px; }
.pi-solid-cta { height: 56px; border-radius: 4px; background: var(--d-teal); color: var(--d-ink); font-family: var(--d-sans); font-weight: 600; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.pi-solid-cta:hover { color: var(--d-ink); }
.pi-drawer__meta { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--d-muted); }
.pi-drawer__meta a { color: var(--d-text); font-weight: 500; }

/* ------------------------------------------------------------ footer */
.pi-review { position: relative; z-index: 1; background: var(--d-bg); border-top: 1px solid rgba(226, 226, 226, 0.08); }
.pi-review__in { padding-top: clamp(28px, 4vw, 40px); padding-bottom: clamp(28px, 4vw, 40px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 40px; }
.pi-review__txt { display: flex; align-items: flex-start; gap: 16px; flex: 1 1 520px; min-width: 0; }
.pi-review__g { width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pi-review__txt p:first-child { margin: 0 0 4px; font-size: 16px; font-weight: 600; color: var(--d-text); }
.pi-review__txt p + p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--d-muted); max-width: 620px; text-wrap: pretty; }
.pi-ghost { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 4px; border: 1px solid rgba(226, 226, 226, 0.2); font-size: 14px; font-weight: 600; color: var(--d-text); transition: all 300ms ease-out; }
.pi-ghost:hover { border-color: var(--d-teal); color: var(--d-teal); }
.pi-ghost span { color: var(--d-teal); }

.pi-foot { position: relative; z-index: 1; background: var(--d-ink); }
.pi-foot__in { padding-top: clamp(56px, 7vw, 88px); padding-bottom: 40px; }
.pi-foot__top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 40px 48px; margin-bottom: 56px; }
.pi-foot__about { color: var(--d-muted); font-size: 15px; line-height: 1.625; margin: 0 0 24px; max-width: 420px; }
.pi-foot__social { display: flex; gap: 12px; }
.pi-foot__social a { width: 44px; height: 44px; border-radius: 50%; background: var(--d-bg-high); display: flex; align-items: center; justify-content: center; color: var(--d-muted); }
.pi-foot__social a:hover { color: var(--d-teal); }
.pi-foot__card { background: var(--d-bg-low); border-radius: 6px; padding: 24px; align-self: start; }
.pi-foot__cap { font-family: var(--d-label); color: var(--d-teal); font-size: 12px; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 16px; display: block; }
.pi-foot__rows { display: flex; flex-direction: column; gap: 14px; font-size: 14px; }
.pi-foot__rows > div { display: flex; align-items: center; gap: 12px; }
.pi-foot__rows > div:first-child { align-items: flex-start; }
.pi-foot__rows p { margin: 0; }
.pi-foot__rows strong, .pi-foot__rows a { color: var(--d-text); font-weight: 500; }
.pi-foot__hours { margin: 0; display: flex; flex-direction: column; gap: 14px; }
.pi-foot__hours div { display: flex; justify-content: space-between; gap: 16px; font-size: 14px; }
.pi-foot__hours dt { color: var(--d-muted); }
.pi-foot__hours dd { margin: 0; color: var(--d-text); font-weight: 500; }
.pi-foot__note { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--d-line); color: var(--d-muted); font-size: 13px; line-height: 1.625; }
.pi-foot__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 32px; padding: 40px 0; border-top: 1px solid var(--d-line); }
.pi-foot__h { font-family: var(--d-label); color: var(--d-text); font-size: 12px; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 12px; display: block; }
.pi-foot__cols ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pi-foot__link { display: flex; align-items: center; min-height: 36px; color: var(--d-muted); font-size: 14px; }
.pi-foot__link:hover { color: var(--d-text); }
.pi-foot__areas { padding: 28px 0; border-top: 1px solid var(--d-line); }
.pi-foot__areas > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); gap: 0 24px; }
.pi-foot__legal { padding-top: 28px; border-top: 1px solid var(--d-line); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.pi-foot__legal p { margin: 0; font-family: var(--d-label); color: var(--d-muted); font-size: 11px; letter-spacing: 0.025em; line-height: 1.6; }
.pi-foot__legal a { font-family: var(--d-label); color: var(--d-text); font-size: 11px; letter-spacing: 0.025em; display: inline-flex; align-items: center; gap: 6px; }
.pi-foot__legal a span { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.pi-foot__barspace { height: 84px; }
@media (min-width: 1240px) { .pi-foot__barspace { display: none; } }

/* FAQ rows, as the design system's Accordion: one open at a time. */
.h-acc { max-width: 48rem; margin: 0 auto; }
.h-acc__row { background: var(--d-bg-low); border-radius: 6px; margin-bottom: 12px; overflow: hidden; transition: background 300ms; }
.h-acc__row.is-open { background: var(--d-bg-high); }
.h-acc__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: none; border: none; cursor: pointer; text-align: left; font-family: var(--d-sans); font-weight: 500; font-size: 16px; color: var(--d-text); transition: color 200ms; }
.h-acc__row.is-open .h-acc__q { color: var(--d-teal); }
.h-acc__q svg { flex-shrink: 0; transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1); }
.h-acc__row.is-open .h-acc__q svg { transform: rotate(180deg); }
.h-acc__a { max-height: 0; opacity: 0; transition: max-height 400ms var(--d-ease), opacity 300ms ease; }
.h-acc__row.is-open .h-acc__a { max-height: 400px; opacity: 1; }
.h-acc__a p { padding: 0 24px 20px; font-size: 16px; line-height: 1.625; color: var(--d-muted); text-wrap: pretty; }

/* Mobile action bar. Its right end is left clear for the chat launcher, which is the live site's own. */
.pi-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(19, 19, 19, 0.94); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-top: 1px solid var(--d-line); display: flex; gap: 8px;
  transform: translateY(110%); transition: transform 400ms var(--d-ease);
}
.pi-bar.is-up { transform: none; }
.pi-bar { padding-right: 78px; }
@media (min-width: 768px) { .pi-bar { padding-right: 212px; } }
/* Phones: the chat launcher covered too much, so it's hidden and the bar takes the full width. */
@media (max-width: 767px) {
  button[aria-label="Ask a question"] { display: none !important; }
  .pi-bar { padding-right: 12px; }
}
@media (min-width: 1240px) { .pi-bar { display: none; } }
.pi-bar__book { flex: 1; height: 52px; border-radius: 4px; background: var(--d-teal); color: var(--d-ink); font-family: var(--d-sans); font-weight: 600; font-size: 15px; display: flex; align-items: center; justify-content: center; }
.pi-bar__book:hover { color: var(--d-ink); }
.pi-bar__icon { width: 52px; height: 52px; border-radius: 4px; border: 1px solid rgba(226, 226, 226, 0.2); background: transparent; color: var(--d-text); cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* Cookie bar */
.pi-cookie {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; background: var(--d-bg-low);
  border-top: 1px solid var(--d-line); padding: 16px 20px calc(16px + env(safe-area-inset-bottom));
  transform: translateY(100%); opacity: 0; transition: all 300ms ease-out;
}
.pi-cookie.is-in { transform: none; opacity: 1; }
.pi-cookie__in { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.pi-cookie p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--d-muted); flex: 1 1 320px; }
.pi-cookie__btns { display: flex; gap: 8px; flex: 0 1 auto; }
@media (max-width: 639px) { .pi-cookie__btns { width: 100%; } }
.pi-cookie button { flex: 1; min-height: 44px; padding: 0 22px; border-radius: 6px; font-family: var(--d-sans); font-size: 14px; cursor: pointer; }
.pi-cookie button:first-child { border: 0; background: var(--d-teal); color: var(--d-ink); font-weight: 600; }
.pi-cookie button:last-child { border: 1px solid var(--d-line); background: none; color: var(--d-muted); font-weight: 500; }

@media (prefers-reduced-motion: reduce) {
  .pi-hdr, .pi-mega, .pi-drawer, .pi-drawer__acc, .pi-bar, .pi-cookie, .d-btn { transition: none !important; }
}