:root{

  --br-bg:        #FBFBFD;
  --br-paper:     #FFFFFF;
  --br-paper-2:   #F3F3F8;
  --br-ink:       #10111A;
  --br-ink-2:     #1A1B26;
  --br-ink-3:     #171827;

  --br-text:      #16171F;
  --br-indigo:    #2B2D5C;
  --br-muted:     #63657A;
  --br-dim:       #9294AC;

  --br-teal:      #3ED6E0;
  --br-teal-mid:  #12A5B8;
  --br-teal-deep: #0C7C8C;
  --br-teal-ink:  #0A6D7B;

  --br-line:      #E2E2EA;
  --br-line-2:    #EDEDF3;
  --br-line-3:    #DEDEE9;
  --br-line-4:    #F5F5F9;
  --br-line-d:    #262838;
  --br-edge:      #3A3F4E;

  --br-ok:        #17805C;
  --br-ok-2:      #35C08C;
  --br-warn:      #E0A93E;

  --br-f-d: "Jost", ui-sans-serif, system-ui, sans-serif;
  --br-f-b: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --br-f-m: ui-monospace, SFMono-Regular, Menlo, monospace;

  --br-gutter-x: 18px;

  --br-radius: 14px;
  --br-radius-panel: 8px;

  /* Butoanele din cont: doua trepte, nu cinci. Cei 46px de pe mobil
     raman — sub 44px tinta de atingere devine prea mica. */
  --br-btn-h:    34px;
  --br-btn-h-sm: 30px;

  --br-drop-gap: 20px;
  --br-shell:  1200px;
  --br-gutter: 40px;
}

body{
  background: var(--br-bg);
  color: var(--br-text);
  -webkit-font-smoothing: antialiased;
  --theme-font-family: var(--br-f-b);
  --theme-heading-font-family: var(--br-f-d);
}
:root body{ font-family: var(--br-f-b); }
:root :is(h1,h2,h3,h4,h5,h6),
:root .wp-block-heading{ font-family: var(--br-f-d); }
.entry-content :is(h1,h2){ color: var(--br-indigo); }

.entry-content .br-card{ --theme-block-width: 100%; }

.entry-content a:not(.wp-block-button__link):not(.br-btn){ color: var(--br-teal-deep); text-decoration: none; }
.entry-content a:not(.wp-block-button__link):not(.br-btn):hover{ color: var(--br-ink); }

@keyframes br-marquee   { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes br-barSlow   { 0%,12% { width: 12%; } 46%,100% { width: 96%; } }
@keyframes br-barFast   { 0%,12% { width: 12%; } 22%,100% { width: 28%; } }
@keyframes br-pulseDot  { 0%,100% { opacity: .25; } 50% { opacity: 1; } }
@keyframes br-drawArc   { from { stroke-dashoffset: 122.23; } to { stroke-dashoffset: 0; } }
@keyframes br-fadeUp    { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes br-mFcp      { from { left: 0%; } to { left: 34%; } }
@keyframes br-mLcp      { from { left: 0%; } to { left: 27%; } }
@keyframes br-mTbt      { from { left: 0%; } to { left: 2%; } }
@keyframes br-mCls      { from { left: 0%; } to { left: 3%; } }

.br-sec{ width: 100%; }
.br-sec--paper{ background: var(--br-paper); border-block: 1px solid var(--br-line); }
.br-sec--soft { background: var(--br-paper-2); }
.br-sec--ink  { background: var(--br-ink); color: #fff; }
.br-sec--ink :is(h1,h2,h3,h4){ color: #fff; }
.br-sec--ink p{ color: var(--br-dim); }

.br-wrap{
  max-width: var(--br-shell);
  margin-inline: auto;
  padding: clamp(64px, 8vw, 88px) var(--br-gutter);
}
.br-wrap--hero  { padding: clamp(56px, 7vw, 76px) var(--br-gutter) clamp(64px, 8vw, 88px); }
.br-wrap--tight { padding: clamp(56px, 7vw, 68px) var(--br-gutter); }
.br-wrap--eco   { padding: clamp(72px, 9vw, 100px) var(--br-gutter) 80px; }
.br-wrap--charge{ padding: 0 var(--br-gutter) clamp(64px, 8vw, 88px); }
.br-wrap--contact{ padding: clamp(72px, 9vw, 92px) var(--br-gutter); }

.entry-content > .br-sec{ margin-block: 0 !important; }
.br-no-title .ct-container,
.br-no-title .ct-container-full{ padding-top: 0 !important; padding-bottom: 0 !important; }
.br-no-title .hero-section,
.br-no-title .page-title,
.br-no-title .entry-header{ display: none !important; }

.entry-content [id]{ scroll-margin-top: 84px; }

.br-eyebrow{
  font-family: var(--br-f-m);
  font-size: 11px; line-height: 1;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--br-teal-deep);

  margin: 0 0 22px !important;
}
.br-eyebrow--muted{ color: var(--br-muted); }
.br-eyebrow--teal { color: var(--br-teal); }
.br-hero .br-eyebrow{ margin-bottom: 26px !important; }

.br-head{
  display: grid; gap: clamp(28px, 5vw, 64px);
  grid-template-columns: 1.1fr .9fr;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}
.br-head > *{ margin: 0 !important; }
.br-head :is(h1,h2){ margin: 0; }

.br-head p:where(:not(.br-eyebrow)){ font-size: 15.5px; line-height: 1.7; color: var(--br-muted); text-wrap: pretty; }
.br-sec--ink .br-head p{ color: var(--br-dim); }
@media (max-width: 900px){
  .br-head{ grid-template-columns: 1fr; align-items: start; gap: 18px; }
}

.entry-content .br-sec h1{
  font-family: var(--br-f-d); font-weight: 700;
  font-size: clamp(40px, 4.6vw, 66px); line-height: 1.08;
  letter-spacing: -.035em; margin: 0 0 24px;
  overflow-wrap: break-word;
}
.entry-content .br-sec h2{
  font-family: var(--br-f-d); font-weight: 700;
  font-size: clamp(30px, 3.2vw, 44px); line-height: 1.14;
  letter-spacing: -.03em; margin: 0;
}
.br-dot{ color: var(--br-teal-deep); }
.br-sec--ink .br-dot,
.br-sec--contact .br-dot{ color: var(--br-teal); }

.br-lead{
  font-size: 18px; line-height: 1.6; color: var(--br-muted);
  max-width: 32em; margin: 0 0 34px; text-wrap: pretty;
}

.br-btn,
.br-btn .wp-block-button__link,
a.br-btn{
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--br-f-b); font-weight: 500; line-height: 1;
  text-decoration: none; border: 1px solid transparent;
  border-radius: 8px; white-space: nowrap;
  transition: background-color .18s, border-color .18s, color .18s;
}
.br-btn--lg{ height: 50px; padding: 0 26px; font-size: 15px; }
.br-btn--md{ height: 46px; padding: 0 22px; font-size: 14.5px; }
.br-btn--sm{ height: 38px; padding: 0 16px; font-size: 14px; }

.br-btn .wp-block-button__link{ padding: 13px 22px; font-size: 14.5px; height: auto; border-radius: 8px; }

.br-btn:is(.br-btn--dark, .br-btn--indigo, .br-btn--teal),
.br-btn:is(.br-btn--dark, .br-btn--indigo, .br-btn--teal) .wp-block-button__link { background: var(--br-indigo); color: #fff; border-color: transparent; }
.br-btn:is(.br-btn--dark, .br-btn--indigo, .br-btn--teal):hover,
.br-btn:is(.br-btn--dark, .br-btn--indigo, .br-btn--teal):hover .wp-block-button__link { background: var(--br-ink); color: #fff; }
.br-btn:is(.br-btn--outline, .br-btn--ghost),
.br-btn:is(.br-btn--outline, .br-btn--ghost) .wp-block-button__link { border-color: var(--br-line-3); color: var(--br-ink); background: transparent; }
.br-btn:is(.br-btn--outline, .br-btn--ghost):hover,
.br-btn:is(.br-btn--outline, .br-btn--ghost):hover .wp-block-button__link { border-color: var(--br-ink); background: transparent; }

:is(.br-sec--ink, .br-inst) :is(.br-btn--dark, .br-btn--indigo, .br-btn--teal).br-btn,
.br-sec--ink .br-btn .wp-block-button__link,
.br-form button { background: #fff; color: var(--br-ink); border-color: transparent; }
:is(.br-sec--ink, .br-inst) :is(.br-btn--dark, .br-btn--indigo, .br-btn--teal).br-btn:hover,
.br-sec--ink .br-btn:hover .wp-block-button__link,
.br-form button:hover { background: var(--br-teal); color: var(--br-ink); }

:is(.br-sec--ink, .br-inst) :is(.br-btn--outline, .br-btn--ghost).br-btn { border-color: var(--br-edge); color: #fff; background: transparent; }
:is(.br-sec--ink, .br-inst) :is(.br-btn--outline, .br-btn--ghost).br-btn:hover { border-color: #fff; }

.br-btn-row{ display: flex; gap: 12px; flex-wrap: wrap; }
.br-cta{ font-size: 14px; font-weight: 500; color: var(--br-teal-deep); text-decoration: none; white-space: nowrap; }

.br-card,
.br-ccard,
.br-pcard,
.br-plan,
.br-scard,
.br-tier{
  background: #fff;
  border: 1px solid var(--br-line);
  border-radius: var(--br-radius);
}

.br-acc-card,
.br-lic,
.br-account .br-dl,
.br-account .br-sub,
.br-cart__panel,
.br-co .woocommerce-billing-fields,
.br-co .woocommerce-shipping-fields,
.br-co .woocommerce-additional-fields,
.br-co__panel{
  background: var(--br-paper);
  border: 1px solid var(--br-line);
  border-radius: var(--br-radius-panel);
  overflow: hidden;
}

.br-account .br-acc-field > label,
.br-account .br-acc-fields .form-row label,
.br-login .woocommerce-form label,
.br-tk-form__label,
.br-quote .br-quote__label,
.br-co label{
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--br-text);
  margin-bottom: 8px;
}
.br-cta:hover{ text-decoration: underline; }

.br-hero{
  display: grid; gap: clamp(32px, 5vw, 56px);
  grid-template-columns: minmax(320px, 1.05fr) minmax(300px, .95fr);
  align-items: start;
}
@media (max-width: 1000px){ .br-hero{ grid-template-columns: 1fr; } }

.br-hero__meta{
  display: flex; gap: 18px; flex-wrap: wrap;
  font-size: 13.5px; color: var(--br-muted);
}
.br-hero__meta > *{ margin: 0 !important; }

.br-hero__visual{ position: relative; padding-bottom: 26px; }
@media (max-width: 960px){ .br-hero__visual{ padding-bottom: 0; margin-top: 10px; } }

.br-panel{
  background: #fff; border: 1px solid var(--br-line); border-radius: var(--br-radius);
  overflow: hidden; box-shadow: 0 30px 70px -24px rgba(16,17,26,.28);
}
.br-panel__bar{
  display: flex; align-items: center; gap: 10px;
  padding: 13px 16px; background: var(--br-bg); border-bottom: 1px solid var(--br-line);
}
.br-panel__dots{ display: flex; gap: 6px; flex: none; }
.br-panel__dots i{ width: 9px; height: 9px; border-radius: 50%; display: block; }
.br-panel__dots i:nth-child(1){ background: #E9705F; }
.br-panel__dots i:nth-child(2){ background: #E9C05F; }
.br-panel__dots i:nth-child(3){ background: #6FCB8F; }
.br-panel__url{
  flex: 1; min-width: 0; background: #fff; border: 1px solid var(--br-line);
  border-radius: 7px; padding: 5px 12px;
  font-family: var(--br-f-m); font-size: 10.5px; color: var(--br-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.br-panel__body{ display: grid; grid-template-columns: 124px minmax(0, 1fr); }
.br-panel__side{ background: var(--br-ink); padding: 18px 12px 22px; display: grid; gap: 2px; align-content: start; }
.br-panel__brand{ display: flex; align-items: center; gap: 8px; padding: 4px 10px 18px; }
.br-panel__brand span{ font-family: var(--br-f-d); font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -.01em; }
.br-panel__nav{ font-size: 12px; padding: 8px 10px; border-radius: 6px; color: var(--br-dim); }
.br-panel__nav.is-active{ color: #fff; background: var(--br-ink-2); }
.br-panel__main{ padding: 16px 18px 20px; background: #fff; }
.br-panel__search{ display: flex; gap: 8px; align-items: center; margin-bottom: 16px; }
.br-panel__search span:first-child{
  flex: 1; min-width: 0; border: 1px solid var(--br-line); border-radius: 7px;
  padding: 6px 11px; font-size: 11.5px; color: var(--br-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.br-panel__add{ background: var(--br-teal-ink); color: #fff; border-radius: 7px; padding: 7px 11px; font-size: 11.5px; font-weight: 500; flex: none; white-space: nowrap; }
.br-panel__thead,
.br-panel__row{ display: grid; grid-template-columns: minmax(0, 1fr) 68px; gap: 10px; align-items: center; }
.br-panel__thead{
  padding: 0 2px 10px; border-bottom: 1px solid var(--br-line-2);
  font-family: var(--br-f-m); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--br-muted);
}
.br-panel__row{ padding: 11px 2px; border-bottom: 1px solid var(--br-line-4); }
.br-panel__name{ font-size: 12px; font-weight: 500; color: var(--br-indigo); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.br-panel__role{ font-size: 10.5px; color: var(--br-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.br-panel__lic{ font-family: var(--br-f-m); font-size: 10px; color: var(--br-muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.br-pill{ display: inline-block; border: 1px solid var(--br-line-3); color: var(--br-muted); border-radius: 999px; padding: 3px 8px; font-size: 10px; white-space: nowrap; }
.br-pill--active{ border-color: #9BD9E1; color: var(--br-teal-ink); }
.br-pill--trial { border-color: #C9CBEE; color: var(--br-indigo); }

.br-float{
  position: absolute; left: -30px; bottom: -8px;
  background: var(--br-ink); border-radius: var(--br-radius-panel); padding: 18px 22px;
  box-shadow: 0 20px 44px -14px rgba(16,17,26,.45);
}
@media (max-width: 960px){ .br-float{ position: static; margin-top: 14px; display: inline-block; } }
.br-float__k{ font-family: var(--br-f-m); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-dim); margin-bottom: 8px; }
.br-float__v{ font-family: var(--br-f-d); font-size: 32px; font-weight: 600; color: #fff; line-height: 1; letter-spacing: -.02em; }
.br-float__s{ font-size: 11.5px; color: var(--br-teal); margin-top: 7px; }

.br-marquee{ overflow: hidden; border-block: 1px solid var(--br-line); padding: 15px 0; background: #fff; }
.br-marquee__track{
  display: flex; gap: 40px; width: max-content;
  animation: br-marquee 40s linear infinite; will-change: transform;
  font-family: var(--br-f-m); font-size: 12px; color: var(--br-muted); white-space: nowrap;
}
.br-marquee__track > span{ margin: 0 !important; }

.br-cards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.br-cards > *{ margin: 0; }
@media (max-width: 900px){ .br-cards{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px){ .br-cards{ grid-template-columns: 1fr; } }

.br-pcard{ padding: 30px; display: flex; flex-direction: column; }
.br-pcard--wide{ grid-column: span 3; }
@media (max-width: 900px){ .br-pcard--wide{ grid-column: span 2; } }
@media (max-width: 620px){ .br-pcard--wide{ grid-column: span 1; } }
.br-pcard > *{ margin: 0 !important; }
.br-pcard__top{ display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 22px !important; }
.br-pcard__glyph{ font-family: var(--br-f-d); font-size: 34px; line-height: 1; color: var(--br-teal-mid); }
.br-pcard__badge{
  font-family: var(--br-f-m); font-size: 11px; letter-spacing: .08em;
  padding: 5px 10px; border-radius: 6px; white-space: nowrap;
  background: #E7F7F9; color: var(--br-teal-ink);
}

.br-pcard__badge--green{ background: #19855D; color: #fff; }
.br-pcard__badge--indigo{ background: var(--br-indigo); color: #fff; }

.br-pcard__badge--split{ background: none; padding: 0; display: inline-flex; overflow: hidden; }
.br-pcard__badge--split > span{ padding: 5px 10px; }
.br-pcard__badge--split > span:first-child{ background: #19855D; color: #fff; }
.br-pcard__badge--split > span:last-child{ background: var(--br-indigo); color: #fff; }
.br-pcard__rune{ font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-muted); margin-bottom: 8px !important; }
.br-pcard h3{ font-family: var(--br-f-d); font-size: 22px; font-weight: 600; letter-spacing: -.015em; margin: 0 0 12px !important; color: var(--br-indigo); }
.br-pcard__body{ font-size: 14.5px; line-height: 1.65; color: var(--br-muted); margin: 0 0 20px !important; }
.br-pcard__points{ display: grid; gap: 9px; margin-bottom: 24px !important; }
.br-pcard__points > div{ display: flex; gap: 10px; align-items: baseline; font-size: 13.5px; line-height: 1.55; color: var(--br-muted); }
.br-pcard__points > div::before{ content: "\21B3"; color: var(--br-teal-deep); flex: none; }
.br-pcard__foot{
  margin-top: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  border-top: 1px solid var(--br-line-2); padding-top: 18px;
}
.br-pcard__price{ font-family: var(--br-f-m); font-size: 13px; color: var(--br-ink); }

.br-ro{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
@media (max-width: 900px){ .br-ro{ grid-template-columns: 1fr; } }
.br-ro > * > *{ margin-top: 0; }
.br-chip{
  display: inline-flex; align-items: center; gap: 9px;
  border: 1px solid var(--br-line); border-radius: 999px;
  padding: 5px 13px 5px 7px; font-size: 12.5px; color: var(--br-muted);
  margin-bottom: 22px;
}
.br-chip__tag{
  background: var(--br-indigo); color: #fff;
  font-family: var(--br-f-m); font-size: 10px; letter-spacing: .1em;
  padding: 3px 8px; border-radius: 999px;
}
.entry-content .br-ro h2{ margin: 0 0 18px; }
.br-ro p:where(:not(.br-eyebrow)){ font-size: 16px; line-height: 1.7; color: var(--br-muted); max-width: 34em; margin: 0 0 26px; text-wrap: pretty; }

.br-ro__card{ background: var(--br-paper-2); border-radius: var(--br-radius); padding: 28px; }
.br-ro__k{ font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-muted); margin-bottom: 18px; }
.br-ro__list{ display: grid; gap: 12px; }
.br-ro__row{
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  background: #fff; border: 1px solid var(--br-line); border-radius: 9px; padding: 12px 16px;
}
.br-ro__field{ font-size: 14px; font-weight: 500; }
.br-ro__val{ font-family: var(--br-f-m); font-size: 12.5px; color: var(--br-teal-deep); text-align: right; }
.br-ro__note{ font-family: var(--br-f-m); font-size: 11.5px; color: var(--br-muted); margin-top: 18px; }

.br-steps{ position: relative; }
.br-steps::before{ content: ""; position: absolute; left: 0; right: 0; top: 17px; height: 1px; background: var(--br-line-d); }
.br-steps__grid{ position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

/* Linia se deseneaza cand sectiunea intra in ecran si pasii se aprind pe rand,
   in ritmul ei — e singurul loc de pe site unde ordinea chiar e informatie.
   `is-armed` vine din JS (fara JS nimic nu sta ascuns), `is-seen` o data. */
.br-steps::after{
  content: ""; position: absolute; left: 0; right: 0; top: 17px; height: 1px;
  z-index: 0; background: var(--br-teal-mid); transform: scaleX(0); transform-origin: left center;
  transition: transform 1.6s cubic-bezier(.4, 0, .2, 1);
}
.br-steps.is-seen::after{ transform: scaleX(1); }
.br-steps.is-armed .br-step,
.br-steps.is-armed .br-deliver{ opacity: 0; transform: translateX(-24px); }
.br-steps.is-seen .br-step,
.br-steps.is-seen .br-deliver{
  opacity: 1; transform: none;
  transition: opacity .55s ease-out, transform .55s cubic-bezier(.2, .7, .2, 1);
}
.br-steps.is-seen .br-step:nth-child(2){ transition-delay: .4s; }
.br-steps.is-seen .br-step:nth-child(3){ transition-delay: .8s; }
.br-steps.is-seen .br-step:nth-child(4){ transition-delay: 1.2s; }
.br-steps.is-seen .br-deliver{ transition-delay: 1.5s; }
.br-step__n{ transition: border-color .4s ease-out, color .4s ease-out; }
.br-steps.is-armed .br-step__n{ border-color: var(--br-edge); color: var(--br-dim); }
.br-steps.is-seen .br-step__n{ border-color: var(--br-teal); color: var(--br-teal); }
.br-steps.is-seen .br-step:nth-child(2) .br-step__n{ transition-delay: .4s; }
.br-steps.is-seen .br-step:nth-child(3) .br-step__n{ transition-delay: .8s; }
.br-steps.is-seen .br-step:nth-child(4) .br-step__n{ transition-delay: 1.2s; }
.br-steps__grid > *{ margin: 0 !important; }
@media (max-width: 900px){ .br-steps::before, .br-steps::after{ display: none; } .br-steps__grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .br-steps__grid{ grid-template-columns: 1fr; } }

.br-step{ display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.br-step__n{
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  grid-column: 1; grid-row: 1;
  background: var(--br-ink); border: 1px solid var(--br-teal); color: var(--br-teal);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--br-f-m); font-size: 12px;
}
.br-step__when{
  grid-column: 2; grid-row: 1;
  font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: #fff;
  /* Fundalul mascheaza linia doar cat e textul, cu 8px aer de fiecare parte. */
  justify-self: start; margin-left: 8px; background: var(--br-ink); padding-inline: 8px;
}
.entry-content .br-step h3{
  grid-column: 1 / -1;
  font-family: var(--br-f-d); font-size: 19px; font-weight: 600; letter-spacing: -.015em;
  color: #fff; margin: 22px 0 10px;
}
.br-step p{ grid-column: 1 / -1; font-size: 14px; line-height: 1.65; color: var(--br-dim); margin: 0; }

.br-deliver{
  margin-top: 48px; border: 1px solid var(--br-line-d); border-radius: var(--br-radius);
  padding: 26px 30px; display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 32px; align-items: center;
}
@media (max-width: 760px){ .br-deliver{ grid-template-columns: 1fr; gap: 20px; } }
.br-deliver__t{ font-family: var(--br-f-d); font-size: 20px; font-weight: 600; color: #fff; letter-spacing: -.015em; }
.br-deliver__grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 28px; }
@media (max-width: 560px){ .br-deliver__grid{ grid-template-columns: 1fr; } }
.br-deliver__grid > div{ display: flex; gap: 11px; align-items: baseline; font-size: 14px; line-height: 1.55; color: #EDEDF3; }
.br-deliver__grid > div::before{ content: "\2713"; color: var(--br-teal); flex: none; }

.br-eco{
  background: var(--br-paper-2); border: 1px solid var(--br-line); border-radius: 18px;
  padding: 20px 22px 18px; position: relative; overflow: hidden;
}
.br-eco__bar{ display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 4px; }
.br-eco__tag{ font-family: var(--br-f-m); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--br-muted); }
.br-eco__live{ display: inline-flex; align-items: center; gap: 7px; font-family: var(--br-f-m); font-size: 10px; color: var(--br-teal-ink); }
.br-eco__live::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--br-teal-mid); animation: br-pulseDot 2.4s infinite; }
/* Scena e desenata la 1160x400 in pixeli reali (pozitii, trasee pentru
   offset-path) si scalata ca un tot: brainrune.js pune --br-eco-k din
   latimea reala. Fara JS ramane la 1:1 si se taie in dreapta. */
.br-eco__stage{
  position: relative; aspect-ratio: 1160 / 400; overflow: hidden;
  border-radius: var(--br-radius); background: var(--br-paper-2); border: 1px solid var(--br-line-2);
}
.br-eco__canvas{
  position: absolute; left: 0; top: 0; width: 1160px; height: 400px;
  transform-origin: 0 0; transform: scale(var(--br-eco-k, 1));
}
/* Straturi proprii pentru ce se misca in continuu: fiecare se repicteaza
   singur, nu impreuna cu sectiunea. Fara asta scena costa jumatate din
   cadrele lente de pe home la derulare. */
.br-eco__svg{ position: absolute; inset: 0; width: 1160px; height: 400px; display: block; will-change: transform; }
.br-eco__wire{ fill: none; stroke: var(--br-line-3); stroke-width: 3; stroke-linecap: round; }
.br-eco__wire--live{ stroke: var(--br-teal-mid); stroke-dasharray: 12 18; opacity: .8; animation: br-dash 2.4s linear infinite; }
.br-eco__wire--thin{ stroke: var(--br-teal); stroke-width: 1.5; stroke-dasharray: 2 8; opacity: .6; animation: br-dash 7s linear infinite; }
.br-eco__ring{ fill: none; stroke: var(--br-teal-mid); stroke-width: 1; stroke-dasharray: 2 7; stroke-linecap: round; }
.br-eco__axis{ stroke: var(--br-teal-mid); stroke-width: 1; opacity: .08; }

.br-eco__dot{
  position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%;
  background: var(--br-teal); opacity: .8; animation: br-travel 6.5s ease-in-out infinite; will-change: transform;
}
/* Halo-ul e un chenar, nu o umbra: umbra se repicta la fiecare cadru. */
.br-eco__dot--lead{ width: 12px; height: 12px; background: var(--br-teal-mid); opacity: 1; border: 5px solid rgba(62,214,224,.18); background-clip: padding-box; box-sizing: content-box; margin: -5px; }
.br-eco__dot--soft{ width: 7px; height: 7px; opacity: .6; animation-timing-function: linear; }
.br-eco__dot--hollow{ width: 8px; height: 8px; background: var(--br-paper); border: 2px solid var(--br-teal-mid); opacity: 1; }

.br-eco__orbit{
  position: absolute; left: 60px; top: 110px; width: 180px; height: 180px; border-radius: 50%;
  border: 1px dashed var(--br-line-3); animation: br-sweep 30s linear infinite; will-change: transform;
}
.br-eco__node{ position: absolute; display: flex; flex-direction: column; align-items: center; }
.br-eco__node .br-eco__title{ font-size: 15px; margin-top: 10px; }
.br-eco__node-ic{
  width: 90px; height: 90px; border-radius: 50%; background: var(--br-paper);
  box-shadow: 0 8px 20px rgba(43,45,92,.10); display: flex; align-items: center; justify-content: center;
  font-family: var(--br-f-m); font-size: 30px; color: var(--br-teal-deep);
}
.br-eco__node--sm .br-eco__node-ic{ width: 70px; height: 70px; font-size: 24px; }
.br-eco__node--sm .br-eco__title{ font-size: 14px; margin-top: 8px; }

.br-eco__node--hub{
  left: 75px; top: 125px; width: 150px; height: 150px; border-radius: 50%; justify-content: center; gap: 4px;
  background: var(--br-ink); box-shadow: 0 14px 30px rgba(16,17,26,.18);
}
/* Pulsul e un inel care creste (transform + opacitate), nu o umbra animata. */
.br-eco__node--hub::after{
  content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--br-teal);
  opacity: 0; animation: br-core 6.5s linear infinite; will-change: transform, opacity;
}
.br-eco__node--hub .br-eco__glyph{ font-family: var(--br-f-m); font-size: 40px; line-height: 1; color: var(--br-teal); }
.br-eco__node--hub .br-eco__rune{ color: var(--br-dim); letter-spacing: .3em; margin-left: .3em; }

.br-eco__node--client{ left: 873px; top: 148px; }
.br-eco__node--client .br-eco__node-ic{
  width: 104px; height: 104px; font-size: 32px; color: #fff;
  background: var(--br-indigo); box-shadow: 0 12px 26px rgba(43,45,92,.24);
}
.br-eco__node--client .br-eco__cap{ font-size: 12px; color: var(--br-dim); margin-top: 3px; }
.br-eco__sweep{
  position: absolute; top: -88px; left: 50%; margin-left: -140px; width: 280px; height: 280px; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(18,165,184,.16), rgba(18,165,184,.04) 55deg, rgba(18,165,184,0) 80deg);
  animation: br-sweep 5s linear infinite; pointer-events: none; will-change: transform;
}
@keyframes br-travel{ 0%{ offset-distance: 0%; opacity: 0; } 6%{ opacity: 1; } 94%{ opacity: 1; } 100%{ offset-distance: 100%; opacity: 0; } }
@keyframes br-sweep{ to{ transform: rotate(360deg); } }
@keyframes br-dash{ to{ stroke-dashoffset: -48; } }
@keyframes br-core{ 0%,72%{ transform: scale(1); opacity: 0; } 76%{ opacity: .5; } 96%,100%{ transform: scale(1.26); opacity: 0; } }

.br-eco__list{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 24px; margin-top: 22px; }
@media (max-width: 860px){ .br-eco__list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.br-eco__item{ border-left: 2px solid var(--br-line-3); padding-left: 16px; }
.br-eco__item-h{ display: flex; align-items: baseline; gap: 9px; margin-bottom: 5px; }
.br-eco__glyph{ font-family: var(--br-f-d); font-size: 15px; color: var(--br-teal-ink); }
.br-eco__title{ font-family: var(--br-f-d); font-size: 16px; font-weight: 600; color: var(--br-indigo); }
.br-eco__rune{ font-family: var(--br-f-m); font-size: 10.5px; color: var(--br-teal-ink); }
.br-eco__cap{ font-size: 13px; line-height: 1.6; color: var(--br-muted); }

.br-perf{ display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
@media (max-width: 900px){ .br-perf{ grid-template-columns: 1fr; } }
.entry-content .br-perf h2{ margin: 0 0 18px; }
.br-perf p:where(:not(.br-eyebrow)){ font-size: 16px; line-height: 1.7; color: var(--br-muted); max-width: 32em; margin: 0 0 26px; text-wrap: pretty; }

.br-gauge{ background: #fff; border: 1px solid var(--br-line); border-radius: 16px; overflow: hidden; }
.br-gauge__head{
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px 22px; border-bottom: 1px solid var(--br-line-2);
}
.br-gauge__k{ font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-muted); }
.br-gauge__live{ display: inline-flex; align-items: center; gap: 7px; font-family: var(--br-f-m); font-size: 10.5px; color: var(--br-teal-ink); }
.br-gauge__live::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--br-teal-mid); animation: br-pulseDot 2.4s infinite; }
.br-gauge__body{ padding: 20px 22px 18px; }
.br-gauge__svg{ width: 150px; max-width: 100%; height: auto; display: block; margin: 0 auto 6px; }
.br-gauge__arc{ animation: br-drawArc 1s forwards; }
.br-gauge__arc--1{ animation-delay: 0s; }
.br-gauge__arc--2{ animation-delay: .22s; }
.br-gauge__arc--3{ animation-delay: .44s; }
.br-gauge__arc--4{ animation-delay: .66s; }
.br-gauge__score{ text-align: center; margin: -110px 0 52px; }
.br-gauge__score b{ font-family: var(--br-f-d); font-size: 34px; font-weight: 600; color: var(--br-ok); line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; display: block; }
.br-gauge__score span{ font-family: var(--br-f-m); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-muted); margin-top: 6px; display: block; }

.br-metrics{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.br-metric__h{ display: flex; align-items: center; gap: 7px; margin-bottom: 6px; }
.br-metric__dot{ width: 7px; height: 7px; border-radius: 50%; flex: none; }
.br-metric__key{ font-family: var(--br-f-m); font-size: 11px; color: var(--br-text); }
.br-metric__name{ font-size: 11px; color: var(--br-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-metric__v{ font-family: var(--br-f-d); font-size: 23px; font-weight: 600; color: var(--br-indigo); letter-spacing: -.02em; line-height: 1; }
.br-metric__v i{ font-style: normal; font-family: var(--br-f-m); font-size: 12px; color: var(--br-muted); margin-left: 4px; }
.br-metric__bar{ position: relative; margin-top: 12px; }
.br-metric__seg{ display: flex; height: 5px; border-radius: 3px; overflow: hidden; }
.br-metric__seg i{ display: block; height: 100%; }
.br-metric__seg i:nth-child(1){ width: 34%; background: #2AA37F; }
.br-metric__seg i:nth-child(2){ width: 33%; background: #C08A2A; }
.br-metric__seg i:nth-child(3){ width: 33%; background: #B4544A; }
.br-metric__pin{ position: absolute; top: -3px; left: 0; width: 2px; height: 11px; border-radius: 1px; background: var(--br-ink); animation-duration: 1.4s; animation-delay: .6s; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-fill-mode: forwards; }
.br-metric__pin--fcp{ animation-name: br-mFcp; }
.br-metric__pin--lcp{ animation-name: br-mLcp; }
.br-metric__pin--tbt{ animation-name: br-mTbt; }
.br-metric__pin--cls{ animation-name: br-mCls; }
.br-metric__ticks{ display: flex; justify-content: space-between; font-family: var(--br-f-m); font-size: 9.5px; color: var(--br-muted); margin-top: 6px; }

.br-extra{ display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--br-line); border-radius: 9px; overflow: hidden; margin-top: 18px; }
.br-extra > div{ background: var(--br-bg); padding: 10px 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.br-extra__l{ font-size: 12px; color: var(--br-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-extra__v{ font-family: var(--br-f-m); font-size: 12.5px; color: var(--br-text); white-space: nowrap; }
.br-extra__v--ok{ color: var(--br-ok); }

.br-svc{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.br-svc > *{ margin: 0 !important; }
@media (max-width: 820px){ .br-svc{ grid-template-columns: 1fr; } }
.br-scard{ padding: 30px; display: flex; gap: 22px; align-items: flex-start; }
.br-scard__n{ font-family: var(--br-f-m); font-size: 11px; color: var(--br-teal-deep); padding-top: 5px; flex: none; }
.entry-content .br-scard h3{ font-family: var(--br-f-d); font-size: 21px; font-weight: 600; letter-spacing: -.015em; margin: 0 0 10px; color: var(--br-indigo); }
.br-scard p{ font-size: 14.5px; line-height: 1.65; color: var(--br-muted); margin: 0 0 16px; }
.br-tags{ display: flex; gap: 8px; flex-wrap: wrap; }
.br-tags span{ font-family: var(--br-f-m); font-size: 11px; color: var(--br-muted); border: 1px solid var(--br-line); border-radius: 999px; padding: 4px 11px; }

.br-charge{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.br-charge > *{ margin: 0 !important; }
@media (max-width: 760px){ .br-charge{ grid-template-columns: 1fr; } }
.br-ccard{ padding: 36px; }
.br-ccard--ink{ background: var(--br-ink); border-color: var(--br-ink); color: #fff; }
.br-ccard__k{ font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-teal-deep); margin-bottom: 18px; }
.br-ccard--ink .br-ccard__k{ color: var(--br-teal); }
.entry-content .br-ccard h3{ font-family: var(--br-f-d); font-size: 26px; font-weight: 600; letter-spacing: -.02em; margin: 0 0 14px; color: var(--br-indigo); }
.entry-content .br-ccard--ink h3{ color: #fff; }
.br-ccard p{ font-size: 15px; line-height: 1.7; color: var(--br-muted); margin: 0 0 22px; }
.br-ccard--ink p{ color: var(--br-dim); }
.entry-content .br-ccard--ink .br-cta{ color: var(--br-teal); }
.entry-content .br-ccard--ink .br-cta:hover{ color: #fff; }

.entry-content .br-sec--ink a:not(.br-btn):not(.wp-element-button),
.entry-content .br-ccard--ink a:not(.br-btn):not(.wp-element-button){ color: var(--br-teal); }
.entry-content .br-sec--ink a:not(.br-btn):hover,
.entry-content .br-ccard--ink a:not(.br-btn):hover{ color: #fff; }

.br-contact{ display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 72px); align-items: start; }

.br-contact > *{ margin-block: 0; }
@media (max-width: 900px){ .br-contact{ grid-template-columns: 1fr; } }
.entry-content .br-sec--contact h2{ font-size: clamp(38px, 4.2vw, 60px); line-height: 1.02; letter-spacing: -.04em; margin: 0 0 22px; }
.br-contact p{ font-size: 17px; line-height: 1.65; color: var(--br-dim); max-width: 26em; margin: 0 0 40px; }

.entry-content .br-sec--contact a.br-contact__mail{
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 20px;
  border: 1px solid rgba(255, 255, 255, .12); border-radius: 10px; padding: 18px 22px; margin-bottom: 34px;
  font-family: var(--br-f-d); font-size: 24px; font-weight: 600; letter-spacing: -.02em; color: var(--br-teal); text-decoration: none;
  transition: border-color .18s;
}
.entry-content .br-sec--contact a.br-contact__mail:hover{ border-color: var(--br-teal); color: var(--br-teal); }
.br-contact__mail-k{
  display: block; flex: 1 0 100%;
  font-family: var(--br-f-m); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--br-muted); margin-bottom: 7px;
}
.br-contact__mail-a{ display: block; min-width: 0; overflow-wrap: anywhere; }
.br-contact__mail-ic{ display: flex; flex: none; margin-left: auto; color: var(--br-muted); }
.br-contact__mail-ic svg{ display: block; }

.br-returns__k{
  font-family: var(--br-f-m); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--br-muted); margin-bottom: 14px;
}
.br-returns__card{
  background: #fff; border: 1px solid var(--br-line); border-radius: 10px; overflow: hidden;
  box-shadow: 0 20px 44px -28px rgba(0, 0, 0, .6); color: var(--br-text);
}
.br-returns__row{
  display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 15px; align-items: start;
  padding: 16px 22px; border-bottom: 1px solid #F0F0F6;
}
.br-returns__n{
  width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--br-line); background: #EFF8F9; color: var(--br-teal-ink);
  display: flex; align-items: center; justify-content: center; font-family: var(--br-f-m); font-size: 10.5px; flex: none;
}
.br-returns__t{ display: block; font-size: 15px; font-weight: 500; color: var(--br-indigo); }
.br-sec--contact .br-returns__d{ display: block; font-size: 13.5px; line-height: 1.6; color: var(--br-muted); margin: 4px 0 0; max-width: none; }
.br-returns__foot{
  padding: 12px 22px; background: var(--br-bg); display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.br-returns__live{ display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: var(--br-ok); }
.br-returns__dot{ width: 5px; height: 5px; border-radius: 50%; background: var(--br-ok); display: inline-block; animation: br-pulse-dot 2.4s infinite; }
.br-returns__mono{ font-family: var(--br-f-m); font-size: 11px; color: #8A8CA6; }
@keyframes br-pulse-dot{ 0%, 100%{ opacity: .3; } 50%{ opacity: 1; } }
@media (prefers-reduced-motion: reduce){ .br-returns__dot{ animation: none; } }
.br-form{ background: var(--br-ink-2); border: 1px solid var(--br-line-d); border-radius: var(--br-radius); padding: 32px; display: grid; gap: 18px; }
.br-form label{ display: block; }
.br-form label span{ display: block; font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--br-dim); margin-bottom: 8px; }
.br-form input,
.br-form textarea{
  width: 100%; border-radius: 8px; border: 1px solid var(--br-line-d);
  background: var(--br-ink); color: #fff; font-family: var(--br-f-b); font-size: 15px;
}
.br-form input{ height: 46px; padding: 0 14px; }
.br-form textarea{ padding: 12px 14px; resize: vertical; }
.br-form input::placeholder,
.br-form textarea::placeholder{ color: var(--br-dim); }
.br-form input:focus,
.br-form textarea:focus{ outline: none; border-color: var(--br-teal); }
.br-form button{ height: 48px; border-radius: 8px; border: none; background: #fff; color: var(--br-ink); font-family: var(--br-f-b); font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color .18s; }
.br-form button:hover{ background: var(--br-teal); }

.br-dark-header header.ct-header{
  position: sticky !important; top: 0; z-index: 50;
  background: rgba(251,251,253,.9) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--br-line);
  transition: box-shadow .25s ease;
}
.br-dark-header.br-scrolled header.ct-header{ box-shadow: 0 1px 0 rgba(16,17,26,.04), 0 10px 30px -20px rgba(16,17,26,.25); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .br-dark-header header.ct-header{ background: var(--br-bg) !important; }
}

.br-dark-header header.ct-header [data-row]{ min-height: 0 !important; }
.br-dark-header header.ct-header [data-row="middle"],
.br-dark-header header.ct-header [data-row="middle"] > *,
.br-dark-header header.ct-header [data-column],
.br-dark-header header.ct-header [data-column] > *{
  height: 68px !important; min-height: 0 !important; align-items: center !important;
}
.br-dark-header header.ct-header [data-row],
.br-dark-header header.ct-header [data-row] > *,
.br-dark-header header.ct-header [data-column],
.br-dark-header header.ct-header .ct-container{ background: transparent !important; }

.br-dark-header header.ct-header [data-id="logo"],
.br-dark-header header.ct-header [data-id="logo"] > a{ height: auto !important; display: flex !important; align-items: center !important; }
.br-dark-header header.ct-header .site-logo-container img,
.br-dark-header header.ct-header [data-id="logo"] img{ height: 27px !important; width: auto !important; max-width: none; }
.br-dark-header header.ct-header .site-title{
  position: absolute !important; width: 1px; height: 1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

.br-dark-header header.ct-header div:has(> [data-column="start"]){
  display: flex !important; grid-template-columns: none !important; align-items: center; gap: 28px;
}
.br-dark-header header.ct-header [data-column="start"]{ flex: 0 0 auto !important; }
.br-dark-header header.ct-header [data-column="end"]{ flex: 1 1 auto !important; }
.br-dark-header header.ct-header [data-column="end"] > *{ display: flex !important; align-items: center; justify-content: flex-end; gap: 22px; width: 100%; }
.br-dark-header header.ct-header nav[class*="menu"] > ul{ gap: 6px; }
.br-dark-header header.ct-header .ct-menu-link{
  text-transform: none !important; letter-spacing: -.005em !important;
  font-family: var(--br-f-b) !important; font-size: 14.5px !important; font-weight: 400 !important;
  color: var(--br-muted) !important; padding: 8px 6px !important; border-radius: 7px;
  transition: color .18s ease;
}
.br-dark-header header.ct-header .ct-menu-link:hover{ color: var(--br-ink) !important; background: transparent; }
.br-dark-header header.ct-header li[class*="current-menu"] > .ct-menu-link,
.br-dark-header header.ct-header li[class*="current_page"] > .ct-menu-link{ color: var(--br-ink) !important; }
.br-dark-header header.ct-header li:not(.menu-item-has-children) > ul,
.br-dark-header header.ct-header li:not(.menu-item-has-children) .sub-menu{ display: none !important; }

.br-dark-header header.ct-header .menu-item.br-hbtn > .ct-menu-link,
.br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link{
  height: 38px; padding: 0 16px !important; border-radius: 7px !important;
  font-size: 14px !important; font-weight: 500 !important; display: inline-flex; align-items: center;
}
.br-dark-header header.ct-header .menu-item.br-hbtn > .ct-menu-link{ border: 1px solid var(--br-line-3); color: var(--br-ink) !important; }
.br-dark-header header.ct-header .menu-item.br-hbtn > .ct-menu-link:hover{ border-color: var(--br-ink); }
.br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link{ background: var(--br-indigo); color: #fff !important; }
.br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link:hover{ background: var(--br-ink); color: #fff !important; }

.br-dark-header header.ct-header [data-id="account"],
.br-dark-header header.ct-header [data-id="cart"]{ display: flex !important; align-items: center; }

.br-dark-header header.ct-header [data-id="account"] .ct-account-item,
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item{
  color: var(--br-muted) !important; transition: color .18s ease;
  line-height: 0;
}
.br-dark-header header.ct-header [data-id="account"] .ct-account-item:hover,
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item:hover{ color: var(--br-ink) !important; }

.br-dark-header header.ct-header [data-id="account"] .ct-label,
.br-dark-header header.ct-header [data-id="cart"] .ct-label,
.br-dark-header header.ct-header [data-id="account"] .ct-account-item svg,
.br-dark-header header.ct-header [data-id="account"] .ct-account-item img,
.br-dark-header header.ct-header [data-id="account"] .ct-account-item [class*="toggle-dropdown"],
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item svg{
  display: none !important;
}

.br-dark-header header.ct-header [data-id="account"] .ct-account-item{
  display: inline-flex; align-items: center;
}
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item{
  display: inline-flex; align-items: center;
}
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item .ct-icon-container{
  position: relative; display: inline-block; width: 21px; height: 21px; line-height: 0;
}

.br-dark-header header.ct-header [data-id="account"] .ct-account-item::before,
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item .ct-icon-container::before{
  content: ""; display: block; width: 21px; height: 21px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
.br-dark-header header.ct-header [data-id="account"] .ct-account-item::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item .ct-icon-container::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2.2l2.3 12.2a1.6 1.6 0 0 0 1.6 1.3h8.9a1.6 1.6 0 0 0 1.6-1.3L21.5 7H5.3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2.2l2.3 12.2a1.6 1.6 0 0 0 1.6 1.3h8.9a1.6 1.6 0 0 0 1.6-1.3L21.5 7H5.3'/%3E%3C/svg%3E");
}

.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item .ct-icon-container > .ct-dynamic-count-cart,
.br-dark-header header.ct-header [data-id="cart"] .ct-cart-item .ct-icon-container > [class*="dynamic-count"]{
  position: absolute; top: -6px; right: -8px; margin: 0;
  min-width: 15px; width: auto; height: 15px; padding: 0 4px; box-sizing: border-box;
  display: flex !important; align-items: center; justify-content: center;
  background: #2B2D5D !important; color: #fff !important;
  border-radius: 999px; font-family: var(--br-f-b);
  font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: 0;
}

@media (min-width: 1000px){

  .br-dark-header header.ct-header [data-column="end"] > *{ gap: 0; }

  .br-dark-header header.ct-header nav[data-id="menu"],
  .br-dark-header header.ct-header nav[data-id="menu"] > ul{ display: contents !important; }

  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary){
    order: 1; margin-right: 6px !important;
  }

  .br-dark-header header.ct-header [data-column="end"] [data-id="search"],
  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"],
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]{ margin-right: 0 !important; }

  .br-dark-header header.ct-header [data-column="end"] [data-id="search"]{ order: 2; margin-left: 22px !important; }
  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"]{ order: 3; margin-left: 22px !important; }

  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]{ order: 4; margin-left: 32px !important; }

  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]{
    flex: 0 0 21px; width: 21px; justify-content: center;
  }

  .br-dark-header header.ct-header [data-column="end"] [data-id="search"]{
    color: var(--br-muted) !important; transition: color .18s ease;
  }
  .br-dark-header header.ct-header [data-column="end"] [data-id="search"] svg,
  .br-dark-header header.ct-header [data-column="end"] [data-id="search"] svg path{
    fill: currentColor !important;
  }
  .br-dark-header header.ct-header [data-column="end"] [data-id="search"]:hover{
    color: var(--br-ink) !important;
  }

  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn{
    order: 5; display: flex; align-items: center; margin-left: 22px !important;
  }
  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn::before{
    content: ""; display: block; width: 1px; height: 22px;
    background: var(--br-line); margin-right: 22px;
  }
  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn-primary{ order: 6; margin-left: 8px !important; }
}

.menu-item[class*="rune-"] > .ct-menu-link{
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  padding-block: 9px !important;
}
.br-mi__rune{
  flex: none; width: 20px; height: 20px; margin-top: 1px;
  color: var(--br-teal-ink);
}
.br-mi__rune.is-muted{ color: var(--br-dim); }
.br-mi__rune svg{ display: block; width: 100%; height: 100%; }
.br-mi__text{ display: block; min-width: 0; }
.br-mi__name{
  display: block;
  font-family: var(--br-f-b); font-size: 14px; font-weight: 500; line-height: 1.3;
  color: var(--br-ink);
}
.br-mi__desc{
  display: block; margin-top: 2px;
  font-family: var(--br-f-b); font-size: 12px; font-weight: 400; line-height: 1.4;
  color: var(--br-muted);
  white-space: normal;
}
.br-mi__tag{
  font-style: normal; margin-left: 7px;
  font-family: var(--br-f-m); font-size: 9px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--br-dim);
}

.br-dark-header header.ct-header .sub-menu{
  background: #fff !important;
  border: 1px solid var(--br-line);
  border-radius: 10px;
  box-shadow: 0 18px 40px -16px rgba(16, 17, 26, .22);
  padding: 6px !important;
}
.br-dark-header header.ct-header .sub-menu .ct-menu-link{ color: var(--br-muted) !important; border-radius: 7px; }
.br-dark-header header.ct-header .sub-menu .ct-menu-link:hover{ background: var(--br-paper-2); color: var(--br-ink) !important; }
.br-dark-header header.ct-header .sub-menu .br-mi__name{ color: var(--br-ink); }

/* ---------- Meniul mobil, piesele injectate din addons/mobile-menu.php ----------
   Varianta 5c din „Nav Variants.dc.html": cap cu marca si inchidere, camp de
   cautare, doua grupuri (Browse / Account) si un buton de oferta la picior.

   Elementele sunt create din JavaScript, deci nu apar in HTML-ul de la server.
   CSS-ul lor lipsea cu totul: `addons/mobile-menu.php` trimitea la
   „brainrune.css sectiunea 33", dar sectiunea aia nu a existat niciodata —
   verificat si in monolitul de pe live, care e dinainte de scrierea meniului.
   Reconstruit din macheta, 2 sept 2026. */

#offcanvas .ct-panel-actions{
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; padding: 0 20px;
  border-bottom: 1px solid var(--br-line-2);
}
.br-mm-brand{
  display: flex; align-items: center; gap: 10px;
  font-family: var(--br-f-d); font-size: 18px; font-weight: 600;
  letter-spacing: -.015em; color: var(--br-indigo) !important;
  text-decoration: none;
}
.br-mm-brand svg{ display: block; flex: none; }

#offcanvas .ct-panel-content{ padding: 0; }
#offcanvas .ct-panel-content-inner{ padding: 16px 20px 0; }

.br-mm-search{
  display: flex; align-items: center; gap: 11px;
  width: 100%; height: 48px; padding: 0 14px; margin-bottom: 20px;
  border: 1px solid var(--br-line); border-radius: var(--br-radius-panel);
  background: var(--br-bg); color: #8A8CA6;
  font-family: inherit; font-size: 15px; text-align: left; cursor: pointer;
}
.br-mm-search__ic{ display: flex; flex: none; }
.br-mm-search svg{ display: block; }

.br-mm-kicker{
  font-family: var(--br-f-m); font-size: 9.5px;
  letter-spacing: .14em; text-transform: uppercase;
  color: #8A8CA6; margin-bottom: 12px;
}

#offcanvas .mobile-menu > ul{ display: grid; gap: 9px; margin-bottom: 22px; }
#offcanvas .mobile-menu > ul > li > .ct-menu-link{
  display: block; padding: 14px 15px;
  border: 1px solid var(--br-line); border-radius: 10px;
  font-family: var(--br-f-d); font-size: 17px; font-weight: 600;
  letter-spacing: -.015em; color: var(--br-indigo) !important;
}
#offcanvas .mobile-menu > ul > li > .ct-menu-link:hover{
  border-color: var(--br-teal-mid); background: #F7FCFD;
}

.br-mm-account{ margin-top: 4px; }
.br-mm-account .br-mm-kicker{ margin-bottom: 6px; }
.br-mm-row{
  display: grid; grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 13px; align-items: center; min-height: 52px;
  border-bottom: 1px solid var(--br-line-4);
  font-size: 15.5px; color: var(--br-text) !important; text-decoration: none;
}
.br-mm-row:last-child{ border-bottom: 0; }
.br-mm-row:hover{ color: var(--br-teal-deep) !important; }
.br-mm-row__ic{ display: flex; align-items: center; justify-content: center; color: #8A8CA6; }
.br-mm-row__ic svg{ display: block; }
.br-mm-row__l{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-mm-row__c{ font-family: var(--br-f-m); font-size: 11px; color: #8A8CA6; }
.br-mm-row__c--live{ color: var(--br-ok); }

.br-mm-foot{ padding: 18px 20px; border-top: 1px solid var(--br-line-2); }
.br-mm-quote{
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 50px;
  border: 1px solid var(--br-indigo); border-radius: var(--br-radius-panel);
  background: var(--br-indigo); color: #fff !important;
  font-family: inherit; font-size: 15px; font-weight: 500;
  text-decoration: none; cursor: pointer;
  transition: background-color .16s, border-color .16s;
}
.br-mm-quote:hover{ background: var(--br-ink); border-color: var(--br-ink); }

/* Elementul de meniu care a devenit butonul de la picior nu se mai arata in lista. */
.br-mm-hidden{ display: none !important; }

#offcanvas .ct-panel-inner{ background: #fff !important; }
#offcanvas .ct-panel-content-inner .ct-menu-link{ color: var(--br-muted) !important; }
#offcanvas .menu-item-has-children > .ct-menu-link,
#offcanvas .ct-sub-menu-parent{ color: var(--br-ink) !important; font-weight: 500; }
#offcanvas .current-menu-item > .ct-menu-link,
#offcanvas .current-menu-ancestor > .ct-menu-link{ color: var(--br-teal-ink) !important; }
#offcanvas .menu-item[class*="rune-"] > .ct-menu-link{ color: var(--br-muted) !important; }
#offcanvas .br-mi__name{ color: var(--br-ink); }
#offcanvas .ct-panel-content-inner .sub-menu{
  margin: 2px 0 8px; padding-left: 4px;
  border-left: 1px solid var(--br-line);
}
#offcanvas .ct-toggle-close{ color: var(--br-ink) !important; }
#offcanvas .ct-toggle-close .ct-icon,
#offcanvas .ct-toggle-close svg,
#offcanvas .ct-toggle-close svg path{ fill: var(--br-ink) !important; }
#offcanvas .ct-sub-menu-toggle{ color: currentColor !important; }

#offcanvas .ct-toggle-dropdown-mobile{
  color: var(--br-dim) !important;
  --theme-icon-color: var(--br-dim) !important;
}
#offcanvas .ct-toggle-dropdown-mobile svg,
#offcanvas .ct-toggle-dropdown-mobile svg path{ fill: var(--br-dim) !important; }
#offcanvas .dropdown-active > .ct-sub-menu-parent .ct-toggle-dropdown-mobile svg,
#offcanvas .dropdown-active > .ct-sub-menu-parent .ct-toggle-dropdown-mobile svg path{ fill: var(--br-teal-ink) !important; }

#offcanvas .ct-panel-actions{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

@media (min-width: 1000px){

  .br-dark-header header.ct-header{
    background: var(--br-bg) !important;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    border-bottom: 0;
    padding-block: 0;
  }
  .br-dark-header.br-scrolled header.ct-header{
    box-shadow: 0 10px 30px -24px rgba(16,17,26,.35);
  }

  .br-dark-header header.ct-header [data-row="middle"] > .ct-container{

    height: 68px !important;
    box-sizing: border-box;
    max-width: var(--br-shell-max);
    padding-inline: var(--br-gutter);
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .br-dark-header header.ct-header [data-row="middle"],
  .br-dark-header header.ct-header [data-row="middle"] > .ct-container > [data-column],
  .br-dark-header header.ct-header [data-row="middle"] > .ct-container > [data-column] > *{
    height: 68px !important;
  }

  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary){
    order: 1;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
    padding-block: 5px;
    background: var(--br-paper-2);
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:first-child{
    padding-left: 5px;
    border-radius: 8px 0 0 8px;
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary):has(+ .br-hbtn),
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary):has(+ .br-hbtn-primary),
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary):last-child{
    padding-right: 5px;
    border-radius: 0 8px 8px 0;
  }

  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link{
    display: flex !important;
    align-items: center;
    gap: 6px;
    height: 40px;
    margin-inline: 2px;
    padding: 0 18px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    color: var(--br-text) !important;
    transition: background-color .16s ease, color .16s ease;
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link{
    position: relative;
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 9px;
    height: 2px;
    background: var(--br-indigo);
    border-radius: 1px;
    /* Blocksy tine `::before`/`::after` de pe linkurile de meniu la
       `opacity: var(--menu-indicator-opacity, 0)` — sunt rezervate pentru
       indicatorul lui nativ, care se aprinde doar pe `data-menu="type-2"`.
       Noi ramanem pe `type-1` (schimbarea ar cere Customizer), deci
       refolosim pseudo-elementul lui si il facem vizibil aici. */
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link:hover{
    background: transparent !important;
    color: var(--br-indigo) !important;
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link:hover::after{
    transform: scaleX(1);
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > li[class*="current-menu"] > .ct-menu-link::after,
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > li[class*="current_page"] > .ct-menu-link::after{
    display: none;
  }
  @media (prefers-reduced-motion: reduce){
    .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item > .ct-menu-link::after{
      transition: none;
    }
  }

  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > li[class*="current-menu"]:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link:not([href*="#"]),
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > li[class*="current_page"]:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link:not([href*="#"]){
    background: var(--br-indigo) !important;
    color: #fff !important;
    font-weight: 500 !important;
  }
  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item > .ct-menu-link .ct-toggle-dropdown-desktop{
    opacity: .6;
  }

  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"],
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]{
    height: 44px !important;
    box-sizing: border-box;
    padding: 3px;
    border-block: 1px solid var(--br-line);
    margin-left: 0 !important;
    flex: none;
    width: auto;
  }

  .br-dark-header header.ct-header [data-column="end"] [data-id="search"]{ display: none !important; }

  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"]{
    margin-left: 22px !important;
    padding-left: 3px;
    border-left: 1px solid var(--br-line);
    border-radius: 8px 0 0 8px;
  }
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]{
    padding-right: 3px;
    border-right: 1px solid var(--br-line);
    border-radius: 0 8px 8px 0;
  }

  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"] .ct-cart-item,
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"] .ct-account-item{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 6px;
    color: var(--br-muted) !important;
    transition: background-color .16s ease, color .16s ease;
  }
  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"] .ct-cart-item:hover,
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"] .ct-account-item:hover,

  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"]:hover .ct-cart-item,
  .br-dark-header header.ct-header [data-column="end"] [data-id="account"]:hover .ct-account-item{
    background: var(--br-paper-2);
    color: var(--br-ink) !important;
  }

  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn{
    display: none;
  }
  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn::before{
    content: none;
  }
  .br-dark-header header.ct-header .menu-item.br-hbtn > .ct-menu-link,
  .br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link{
    height: 44px;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-size: 14.5px !important;
  }
  .br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link{
    background: var(--br-indigo);
    color: #fff !important;
  }
  .br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link:hover{
    background: var(--br-ink);
    color: #fff !important;
  }
}

@media (min-width: 1000px){
  .br-dark-header header.ct-header [data-column="end"] > *{ flex-wrap: nowrap; min-width: 0; }

  .br-dark-header header.ct-header [data-column="end"] .ct-menu-link{ white-space: nowrap; }
  .br-dark-header header.ct-header [data-column="end"] .sub-menu .ct-menu-link{ white-space: normal; }
}

@media (min-width: 1000px) and (max-width: 1319px){

  .br-dark-header header.ct-header [data-row="middle"] > .ct-container{ padding-inline: var(--br-gutter); }

  .br-dark-header header.ct-header [data-column="end"] nav[data-id="menu"] > ul > .menu-item:not(.br-hbtn):not(.br-hbtn-primary) > .ct-menu-link{
    padding: 0 12px !important;
    font-size: 14px !important;
  }
  .br-dark-header header.ct-header [data-column="end"] [data-id="cart"]{ margin-left: 12px !important; }
  .br-dark-header header.ct-header [data-column="end"] .menu-item.br-hbtn-primary{ margin-left: 10px !important; }
  .br-dark-header header.ct-header .menu-item.br-hbtn-primary > .ct-menu-link{ padding: 0 14px !important; }
  .br-dark-header header.ct-header .site-logo-container img,
  .br-dark-header header.ct-header [data-id="logo"] img{ height: 24px !important; }
}

.br-hacc{ position: relative; }

.br-hacc__panel{
  position: absolute;
  top: 100%;
  right: -8px;
  z-index: 60;
  width: 356px;
  margin-top: var(--br-drop-gap);
  background: var(--br-paper);
  border: 1px solid var(--br-line);
  border-radius: var(--br-radius-panel);
  box-shadow: 0 24px 50px -28px rgba(16,17,26,.4);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.br-hacc__panel::before{
  content: "";
  position: absolute;
  top: calc(-1 * var(--br-drop-gap)); left: 0;
  width: 100%; height: var(--br-drop-gap);
}
.br-hacc:hover .br-hacc__panel,
.br-hacc:focus-within .br-hacc__panel{
  opacity: 1;
  visibility: visible;
  transform: none;
}

.br-hacc__id{
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
}
.br-hacc__avatar{
  flex: none;
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--br-paper-2);
  color: var(--br-indigo);
  display: flex; align-items: center; justify-content: center;
}
.br-hacc__who{ flex: 1 1 auto; min-width: 0; }
.br-hacc__name{
  display: block;
  font-family: var(--br-f-d);
  font-size: 16px; font-weight: 600; letter-spacing: -.015em;
  color: var(--br-indigo);
}
.br-hacc__mail{
  display: block;
  font-family: var(--br-f-m);
  font-size: 12px;
  color: var(--br-muted);
  margin-top: 3px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.br-hacc__edit{
  flex: none;
  font-size: 13px;
  color: var(--br-teal-deep) !important;
}
.br-hacc__edit:hover{ color: var(--br-ink) !important; }

.br-hacc__state{
  margin: 0 18px 16px;
  padding: 13px 15px;
  border: 1px solid #A9DCC4;
  background: #EAF7F1;
  border-radius: 10px;
}
.br-hacc__state-top{
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--br-ok);
  margin-bottom: 5px;
}
.br-hacc__dot{
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--br-ok);
}
.br-hacc__state-sub{ display: block; font-size: 13px; color: #3E6B58; }

.br-hacc__links{ padding: 0 8px 8px; }
.br-hacc__link{
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 44px;
  padding: 0 11px;
  border-radius: 8px;
  font-size: 14.5px;
  color: var(--br-text) !important;
  transition: background-color .16s ease;
}
.br-hacc__link:hover{ background: #F7FCFD; color: var(--br-text) !important; }
.br-hacc__ic{ display: flex; align-items: center; justify-content: center; color: #8A8CA6; }
.br-hacc__link:hover .br-hacc__ic{ color: var(--br-teal-deep); }
.br-hacc__label{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-hacc__arrow{ display: flex; color: #C9CBD8; }
.br-hacc__link:hover .br-hacc__arrow{ color: var(--br-teal-mid); }

.br-hacc__foot{
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 13px 18px;
  border-top: 1px solid var(--br-line-2);
  background: var(--br-bg);
}
.br-hacc__out{
  display: flex; align-items: center; gap: 9px;
  font-size: 13.5px;
  color: #A34A3C !important;
}
.br-hacc__out:hover{ color: var(--br-ink) !important; }
.br-hacc__since{ font-family: var(--br-f-m); font-size: 11px; color: #8A8CA6; }

@media (max-width: 999px){
  .br-hacc__panel{ display: none; }
}

footer.ct-footer{ background: var(--br-ink); color: var(--br-dim); border-top: 1px solid var(--br-line-d); }
html body[data-footer] .ct-footer [data-row="bottom"]{ background-color: var(--br-ink); }
.ct-footer [data-row="bottom"] > .ct-container-fluid{ padding: 0; }

.br-footer{ background: var(--br-ink); width: 100%; }
.br-footer__inner{ max-width: var(--br-shell); margin: 0 auto; padding: 64px var(--br-gutter) 40px; font-family: var(--br-f-b); text-align: left; }
.br-footer__grid{ display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 40px; margin-bottom: 52px; }
@media (max-width: 900px){ .br-footer__grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .br-footer__grid{ grid-template-columns: 1fr; } }
.br-footer__brand{ display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.br-footer__brand span{ font-family: var(--br-f-d); font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -.015em; }
.br-footer__lead{ font-size: 14px; line-height: 1.65; margin: 0 0 20px; max-width: 26em; color: var(--br-dim); }
.br-footer a{ text-decoration: none; }
.br-footer__mail{ font-size: 14px; color: var(--br-teal); }
.br-footer__mail:hover{ color: #fff; }
.br-footer__col-t{ font-family: var(--br-f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--br-dim); margin-bottom: 16px; }
.br-footer__links{ display: grid; gap: 10px; }
.br-footer__links a{ font-size: 14px; color: var(--br-dim); }
.br-footer__links a:hover{ color: #fff; }
.br-footer__bar{ border-top: 1px solid var(--br-line-d); padding-top: 26px; display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; font-size: 13px; color: var(--br-dim); }

/* Pus de brainrune.js cand elementul e in afara ecranului. */
.is-idle, .is-idle *{ animation-play-state: paused !important; }

/* =========================================================
   Miscare la sosire — un singur strat, scurt.
   `is-armed` vine din JS la pornire, doar pentru ce e sub ecran (fara JS
   nimic nu sta ascuns); `is-seen` o data, cand sectiunea intra. Capul de
   sectiune intra ca un bloc; intr-o grila intra cardurile, nu grila.
   ========================================================= */
.br-sec.is-armed > .br-wrap:not(.br-wrap--hero) > :not(.br-steps):not(.br-sec):not(.br-cards):not(.br-grid):not(.br-svc):not(.br-plans),
.br-sec.is-armed > :not(.br-wrap):not(.br-sec):not(.br-grid),
.br-sec.is-armed :is(.br-cards, .br-grid, .br-svc, .br-plans) > *{
  opacity: 0; transform: translateX(-16px);
}
.br-sec.is-seen > .br-wrap:not(.br-wrap--hero) > :not(.br-steps):not(.br-sec):not(.br-cards):not(.br-grid):not(.br-svc):not(.br-plans),
.br-sec.is-seen > :not(.br-wrap):not(.br-sec):not(.br-grid),
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > *{
  opacity: 1; transform: none;
  transition: opacity .38s ease-out, transform .38s cubic-bezier(.2, .7, .2, 1);
}
.br-sec.is-seen > .br-wrap > :nth-child(2), .br-sec.is-seen > :nth-child(2){ transition-delay: .06s; }
.br-sec.is-seen > .br-wrap > :nth-child(n+3), .br-sec.is-seen > :nth-child(n+3){ transition-delay: .12s; }
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > :nth-child(1){ transition-delay: .10s; }
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > :nth-child(2){ transition-delay: .16s; }
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > :nth-child(3){ transition-delay: .22s; }
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > :nth-child(4){ transition-delay: .28s; }
.br-sec.is-seen :is(.br-cards, .br-grid, .br-svc, .br-plans) > :nth-child(n+5){ transition-delay: .34s; }

/* Raspuns la mana: cardurile. Bordura si umbra, fara ridicare. */
.br-pcard, .br-scard, .br-card:not(.br-card--wip), .br-tier, .br-plan, .br-feat > *, .br-princ > *{
  transition: border-color .25s ease, box-shadow .25s ease;
}
:is(.br-pcard, .br-scard, .br-card:not(.br-card--wip), .br-tier, .br-plan, .br-feat > *, .br-princ > *):hover{
  border-color: var(--br-teal-mid); box-shadow: 0 8px 20px rgba(43,45,92,.08);
}
/* Sageata din butoane, cand exista una. */
.br-btn > svg, .br-btn > .br-btn__arrow{ transition: transform .22s cubic-bezier(.2, .7, .2, 1); }
.br-btn:hover > svg, .br-btn:hover > .br-btn__arrow{ transform: translateX(3px); }

@media (prefers-reduced-motion: reduce){
  .br-marquee__track,
  .br-eco__svg *,
  .br-eco__dot,
  .br-eco__orbit,
  .br-eco__sweep,
  .br-eco__node--hub,
  .br-gauge__arc,
  .br-steps::after,
  .br-step, .br-deliver, .br-step__n,
  .br-metric__pin,
  .br-eco__live::before,
  .br-gauge__live::before{ animation: none !important; }
  .br-btn{ transition: none; }
  .br-steps.is-armed .br-step, .br-steps.is-armed .br-deliver{ opacity: 1; transform: none; transition: none; }
  .br-steps::after{ transform: none; transition: none; }
  .br-sec.is-armed > .br-wrap > *, .br-sec.is-armed > *,
  .br-sec.is-armed :is(.br-cards, .br-grid, .br-svc, .br-plans) > *,
  .br-pp__tiers.is-armed .br-tier, .br-fields.is-armed .br-switch--on i,
  .br-term.is-armed > div, .br-term.is-armed .c-in{ opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; max-width: none !important; }
  .br-fields.is-armed .br-switch--on{ background: var(--br-indigo) !important; transition: none !important; }
}

.br-tabs{ display: flex; gap: 10px; flex-wrap: wrap; }
.br-tab{
  font-family: var(--br-f-b); font-size: 14px; font-weight: 500; line-height: 1;
  background: #fff; color: var(--br-muted);
  border: 1px solid var(--br-line); border-radius: 8px; padding: 12px 15px; cursor: pointer;
  transition: border-color .18s, color .18s;
}
.br-tab:hover{ border-color: var(--br-ink); color: var(--br-ink); }
.br-tab[aria-selected="true"]{ border-color: var(--br-ink); color: var(--br-ink); }

.entry-content .br-sec{ max-width: 100%; overflow-wrap: break-word; }
.entry-content .br-wrap{
  max-width: var(--br-shell-max);
  margin-inline: auto;
  overflow-wrap: break-word;
}
.br-eco, .br-gauge, .br-panel{ max-width: 100%; }

@media (max-width: 700px){
  :root{ --br-gutter: 18px; }

  .br-wrap,
  .br-wrap--hero,
  .br-wrap--tight,
  .br-wrap--eco,
  .br-wrap--contact,
  .br-wrap--charge{
    padding-left: var(--br-gutter);
    padding-right: var(--br-gutter);
  }
  .br-wrap{ padding-block: 44px; }
  .br-wrap--hero{ padding: 34px var(--br-gutter) 30px; }
  .br-wrap--tight{ padding-block: 40px; }
  .br-wrap--eco{ padding-block: 44px; }
  .br-wrap--contact{ padding-block: 48px; }
  .br-wrap--charge{ padding: 0 var(--br-gutter) 44px; }
  .br-sec--ink .br-wrap{ padding-block: 48px; }

  .br-eyebrow{ margin-bottom: 16px !important; letter-spacing: .15em; }
  .br-hero .br-eyebrow{ margin-bottom: 20px !important; }
  .entry-content .br-sec h1{ font-size: 38px; line-height: 1.1; letter-spacing: -.03em; margin-bottom: 18px; }
  .entry-content .br-sec h2{ font-size: 30px; line-height: 1.15; letter-spacing: -.03em; }
  .entry-content .br-sec--soft h2{ font-size: 29px; }
  .entry-content .br-sec--contact h2{ font-size: 34px; line-height: 1.12; }
  .br-lead{ font-size: 16px; line-height: 1.6; margin-bottom: 26px; max-width: none; }
  .br-head p:where(:not(.br-eyebrow)),
  .br-perf p:where(:not(.br-eyebrow)),
  .br-ro p:where(:not(.br-eyebrow)){ font-size: 15px; line-height: 1.65; }

  .br-hero,
  .br-perf,
  .br-contact,
  .br-ro,
  .br-svc,
  .br-charge,
  .br-metrics,
  .br-head,
  .br-panel__body{ grid-template-columns: minmax(0, 1fr) !important; }

  .br-hero > *,
  .br-hero__visual,
  .br-panel,
  .br-panel > *,
  .br-panel__body > *,
  .br-panel__main > *,
  .br-panel__row > *,
  .br-perf > *,
  .br-contact > *{ min-width: 0; }

  .br-head{ gap: 14px; margin-bottom: 24px; }

  .br-hero{ gap: 0; }
  .br-btn-row{ display: grid; gap: 10px; margin-bottom: 26px; }
  .br-btn-row .br-btn{ width: 100%; height: 50px; border-radius: 9px; }
  .br-hero__meta{ font-size: 12px; gap: 12px 16px; margin-top: 4px; }
  .br-hero__visual{ padding-bottom: 22px; margin-top: 0; }

  .br-panel{ border-radius: 13px; box-shadow: 0 22px 50px -20px rgba(16,17,26,.26); }
  .br-panel__bar{ padding: 11px 13px; gap: 9px; }
  .br-panel__dots i{ width: 8px; height: 8px; }
  .br-panel__body{ grid-template-columns: 1fr; }
  .br-panel__side{
    flex-direction: row; align-items: center; gap: 8px;
    padding: 12px 14px; overflow: hidden;
  }
  .br-panel__brand{ padding: 0; }
  .br-panel__nav{ display: none; }
  .br-panel__main{ padding: 12px 14px 14px; }
  .br-panel__search{ display: none; }
  .br-panel__role{ display: none; }
  .br-panel__thead,
  .br-panel__row{ grid-template-columns: minmax(0,1fr) 62px; }

  .br-float{
    position: absolute; left: -8px; bottom: -6px;
    padding: 14px 18px; border-radius: 11px;
    box-shadow: 0 16px 36px -12px rgba(16,17,26,.45);
  }
  .br-float__v{ font-size: 26px; }
  .br-float__k{ font-size: 9px; margin-bottom: 6px; }
  .br-float__s{ font-size: 11px; margin-top: 5px; }

  .br-marquee{ padding: 13px 0; }
  .br-marquee__track{ gap: 32px; font-size: 11.5px; animation-duration: 34s; }

  .br-sec:has(.br-cards){ overflow-x: clip; }
  .br-cards{
    display: flex; grid-template-columns: none;
    overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 14px;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding: 2px var(--br-gutter) 14px;
    scroll-padding-inline: var(--br-gutter);
    box-sizing: border-box;
    scrollbar-width: none;
  }
  .br-cards::-webkit-scrollbar{ display: none; }
  .br-pcard,
  .br-pcard--wide{
    flex: 0 0 80%; grid-column: auto; min-width: 0;
    scroll-snap-align: start;
    padding: 22px; border-radius: 13px;
  }
  .br-pcard__top{ margin-bottom: 16px !important; }
  .br-pcard__glyph{ font-size: 30px; color: var(--br-teal-ink); }
  .br-pcard h3{ font-size: 20px; }
  .br-pcard__body{ font-size: 14px; line-height: 1.6; margin-bottom: 16px !important; }
  .br-pcard__points{ gap: 8px; margin-bottom: 18px !important; }
  .br-pcard__points > div{ font-size: 13px; }
  .br-pcard__foot{ padding-top: 15px; gap: 9px; }

  .br-ro{ grid-template-columns: 1fr; gap: 20px; }
  .br-ro__card{ padding: 18px; border-radius: var(--br-radius-panel); }
  .br-ro__row{ padding: 11px 14px; }
  .br-ro__field{ font-size: 13.5px; }
  .br-ro__val{ font-size: 11.5px; }

  .br-ro .br-btn-row{ display: block; }
  .br-ro .br-btn-row .br-btn{ display: flex; height: 48px; border-radius: 9px; }
  .br-ro .br-btn-row .br-btn--ghost{ display: none; }

  .br-steps::before{ display: none; }
  .br-steps__grid{
    display: block;
    margin-left: 17px; border-left: 1px solid var(--br-line-d);
  }
  .br-step{
    grid-template-columns: 34px minmax(0,1fr); column-gap: 16px;
    align-items: start; padding-bottom: 24px;
  }
  .br-step:last-child{ padding-bottom: 0; }
  .br-step__n{ grid-row: 1 / 4; margin-left: -17px; align-self: start; }
  .br-step__when{ grid-column: 2; grid-row: 1; display: block; padding: 0; margin: 0 0 6px; background: transparent; }
  .entry-content .br-step h3{ grid-column: 2; grid-row: 2; font-size: 18px; margin: 0 0 8px; }
  .br-step p{ grid-column: 2; grid-row: 3; font-size: 13.5px; }
  .br-deliver{ margin-top: 8px; padding: 20px; grid-template-columns: 1fr; gap: 16px; }
  .br-deliver__t{ font-size: 18px; }
  .br-deliver__grid{ grid-template-columns: 1fr; gap: 12px; }
  .br-deliver__grid > div{ font-size: 13.5px; }

  .br-eco{ padding: 18px; border-radius: 16px; }
  /* Sub 640px scena scalata ar avea etichete de 5px; runele de mai jos spun acelasi lucru. */
  .br-eco__stage{ display: none; }
  .br-eco__list{ grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 0; }
  .br-eco__item-h{ flex-wrap: wrap; }
  .br-eco__title{ font-size: 15px; }
  .br-eco__cap{ font-size: 12.5px; }

  .br-perf{ grid-template-columns: 1fr; }
  .br-gauge{ order: 1; margin-bottom: 20px; }
  .br-perf > :first-child .br-btn{ order: 2; }
  .br-perf > :first-child{ display: contents; }
  .br-perf .br-eyebrow{ order: -1; }
  .br-gauge__svg{ width: 140px; }
  .br-gauge__score{ margin: -102px 0 48px; }
  .br-metrics{ grid-template-columns: 1fr; gap: 18px; }
  .br-metric__name{ white-space: normal; }
  .br-extra{ grid-template-columns: 1fr; }
  .br-perf .br-btn--dark{ width: 100%; height: 48px; border-radius: 9px; }

  .br-svc{ grid-template-columns: 1fr; gap: 14px; }
  .br-scard{ flex-direction: column; gap: 0; padding: 22px; border-radius: 13px; }
  .br-scard__n{ padding-top: 0; margin-bottom: 10px; }
  .entry-content .br-scard h3{ font-size: 19px; }
  .br-scard p{ font-size: 14px; }

  .br-charge{ grid-template-columns: 1fr; gap: 14px; }
  .br-ccard{ padding: 26px; border-radius: 13px; }
  .entry-content .br-ccard h3{ font-size: 22px; }
  .br-ccard p{ font-size: 14.5px; }

  .br-contact{ grid-template-columns: 1fr; gap: 0; }
  .br-contact p{ font-size: 15.5px; max-width: none; margin-bottom: 22px; }
  .entry-content .br-sec--contact a.br-contact__mail{ font-size: 20px; padding: 16px 18px; margin-bottom: 28px; }
  .br-form{ padding: 22px; border-radius: 13px; gap: 16px; }
  .br-form input{ height: 48px; }
  .br-form button{ height: 50px; }

  .br-footer__inner{ padding: 40px var(--br-gutter) 28px; }
  .br-footer__grid{
    display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 28px 20px; margin-bottom: 28px;
  }
  .br-footer__grid > *{ min-width: 0; }
  .br-footer__grid > :first-child{ grid-column: 1 / -1; }
  .br-footer__lead{ font-size: 13.5px; margin-bottom: 0; }
  .br-footer__col-t{ font-size: 10px; margin-bottom: 12px; }
  .br-footer__links a{ font-size: 13.5px; }
  .br-footer__bar{ padding-top: 20px; font-size: 12px; }
  .br-footer__bar span:last-child{ display: none; }
}

@media (max-width: 360px){
  .entry-content .br-sec h1{ font-size: 34px; }
}

:root{

  --br-shell-max: 1450px;

  --theme-container-edge-spacing: calc(100% - 2 * var(--br-gutter-x)) !important;

  --theme-normal-container-max-width: var(--br-shell-max) !important;
}

@media (min-width: 768px){
  :root{ --br-gutter-x: 30px; }
}

@media (min-width: 1000px){
  :root{ --br-gutter-x: 36px; }
}

.ct-cart-content{
  width: 460px !important;
  padding: 0 !important;
  background: var(--br-paper) !important;
  border: 1px solid var(--br-line);
  border-radius: var(--br-radius-panel) !important;
  box-shadow: 0 24px 50px -28px rgba(16,17,26,.4) !important;
  overflow: hidden;
  --dropdown-top-offset: var(--br-drop-gap);
}

.br-mc__head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--br-line-2);
}
.br-mc__title{
  font-family: var(--br-f-d);
  font-size: 16px; font-weight: 600; letter-spacing: -.015em;
  color: var(--br-indigo);
}
.br-mc__count{ font-family: var(--br-f-m); font-size: 11px; color: #8A8CA6; }

.ct-cart-content .woocommerce-mini-cart{
  margin: 0 !important;
  padding: 0 !important;
  max-height: 46vh;
}
.br-mc__item{
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 32px;
  gap: 13px;
  align-items: start;
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--br-line-2) !important;
}
.br-mc__item:last-child{ border-bottom: 0 !important; }

.br-mc__thumb{
  width: 48px; height: 48px;
  border-radius: 8px;
  border: 1px solid var(--br-line);
  background: var(--br-paper-2);
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.br-mc__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }

.br-mc__body{ min-width: 0; }
.br-mc__name{
  display: block;
  font-size: 14px; line-height: 1.5; font-weight: 500;
  color: var(--br-indigo) !important;
}
a.br-mc__name:hover{ color: var(--br-teal-deep) !important; }
.br-mc__body .quantity{
  display: block;
  font-family: var(--br-f-m);
  font-size: 12.5px;
  color: var(--br-muted);
  margin-top: 5px;
}

.br-mc__rm{
  width: 32px; height: 32px;
  border-radius: 7px;
  border: 1px solid var(--br-line-2);
  background: var(--br-paper);
  color: #8A8CA6 !important;
  display: flex; align-items: center; justify-content: center;
  font-size: 0;
  transition: border-color .16s ease, color .16s ease;
}
.br-mc__rm:hover{ border-color: #A34A3C; color: #A34A3C !important; }

.br-mc__total{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 !important;
  padding: 14px 18px !important;
  border-top: 0 !important;
}
.br-mc__total strong{
  font-family: var(--br-f-m);
  font-size: 9.5px; font-weight: 400;
  letter-spacing: .12em; text-transform: uppercase;
  color: #8A8CA6;
}
.br-mc__total .woocommerce-Price-amount,
.br-mc__total .amount{
  font-family: var(--br-f-d);
  font-size: 20px; font-weight: 600; letter-spacing: -.02em;
  color: var(--br-indigo);
}

.br-mc__btns{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 !important;
  padding: 4px 18px 18px !important;
}
.br-mc__btns .button,
.br-mc__btn{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  height: 44px;
  min-height: 0 !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-family: var(--br-f-b) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border: 1px solid var(--br-line-3);
  background: var(--br-paper) !important;
  color: var(--br-ink) !important;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}
.br-mc__btns .button:hover{ border-color: var(--br-ink); }
.br-mc__btns .button.checkout,
.br-mc__btn--primary{
  border-color: var(--br-indigo);
  background: var(--br-indigo) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.br-mc__btns .button.checkout:hover,
.br-mc__btn--primary:hover{
  background: var(--br-ink) !important;
  border-color: var(--br-ink);
  color: #fff !important;
}
.br-mc__btns--empty{ grid-template-columns: 1fr; }
.br-mc__empty{ margin: 0 !important; padding: 22px 18px !important; color: var(--br-muted); font-size: 14px; }

.ct-cart-content .woocommerce-mini-cart{
  overflow-x: hidden;
  scrollbar-width: thin;
}
.ct-cart-content .woocommerce-mini-cart li{
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 32px;
  gap: 13px;
  align-items: start;
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--br-line-2) !important;
}

.ct-cart-content[data-count="0"]{ display: block !important; }

.ct-cart-content .woocommerce-mini-cart li:last-child{ border-bottom: 0 !important; }
.ct-cart-content .woocommerce-mini-cart li img{
  width: 48px !important; height: 48px !important;
  border-radius: 8px;
  border: 1px solid var(--br-line);
  object-fit: cover;
}
.ct-cart-content .woocommerce-mini-cart li > a:not(.remove){
  font-size: 14px; line-height: 1.5; font-weight: 500;
  color: var(--br-indigo) !important;
  text-decoration: none;
}
.ct-cart-content .woocommerce-mini-cart li > a:not(.remove):hover{ color: var(--br-teal-deep) !important; }
.ct-cart-content .woocommerce-mini-cart .quantity{
  display: block;
  font-family: var(--br-f-m);
  font-size: 12.5px;
  color: var(--br-muted);
  margin-top: 5px;
}

.ct-cart-content .woocommerce-mini-cart li > a.remove{
  position: static !important;
  width: 32px !important; height: 32px !important;
  border-radius: 7px;
  border: 1px solid var(--br-line-2);
  background: var(--br-paper) !important;
  color: #8A8CA6 !important;
  display: flex !important; align-items: center; justify-content: center;
  font-size: 17px; line-height: 1;
  transition: border-color .16s ease, color .16s ease;
}
.ct-cart-content .woocommerce-mini-cart li > a.remove:hover{
  border-color: #A34A3C; color: #A34A3C !important;
}

.ct-cart-content .woocommerce-mini-cart__total{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 !important;
  padding: 14px 18px !important;
  border: 0 !important;
}
.ct-cart-content .woocommerce-mini-cart__total strong{
  font-family: var(--br-f-m);
  font-size: 9.5px; font-weight: 400;
  letter-spacing: .12em; text-transform: uppercase;
  color: #8A8CA6;
}
.ct-cart-content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.ct-cart-content .woocommerce-mini-cart__total .amount{
  font-family: var(--br-f-d);
  font-size: 20px; font-weight: 600; letter-spacing: -.02em;
  color: var(--br-indigo);
}

.ct-cart-content .woocommerce-mini-cart__buttons{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 !important;
  padding: 4px 18px 18px !important;
}
.ct-cart-content .woocommerce-mini-cart__buttons .button{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 100%;
  height: 44px;
  min-height: 0 !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 1px solid var(--br-line-3);
  background: var(--br-paper) !important;
  color: var(--br-ink) !important;
  font-family: var(--br-f-b) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.ct-cart-content .woocommerce-mini-cart__buttons .button:hover{ border-color: var(--br-ink); }
.ct-cart-content .woocommerce-mini-cart__buttons .button.checkout{
  border-color: var(--br-ink);
  background: var(--br-ink) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.ct-cart-content .woocommerce-mini-cart__buttons .button.checkout:hover{
  background: var(--br-teal) !important;
  border-color: var(--br-teal);
  color: var(--br-ink) !important;
}

@media (min-width: 1000px){

  .br-dark-header header.ct-header .menu-item-has-children > .sub-menu:has(.br-mi-card){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 210px;

    grid-auto-flow: row dense;
    width: auto !important;
    min-width: 760px;
    padding: 0 !important;
    background: var(--br-paper) !important;
    border: 1px solid var(--br-line);
    border-radius: var(--br-radius-panel);
    box-shadow: 0 24px 50px -28px rgba(16,17,26,.4);
    overflow: hidden;
  }

  .br-dark-header header.ct-header .sub-menu > .br-mi--col1{ grid-column: 1; }
  .br-dark-header header.ct-header .sub-menu > .br-mi--col2{ grid-column: 2; }
  .br-dark-header header.ct-header .sub-menu > .br-mi--col1,
  .br-dark-header header.ct-header .sub-menu > .br-mi--col2{
    padding-inline: 18px;
    border-right: 1px solid var(--br-line-2);
  }
  .br-dark-header header.ct-header .sub-menu > .br-mi--first{ padding-top: 18px; }
  .br-dark-header header.ct-header .sub-menu > .br-mi--col1:last-of-type,
  .br-dark-header header.ct-header .sub-menu > .br-mi--col2:last-of-type{ padding-bottom: 18px; }

  .br-dark-header header.ct-header .sub-menu .br-mi__gtitle{
    display: block;
    font-family: var(--br-f-m);
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #8A8CA6;
    margin-bottom: 12px;
  }

  .br-dark-header header.ct-header .sub-menu > .br-mi--col1 > .ct-menu-link,
  .br-dark-header header.ct-header .sub-menu > .br-mi--col2 > .ct-menu-link{
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 9px !important;
    margin: 0 0 4px !important;
    border-radius: 9px !important;
    color: var(--br-text) !important;
  }

  .br-dark-header header.ct-header .sub-menu .br-mi__gtitle{ grid-column: 1 / -1; }
  .br-dark-header header.ct-header .sub-menu > .br-mi--col1 > .ct-menu-link:hover,
  .br-dark-header header.ct-header .sub-menu > .br-mi--col2 > .ct-menu-link:hover{
    background: #F7FCFD;
    color: var(--br-text) !important;
  }

  .br-dark-header header.ct-header .sub-menu .br-mi__rune{
    width: 28px; height: 28px;
    border-radius: 7px;
    background: var(--br-paper-2);
    color: var(--br-teal-ink);
    display: flex; align-items: center; justify-content: center;
  }
  .br-dark-header header.ct-header .sub-menu .br-mi__rune.is-muted{ color: #A9ABBE; }
  .br-dark-header header.ct-header .sub-menu .br-mi__name{
    font-size: 14.5px; font-weight: 500; color: var(--br-text);
  }
  .br-dark-header header.ct-header .sub-menu .br-mi__desc{
    display: block;
    font-size: 12.5px; line-height: 1.5;
    color: var(--br-muted);
    margin-top: 3px;
  }
  .br-dark-header header.ct-header .sub-menu .br-mi__tag{
    font-family: var(--br-f-m);
    font-size: 8.5px; font-style: normal;
    letter-spacing: .12em; text-transform: uppercase;
    background: #EEEFFA; border: 1px solid #C9CBEE; color: var(--br-indigo);
    border-radius: 5px; padding: 2px 5px; margin-left: 7px;
  }

  .br-dark-header header.ct-header .sub-menu > .br-mi-card{
    grid-column: 3;

    grid-row: 1 / span 99;
    padding: 18px;
    background: var(--br-bg);
  }
  .br-dark-header header.ct-header .sub-menu > .br-mi-card > .ct-menu-link{
    display: flex !important;
    flex-direction: column;

    align-items: stretch;
    text-align: left;
    height: 100%;
    margin: 0 !important;
    padding: 17px !important;
    border-radius: 10px !important;
    background: var(--br-ink);
    color: var(--br-dim) !important;
  }
  .br-mi-card__eyebrow{
    font-family: var(--br-f-m);
    font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
    color: var(--br-teal);
    margin-bottom: 10px;
  }
  .br-mi-card__text{
    font-size: 12.5px; line-height: 1.6;
    color: var(--br-dim);
    margin-bottom: 16px;
  }
  .br-mi-card__btn{
    margin-top: auto;
    display: inline-flex; align-items: center; justify-content: center;
    height: 38px;
    border-radius: 8px;
    background: var(--br-teal);
    color: var(--br-ink);
    font-size: 13px; font-weight: 600;
    transition: background-color .16s ease;
  }
  .br-dark-header header.ct-header .sub-menu > .br-mi-card > .ct-menu-link:hover .br-mi-card__btn{
    background: #fff;
  }
}

.br-acc-btn,
.br-lic-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: var(--br-btn-h);
  /* Blocksy pune `min-height: var(--theme-button-min-height)` (40px) pe
     `.button, [type="submit"]` din main.min.css. Butoanele care sunt
     `<button type="submit">` — „Cancel subscription", „Save changes" —
     ramaneau la 40px, oricat le-am fi scazut inaltimea. Podeaua se scoate
     aici, o singura data; `height` decide. */
  min-height: 0;
  padding: 0 14px;
  font-family: inherit;
  cursor: pointer;
  /* Bordura sta in baza, ca variantele sa dea doar `border-color`. Fara ea,
     un `<button>` fara varianta cade pe stilul implicit al browserului —
     fundal albastru de sistem. */
  border: 1px solid transparent;
  background: transparent;
  border-radius: var(--br-radius-panel);
  font-size: 13.5px;
  text-decoration: none;
  white-space: nowrap;
}
.br-acc-btn--ghost{
  height: var(--br-btn-h-sm);
  border: 1px solid var(--br-line-3);
  color: var(--br-ink);
}
.br-acc-btn--ghost:hover{ border-color: var(--br-ink); color: var(--br-ink); }

.br-acc-btn--quiet{ border: 1px solid var(--br-line-d); color: var(--br-line-2); }
.br-acc-btn--quiet:hover{ border-color: var(--br-dim); color: #fff; }

.br-tk-form{
  background: var(--br-paper);
  border: 1px solid var(--br-line);
  border-radius: var(--br-radius-panel);
  overflow: hidden;
  padding: 20px;
}
.br-tk-form--new{ padding: 0; }
.br-tk-form__head{ padding: 20px 24px; border-bottom: 1px solid var(--br-line-2); }
.br-tk-form__title{
  font-family: var(--br-f-d);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--br-indigo);
  margin: 0;
}
.br-tk-form__sub{ margin: 5px 0 0; font-size: 13.5px; color: var(--br-muted); }
.br-tk-form__body{ padding: 24px; }
.br-tk-form__kicker{
  font-family: var(--br-f-m);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A8CA6;
  margin-bottom: 11px;
}

.br-tk-about{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  padding: 10px 14px;
  background: var(--br-bg);
  border: 1px solid var(--br-line);
  border-radius: 8px;
}
.br-tk-about__k{
  font-family: var(--br-f-m);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A8CA6;
}
.br-tk-about__v{ font-size: 14px; font-weight: 500; color: var(--br-indigo); }
.br-account .entry-content a.br-tk-about__v{ color: var(--br-teal-deep) !important; }
.br-tk-head .br-tk-about{ margin: 12px 0 0; }
.br-tk-form__input,
.br-tk-form__area{
  width: 100%;
  padding: 14px;
  border: 1px solid var(--br-line);
  border-radius: 8px;
  background: var(--br-bg);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.65;
  color: var(--br-text);
}
.br-tk-form__input{ height: 50px; padding: 0 14px; margin-bottom: 18px; }
.br-tk-form__area{ resize: vertical; }
.br-tk-form__input:focus,
.br-tk-form__area:focus{
  outline: none;
  background: var(--br-paper);
  border-color: var(--br-ink);
  box-shadow: 0 0 0 3px rgba(16, 17, 26, .06);
}
.br-tk-form__foot{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.br-tk-form__note{ font-size: 13.5px; color: var(--br-muted); }

.br-tk-chips{ display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 22px; }
.br-tk-chip{ position: relative; }
.br-tk-chip input{
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.br-tk-chip span{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid var(--br-line);
  border-radius: 8px;
  background: var(--br-paper);
  font-size: 13.5px;
  color: var(--br-text);
  transition: border-color .18s ease, background .18s ease;
}
.br-tk-chip:hover span{ border-color: var(--br-teal-mid); }
.br-tk-chip input:checked + span{
  border-color: var(--chip);
  background: var(--chip-tint);
  color: var(--chip);
  font-weight: 500;
}
.br-tk-chip input:focus-visible + span{ outline: 2px solid var(--br-teal-mid); outline-offset: 2px; }

.br-tk-hint[hidden]{ display: none; }
.br-tk-hint{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 14px 0 0;
  padding: 12px 14px;
  background: var(--br-bg);
  border: 1px solid var(--br-line);
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--br-muted);
}
.br-tk-hint__ic{ flex: none; color: var(--br-teal-ink); }

.br-tk-live{ margin: 0; text-align: right; }
.br-tk-live__mute{
  border: none;
  background: transparent;
  padding: 0;
  font-family: var(--br-f-m);
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8A8CA6;
  cursor: pointer;
}
.br-tk-live__mute:hover{ color: var(--br-ink); }

@media (max-width: 700px){
  .br-tk-form__head{ padding: 18px; }
  .br-tk-form__body{ padding: 18px; }
  .br-tk-chips{ gap: 7px; }
  .br-tk-chip span{ padding: 9px 12px; font-size: 13px; }
  .br-tk-form__foot .br-acc-btn{ width: 100%; justify-content: center; }
}

.br-quote{
  background: #fff; border-radius: var(--br-radius-panel); overflow: hidden; color: var(--br-text);
  box-shadow: 0 30px 60px -26px rgba(0, 0, 0, .6);
}

.br-quote *,
.br-quote *::before,
.br-quote *::after{ box-sizing: border-box; }
.br-quote__head{ padding: 22px 26px; border-bottom: 1px solid var(--br-line-2); }
.br-quote .br-quote__lede{ font-size: 16px; line-height: 1.55; color: var(--br-muted); max-width: none; margin: 0; }
.br-quote__body{ padding: 26px; }
.br-quote__kicker{
  font-family: var(--br-f-m); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase;
  color: #8A8CA6; margin-bottom: 13px;
}

.br-quote__pick{ position: relative; margin-bottom: 26px; }
.br-quote .br-quote__native{
  width: 100%; height: 64px; padding: 0 16px; border: 1px solid var(--br-line); border-radius: 8px;
  background-color: var(--br-bg); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--br-indigo);
}
.br-quote__pick.is-enhanced .br-quote__native{
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); overflow: hidden; pointer-events: none;
}
.br-quote .br-quote__trigger{
  display: grid; grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 14px; align-items: center;
  width: 100%; min-height: 64px; padding: 12px 16px; text-align: left;
  border: 1px solid var(--br-line); border-radius: 8px; background-color: var(--br-bg);
  font-family: inherit; color: inherit; cursor: pointer; transition: border-color .18s;
}
.br-quote .br-quote__trigger[hidden]{ display: none; }
.br-quote .br-quote__trigger:hover,
.br-quote .br-quote__trigger[aria-expanded="true"]{ border-color: var(--br-teal-mid); }
.br-quote .br-quote__trigger:focus-visible{ outline: 2px solid var(--br-teal-mid); outline-offset: 2px; }
.br-quote__glyph{
  width: 40px; height: 40px; border-radius: 9px; background: #EFF8F9; color: var(--br-teal-ink);
  display: flex; align-items: center; justify-content: center; flex: none;
}
.br-quote__glyph svg{ display: block; }
.br-quote__opt{ min-width: 0; }
.br-quote__optl{ display: block; font-size: 15px; font-weight: 500; color: var(--br-indigo); }
.br-quote__optn{
  display: block; font-size: 13px; line-height: 1.5; color: var(--br-muted); margin-top: 3px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.br-quote__caret{ color: #8A8CA6; display: flex; justify-content: flex-end; transition: transform .18s; }
.br-quote__trigger[aria-expanded="true"] .br-quote__caret{ transform: rotate(180deg); }

.br-quote .br-quote__menu{
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 5;
  margin: 0; padding: 0; list-style: none;
  border: 1px solid var(--br-line); border-radius: 10px; background: #fff;
  box-shadow: 0 26px 50px -22px rgba(16, 17, 26, .4); overflow: hidden;
}
.br-quote .br-quote__menu[hidden]{ display: none; }
.br-quote__item{
  display: grid; grid-template-columns: 34px minmax(0, 1fr) 18px; gap: 13px; align-items: center;
  padding: 13px 16px; border-bottom: 1px solid var(--br-line-4); cursor: pointer;
}
.br-quote__item:last-child{ border-bottom: 0; }
.br-quote__item:hover,
.br-quote__item:focus{ background: #F7FCFD; outline: none; }
.br-quote__item .br-quote__glyph{ width: 34px; height: 34px; border-radius: 8px; background: var(--br-paper-2); color: #8A8CA6; }
.br-quote__item.is-on .br-quote__glyph{ background: #EFF8F9; color: var(--br-teal-ink); }
.br-quote__item .br-quote__optl{ font-size: 14.5px; font-weight: 400; }
.br-quote__item.is-on .br-quote__optl{ font-weight: 500; color: var(--br-teal-ink); }
.br-quote__item .br-quote__optn{ font-size: 12.5px; white-space: normal; }
.br-quote__mark{ color: var(--br-teal-mid); display: flex; justify-content: flex-end; }
.br-quote__item:not(.is-on) .br-quote__mark{ visibility: hidden; }
.br-quote .br-quote__input,
.br-quote .br-quote__area{
  width: 100%; height: 50px; padding: 0 15px; margin-bottom: 20px;
  border: 1px solid var(--br-line); border-radius: 8px; background-color: var(--br-bg);
  font-family: inherit; font-size: 15px; color: var(--br-text);
}
.br-quote .br-quote__input--mono{ font-family: var(--br-f-m); font-size: 14.5px; }
.br-quote .br-quote__area{ height: auto; padding: 14px 15px; line-height: 1.6; resize: vertical; margin-bottom: 22px; }
.br-quote .br-quote__input::placeholder,
.br-quote .br-quote__area::placeholder{ color: var(--br-muted); }
.br-quote .br-quote__input:focus,
.br-quote .br-quote__area:focus{ outline: none; border-color: var(--br-teal-mid); box-shadow: none; }

.br-quote .br-quote__hint{
  display: flex; align-items: flex-start; gap: 10px; margin: -10px 0 22px; padding: 12px 14px;
  border-radius: 8px; background: #EFF8F9; color: var(--br-teal-ink); font-size: 13.5px; line-height: 1.55; max-width: none;
}
.br-quote .br-quote__hint[hidden]{ display: none; }
.br-quote__hint-ic{ flex: none; margin-top: 1px; }
.br-quote__hint-ic svg{ display: block; }

.br-quote__foot{ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.br-quote .br-quote__send{
  display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 30px;
  border: none; border-radius: 8px; background-color: var(--br-indigo); color: #fff;
  font-family: inherit; font-size: 15.5px; font-weight: 600; cursor: pointer;
  transition: background-color .18s, color .18s;
}
.br-quote .br-quote__send:hover{ background-color: var(--br-ink); color: #fff; }
.br-quote .br-quote__note{ font-size: 14px; color: var(--br-muted); }

.br-quote .br-quote__error{
  margin: 0 0 12px; padding: 12px 14px; border-radius: 8px;
  background: #FBF1EF; border: 1px solid #A34A3C; font-size: 13.5px; line-height: 1.5; color: #A34A3C; max-width: none;
}

.br-quote--sent .br-quote__title{
  font-family: var(--br-f-d); font-size: 28px; font-weight: 700; letter-spacing: -.03em; color: var(--br-indigo); margin: 0 0 10px;
}
.br-quote--sent .br-quote__dot{ color: var(--br-teal-mid); }

@media (max-width: 700px){
  .br-quote__head{ padding: 18px 20px; }
  .br-quote__body{ padding: 20px; }
  .br-quote__optn{ white-space: normal; }
  .br-quote__foot .br-quote__send{ width: 100%; }
}