/*
 * BB SHOP Premium Skin — phase 1 foundation
 * Keeps the legacy OpenCart/PHP data contract and replaces presentation progressively.
 */
:root {
  --bb-bg: #070707;
  --bb-surface: #0d0d0f;
  --bb-surface-2: #131316;
  --bb-line: rgba(255, 255, 255, .10);
  --bb-line-strong: rgba(255, 122, 0, .35);
  --bb-text: #f7f7f5;
  --bb-muted: #a7a7aa;
  --bb-orange: #ff7600;
  --bb-orange-2: #ff9a30;
  --bb-danger: #ff4d4f;
  --bb-radius: 18px;
  --bb-radius-sm: 12px;
  --bb-container: 1240px;
  --bb-shadow: 0 28px 80px rgba(0, 0, 0, .38);
}

html {
  scroll-behavior: smooth;
  background: var(--bb-bg);
}

body {
  margin: 0;
  color: var(--bb-text);
  background:
    radial-gradient(circle at 78% 6%, rgba(255, 118, 0, .08), transparent 28rem),
    radial-gradient(circle at 10% 30%, rgba(255, 255, 255, .035), transparent 24rem),
    var(--bb-bg);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

img {
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  font: inherit;
}

/* Legacy container reset */
#container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

main {
  display: block;
  min-height: 50vh;
}

#notification {
  max-width: var(--bb-container);
  margin: 0 auto;
}

.clear {
  clear: both;
}

/* Top utility line */
header {
  background: #09090a;
  border-bottom: 1px solid var(--bb-line);
}

#header {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
  min-height: auto;
}

#headerlinks {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 22px;
  color: var(--bb-muted);
  font-size: 12px;
}

#headerlinks .city {
  float: none;
}

#headerlinks .city .heading,
#headerlinks .city a {
  color: var(--bb-text);
  font-weight: 700;
}

#headerlinks .city i {
  color: var(--bb-orange);
}

#headerlinks .freeship {
  margin-left: auto;
  float: none;
  color: var(--bb-muted);
}

#welcome {
  float: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

#welcome i {
  color: var(--bb-orange);
}

#welcome .dropbtnuser {
  color: var(--bb-muted);
}

/* Main navigation */
nav {
  position: sticky;
  top: 0;
  z-index: 900;
  background: rgba(7, 7, 7, .90);
  border-bottom: 1px solid var(--bb-line);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#navtop,
#nav {
  width: 100%;
  margin: 0;
  background: transparent;
  min-height: auto;
}

#nav {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
  position: relative;
}

#nav .sw {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 70px;
}

#nav .logo {
  float: none;
  width: auto;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

#nav .logo img {
  width: 148px;
  max-height: 48px;
  object-fit: contain;
  filter: saturate(1.06) contrast(1.05);
}

#nav .search {
  float: none;
  flex: 1 1 340px;
  max-width: 430px;
  position: relative;
  margin: 0;
}

#search input[name="filter_name"] {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 48px 0 16px;
  color: var(--bb-text);
  background: #111113;
  border: 1px solid var(--bb-line);
  border-radius: 999px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#search input[name="filter_name"]:focus {
  border-color: rgba(255, 118, 0, .7);
  box-shadow: 0 0 0 4px rgba(255, 118, 0, .08);
}

#search .button-search {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--bb-orange);
  color: #050505;
  cursor: pointer;
}

#nav .callback {
  float: none;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--bb-text);
  font-weight: 700;
}

#nav .callback a {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--bb-line);
  border-radius: 50%;
}

#nav .callback a:hover {
  color: #050505;
  background: var(--bb-orange);
  border-color: var(--bb-orange);
}

#navigation {
  float: none !important;
  width: auto;
  border: 0;
  background: transparent;
}

#navigation>ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0 0 15px;
  list-style: none;
}

#navigation>ul>li {
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
}

#navigation>ul>li>a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 0;
  color: #e7e7e7;
  font-size: 13px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .055em;
  cursor: pointer;
}

#navigation>ul>li>a:hover,
#navigation .specialsh a {
  color: var(--bb-orange);
}

#navigation .fred {
  color: var(--bb-orange) !important;
}

#menu,
#manufactures,
#goal,
#inform {
  border: 1px solid var(--bb-line) !important;
  border-radius: var(--bb-radius-sm) !important;
  background: rgba(14, 14, 16, .985) !important;
  color: var(--bb-text) !important;
  box-shadow: var(--bb-shadow) !important;
  overflow: hidden;
}

#menu a,
#manufactures a,
#goal a,
#inform a {
  color: #e7e7e7 !important;
}

#menu a:hover,
#manufactures a:hover,
#goal a:hover,
#inform a:hover {
  color: var(--bb-orange) !important;
}

#menu img,
#goal img {
  border-radius: 8px;
}

/* Existing cart widget — lifted above the legacy look */
#cart {
  color: var(--bb-text);
}

#cart .heading,
#cart>.heading {
  background: transparent !important;
  border: 0 !important;
}

#cart .content {
  color: #202124;
  border-radius: var(--bb-radius-sm);
  box-shadow: var(--bb-shadow);
}

/* Intro */
.bbp-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: opacity .75s ease, visibility .75s ease;
}

.bbp-intro.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bbp-intro__inner {
  width: min(620px, 84vw);
  text-align: center;
}

.bbp-intro__pulse {
  width: 100%;
  height: 92px;
  overflow: visible;
  filter: drop-shadow(0 0 14px rgba(255, 118, 0, .65));
}

.bbp-intro__line {
  stroke: #ff7a00;
  stroke-width: 3;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation: bbpIntroLine 1.6s ease forwards;
}

.bbp-intro__brand {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}.bbp-intro__brand img {
    display: block;
    width: 280px;
    max-width: 80vw;
    height: auto;
}

.bbp-intro__subtitle {
    margin-top: 22px;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
}
.bbp-intro__brand strong {
  display: block;
  margin-top: 18px;

  font-family: "Barlow Condensed", sans-serif;
  font-size: 42px;
  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.bbp-intro__brand strong span {
  color: var(--bb-orange);
}

.bbp-intro__brand small {
  display: none;
}

.bbp-intro__tagline {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

@keyframes bbpDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes bbpBrand {
  to {
    opacity: 1;
    transform: none;
  }
}

/* Home */
.bbp-home {
  overflow: hidden;
}

.bbp-shell {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
}

.bbp-hero {
  position: relative;

  min-height: 100svh;
  padding-top: 10px;

  display: flex;
  align-items: center;

  isolation: isolate;
  overflow: hidden;

  border-bottom: 1px solid var(--bb-line);
}

.bbp-hero__title {
  margin: 0;
  max-width: 590px;

  color: var(--bb-text);

  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(56px, 5.4vw, 88px);
  font-weight: 800;

  line-height: .80;
  letter-spacing: -.02em;

  text-transform: uppercase;
}

.bbp-hero__title span {
  display: block;
}

.bbp-hero__title .accent {
  color: var(--bb-orange);
  text-shadow: 0 0 36px rgba(255, 118, 0, .14);
}

.bbp-hero__media {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  background-image: url("../image/premium/hero/hero-main.png");
  background-repeat: no-repeat !important;
  background-size: cover !important;

  /* спортсмен правее */
  background-position: 62% center !important;

  transform: scale(1.035) !important;
  transform-origin: center center;

  z-index: 0;
  pointer-events: none;
}


.bbp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, #070707 0%, rgba(7, 7, 7, .97) 26%, rgba(7, 7, 7, .67) 58%, rgba(7, 7, 7, .22) 100%),
    linear-gradient(0deg, #070707 0%, transparent 24%, transparent 78%, rgba(7, 7, 7, .6) 100%);
}

.bbp-hero__glow {
  position: absolute;
  right: 8%;
  bottom: 6%;
  z-index: -1;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(255, 118, 0, .12);
  filter: blur(90px);
}

.bbp-hero__content {
  width: min(680px, 62vw);
  padding: 78px 0 92px;
}

.bbp-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;

  color: var(--bb-orange);

  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-kicker::before {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--bb-orange);
  box-shadow: 0 0 8px rgba(255, 118, 0, .8);
}


.bbp-hero__lead {
  max-width: 520px;
  margin: 24px 0 0;

  color: #b9b9bd;

  font-size: 17px;
  line-height: 1.6;
}

.bbp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.bbp-hero__catalog-link {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;

  color: rgba(255, 255, 255, .68);

  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 600;

  letter-spacing: .02em;

  transition:
    color .25s ease,
    transform .25s ease;
}

.bbp-hero__catalog-link:hover {
  color: #fff;
  transform: translateX(4px);
}

.bbp-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;

  border: 1px solid var(--bb-line);
  border-radius: 8px;

  color: var(--bb-text) !important;

  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .06em;

  text-transform: uppercase;
}

.bbp-btn--primary {
  color: #060606 !important;
  background: var(--bb-orange);
  border-color: var(--bb-orange);
  box-shadow: 0 16px 36px rgba(255, 118, 0, .16);
}

.bbp-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 118, 0, .65);
}

.bbp-btn--primary:hover {
  background: var(--bb-orange-2);
}

.bbp-hero__facts {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;

  gap: 32px;
  margin: 28px 0 0;
  padding: 0;

  list-style: none;
}

.bbp-hero__facts li {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  white-space: nowrap;
}

.bbp-fact__icon {
  display: inline-block;

  width: auto;
  height: auto;

  border: 0;
  background: none;

  color: var(--bb-orange);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

/* Sections */
.bbp-section {
  padding: 86px 0;
  border-bottom: 1px solid var(--bb-line);
}

.bbp-section--tight {
  padding: 62px 0;
}

.bbp-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 34px;
}

.bbp-section__head h2 {
  margin: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(42px, 4.2vw, 64px);
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.02em;
}

.bbp-title {
  margin: 0;
  color: var(--bb-text);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -.035em;
  font-weight: 900;
  text-transform: uppercase;
}

.bbp-section__head p {
  max-width: 480px;
  margin: 0;
  color: #b8b8bd;
  font-size: 14px;
  line-height: 1.6;
}

.bbp-orange {
  color: var(--bb-orange);
}

.bbp-goals {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.bbp-goal {
  position: relative;
  min-height: 310px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: var(--bb-surface);
}

.bbp-goal::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .42;
  transition: transform .45s ease, opacity .45s ease;
}

.bbp-goal:nth-child(1)::before {
  background:
    linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
    url('../image/premium/goals/goal-mass-gainer.png') center 65% / cover no-repeat;
}

.bbp-goal:nth-child(2)::before {
  background:
    linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
    url('../image/premium/goals/goal-fatburn-l-carnitine.png') center 62% / cover no-repeat;
}

.bbp-goal:nth-child(3)::before {
  background:
    linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
    url('../image/premium/goals/goal-strength.jpg') center 60% / cover no-repeat;
}

.bbp-goal:nth-child(4)::before {
  background:
    linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
    url('../image/premium/goals/goal-recovery-bcaa-collagen.png') center 60% / cover no-repeat;
}

.bbp-goal::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 55%;
  background: linear-gradient(0deg, rgba(7, 7, 7, .98), transparent);
}

.bbp-goal>* {
  position: relative;
  z-index: 2;
}

.bbp-goal__icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .10);
  color: rgba(255, 255, 255, .7);

  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;

  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.bbp-goal:hover .bbp-goal__icon {
  color: var(--bb-orange);
  border-color: rgba(255, 118, 0, .35);
  background: rgba(255, 118, 0, .07);
}

.bbp-goal strong {
  color: #fff;
  font-size: 20px;
  line-height: 1.05;
  text-transform: uppercase;
}

.bbp-goal>span:not(.bbp-goal__icon) {
  margin-top: 9px;
  color: #aaa;
  font-size: 13px;
  line-height: 1.4;
}

.bbp-goal:hover {
  border-color: var(--bb-line-strong);
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .28);
}

.bbp-goal:hover::before {
  transform: scale(1.045);
  opacity: .56;
}

.bbp-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  overflow: hidden;
  background: var(--bb-line);
}

.bbp-benefit {
  min-height: 130px;
  padding: 24px;
  background: #0b0b0d;
}

.bbp-benefit b {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.bbp-benefit span {
  color: var(--bb-muted);
  font-size: 12px;
  line-height: 1.5;
}

.bbp-benefit i {
  display: block;
  margin-bottom: 14px;
  color: var(--bb-orange);
  font-style: normal;
  font-size: 20px;
}

/* Promo slider */

.bbp-promo-section {
  padding: 78px 0;
  border-bottom: 1px solid var(--bb-line);
}

.bbp-promo {
  position: relative;
  min-height: 410px;
  overflow: hidden;

  display: flex;
  align-items: center;

  padding: 64px 72px;

  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 22px;

  background:
    radial-gradient(circle at 78% 55%,
      rgba(255, 118, 0, .16),
      transparent 30%),
    linear-gradient(105deg,
      #0b0b0c 0%,
      #0d0d0f 55%,
      #12100e 100%);
}

.bbp-promo::before {
  content: "BB";
  position: absolute;
  right: 7%;
  top: 50%;

  transform: translateY(-52%);

  color: rgba(255, 255, 255, .025);

  font-family: "Barlow Condensed", sans-serif;
  font-size: 390px;
  font-weight: 900;
  line-height: .7;

  pointer-events: none;
}

.bbp-promo__content {
  position: relative;
  z-index: 2;
  max-width: 590px;
}

.bbp-promo__kicker {
  margin-bottom: 22px;

  color: var(--bb-orange);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-promo h2 {
  margin: 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(52px, 5vw, 76px);
  font-weight: 800;

  line-height: .86;
  letter-spacing: -.025em;

  text-transform: uppercase;
}

.bbp-promo h2 span {
  display: block;
  color: var(--bb-orange);
}

.bbp-promo p {
  max-width: 480px;
  margin: 24px 0 30px;

  color: #aaaab0;

  font-size: 15px;
  line-height: 1.65;
}

.bbp-promo__number {
  position: absolute;
  top: 30px;
  right: 34px;

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

  color: #fff;
}

.bbp-promo__number span {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.bbp-promo__number small {
  color: #6f6f74;
  font-size: 11px;
}

.bbp-promo__arrow {
  position: absolute;
  top: 50%;

  width: 42px;
  height: 42px;

  transform: translateY(-50%);

  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;

  background: rgba(7, 7, 7, .55);
  color: #fff;

  cursor: pointer;

  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease;
}

.bbp-promo__arrow:hover {
  background: var(--bb-orange);
  border-color: var(--bb-orange);
  color: #050505;
}

.bbp-promo__arrow--prev {
  left: 18px;
}

.bbp-promo__arrow--next {
  right: 18px;
}

.bbp-promo__dots {
  position: absolute;
  right: 34px;
  bottom: 28px;

  display: flex;
  gap: 8px;
}

.bbp-promo__dots i {
  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
}

.bbp-promo__dots i.is-active {
  width: 24px;
  border-radius: 999px;
  background: var(--bb-orange);
}

/* Dynamic modules */
/* =========================================================
   DYNAMIC MODULES / BEST SELLERS
   ========================================================= */

.bbp-modules {
  padding: 0;
}


/* Остальные стандартные модули OpenCart */
.bbp-modules>.box {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
  padding: 76px 0;

  border-bottom: 1px solid var(--bb-line);
}


/* FEATURED / ЛИДЕРЫ ПРОДАЖ */
.bbp-product-section {
  width: 100%;
  margin: 0;

  padding: 88px 0;

  border-bottom: 1px solid var(--bb-line);
}


.bbp-product-section .bbp-shell {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
}


.bbp-product-section__header {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 40px;

  margin-bottom: 38px;
}


.bbp-product-section__heading {
  min-width: 0;
}


.bbp-product-section__kicker {
  margin-bottom: 12px;

  color: var(--bb-orange);

  font-family: "Manrope", sans-serif;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.bbp-product-section__title {
  margin: 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(48px, 5vw, 70px);
  font-weight: 800;

  line-height: .90;
  letter-spacing: -.025em;

  text-transform: uppercase;
}


.bbp-product-section__title span {
  color: var(--bb-orange);
}


.bbp-product-section__description {
  max-width: 420px;

  margin: 0;

  color: #a4a4a9;

  font-size: 14px;
  line-height: 1.65;
}

/* GRID */

.bbp-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;

  margin: 0;
  padding: 0;

  list-style: none;
}

/* CARD */

.bbp-product-card {
  position: relative;

  min-width: 0;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 17px;

  background:
    linear-gradient(180deg,
      #101012 0%,
      #09090a 100%);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}


.bbp-product-card:hover {
  transform: translateY(-3px);

  border-color: rgba(255, 118, 0, .30);

  box-shadow:
    0 22px 52px rgba(0, 0, 0, .32);
}


/* IMAGE */

.bbp-product-card__image {
  position: relative;

  height: 235px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 22px;

  overflow: hidden;

  background:
    radial-gradient(circle at 50% 48%,
      rgba(255, 255, 255, .075),
      transparent 62%);
}


.bbp-product-card__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;

  transition:
    transform .4s ease;
}


.bbp-product-card:hover .bbp-product-card__image img {
  transform: scale(1.035);
}


/* SALE */

.bbp-product-card__badge {
  position: absolute;

  top: 14px;
  left: 14px;

  z-index: 3;

  padding: 6px 9px;

  border-radius: 5px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  line-height: 1;

  letter-spacing: .08em;

  text-transform: uppercase;
}


/* BODY */

.bbp-product-card__body {
  padding: 18px;
}


.bbp-product-card__name {
  min-height: 45px;

  margin: 0 0 17px;

  color: #fff;

  font-size: 14px;
  font-weight: 700;

  line-height: 1.45;
}


.bbp-product-card__name a {
  color: #fff;
}


.bbp-product-card__name a:hover {
  color: var(--bb-orange);
}


/* PRICE */

.bbp-product-card__price {
  min-height: 34px;

  display: flex;
  align-items: baseline;
  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 17px;
}


.bbp-product-card__price strong {
  color: var(--bb-orange);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 26px;
  font-weight: 800;

  line-height: 1;
}


.bbp-product-card__price-old {
  color: #6f6f74;

  font-size: 12px;

  text-decoration: line-through;
}


/* LINK */

.bbp-product-card__link {
  display: flex;

  align-items: center;
  justify-content: space-between;

  padding-top: 14px;

  border-top: 1px solid rgba(255, 255, 255, .07);

  color: #9d9da2;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .07em;

  text-transform: uppercase;
}


.bbp-product-card__link span {
  color: var(--bb-orange);

  font-size: 14px;
}


.bbp-product-card__link:hover {
  color: #fff;
}





/* MOBILE */

@media (max-width: 760px) {

  .bbp-product-section {
    padding: 62px 0;
  }

  .bbp-product-section__header {
    display: block;

    margin-bottom: 28px;
  }

  .bbp-product-section__description {
    margin-top: 16px;
  }



  .bbp-product-card__image {
    height: 185px;

    padding: 15px;
  }

  .bbp-product-card__body {
    padding: 14px;
  }

  .bbp-product-card__name {
    min-height: 40px;

    font-size: 13px;
  }

  .bbp-product-card__price strong {
    font-size: 22px;
  }

}





.bbp-category-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.bbp-category-card {
  position: relative;
  overflow: hidden;
}

.bbp-category-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  display: block;
}

.bbp-category-card__image img {
  max-height: 100%;
  object-fit: contain;
}

.bbp-category-card__name {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.bbp-category-card:hover {
  border-color: rgba(255, 118, 0, .45);
  transform: translateY(-2px);
}

.bbp-category-card:hover .bbp-category-card__name {
  color: var(--bb-orange);
}

/* SEO text stays indexable but is visually subordinate */
.bbp-seo {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 52px auto 76px;
  padding: 24px 0 0;
  border-top: 1px solid var(--bb-line);
  color: #8f8f93;
}

.bbp-seo summary {
  cursor: pointer;
  color: #b8b8bb;
  font-size: 13px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.bbp-seo__body {
  max-width: 920px;
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.75;
}

.bbp-seo__body p {
  margin: 0 0 16px;
}

.bbp-seo h1 {
  font-size: 22px !important;
  color: #d8d8da !important;
}

/* Generic legacy page facelift — full category/product rewrite follows in phase 2 */
#content {
  color: #dedee0;
}

#content:not(.bbp-home-content) {
  width: min(var(--bb-container), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb,
.breadcrumbs {
  color: #8f8f93;
}

.product-filter,
.category-list,
.product-info,
.simplecheckout-block,
.checkout-product,
.cart-info {
  border-color: var(--bb-line) !important;
  background-color: #0d0d0f !important;
  color: #e7e7e7;
}

.button,
a.button,
input.button,
.btn {
  border: 1px solid var(--bb-orange) !important;
  border-radius: 7px !important;
  background: var(--bb-orange) !important;
  color: #080808 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.button:hover,
a.button:hover,
input.button:hover,
.btn:hover {
  background: var(--bb-orange-2) !important;
}

.price-new {
  color: var(--bb-orange) !important;
}

.price-old {
  color: #888 !important;
}

/* Footer */
footer {
  border-top: 1px solid var(--bb-line);
  background: #050505;
  color: #b7b7ba;
}

#footer {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
  padding: 64px 0 42px;
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 34px;
  background: transparent;
  border: 0;
}

#footer .column {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

#footer h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer li {
  margin: 0 0 10px;
}

#footer a {
  color: #a5a5a8;
}

#footer a:hover {
  color: var(--bb-orange);
}

.poweredf {
  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
  padding: 26px 0 40px;
  border-top: 1px solid var(--bb-line);
  color: #66666a;
  font-size: 11px;
  line-height: 1.6;
}

.poweredf p {
  color: #66666a !important;
}

.cookie-consent {
  background: rgba(16, 16, 18, .96) !important;
  border: 1px solid var(--bb-line);
  border-radius: 12px 12px 0 0;
  color: #ddd !important;
}

.cookie-consent-button {
  background: var(--bb-orange) !important;
  color: #050505 !important;
}

.bbp-section__head h2,
.bbp-title,
.bbp-product-section__head,
.bbp-modules .box-heading,
.bbp-goal strong {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
}

@media (max-width: 1080px) {
  #nav .callback span {
    display: none;
  }

  #navigation>ul {
    gap: 20px;
  }

  .bbp-goals {
    grid-template-columns: repeat(2, 1fr);
  }

  .bbp-benefits {
    grid-template-columns: repeat(2, 1fr);
  }



  .bbp-category-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  #footer {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {

  #header,
  #nav,
  .bbp-shell,

  .bbp-modules>.box,
  .bbp-seo,
  #footer,
  .poweredf,
  #content:not(.bbp-home-content) {
    width: min(100% - 28px, var(--bb-container));
  }

  #headerlinks {
    min-height: 34px;
  }

  #headerlinks .freeship {
    display: none;
  }

  #welcome {
    margin-left: auto;
  }

  #nav .sw {
    min-height: 62px;
    gap: 12px;
  }

  #nav .logo img {
    width: 112px;
  }

  #nav .search {
    flex-basis: auto;
    max-width: none;
  }

  #search input[name="filter_name"] {
    height: 40px;
    padding-left: 13px;
  }

  #nav .callback {
    display: none;
  }

  #navigation {
    overflow-x: auto;
    scrollbar-width: none;
  }

  #navigation::-webkit-scrollbar {
    display: none;
  }

  #navigation>ul {
    width: max-content;
    gap: 20px;
    padding-bottom: 11px;
  }

  #navigation>ul>li>a {
    font-size: 11px;
  }

  #menu,
  #manufactures,
  #goal,
  #inform {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-height: 70vh;
    overflow: auto;
  }


  .bbp-section {
    padding: 62px 0;
  }

  .bbp-section__head {
    display: block;
  }

  .bbp-section__head p {
    margin-top: 14px;
  }

  .bbp-goals {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .bbp-goal {
    min-height: 250px;
    padding: 18px;
  }

  .bbp-goal strong {
    font-size: 16px;
  }

  .bbp-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .bbp-benefit {
    min-height: 112px;
    padding: 18px;
  }





  .bbp-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  #footer {
    grid-template-columns: 1fr 1fr;
    padding-top: 44px;
  }
}

@media (max-width: 480px) {
  #headerlinks {
    font-size: 11px;
  }

  #nav .search {
    display: none;
  }

  #nav .sw {
    justify-content: space-between;
  }

  .bbp-goals {
    grid-template-columns: 1fr;
  }

  .bbp-goal {
    min-height: 235px;
  }

  .bbp-benefits {
    grid-template-columns: 1fr;
  }



  #footer {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  .bbp-intro {
    display: none !important;
  }
}

/* =========================================================
   PREMIUM HEADER
   ========================================================= */

body>#container>header,
body>#container>nav {
  display: none !important;
}

.bbp-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;

  width: 100%;

  background: rgba(5, 5, 5, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .08);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.bbp-site-header__inner {
  height: 82px;

  display: flex;
  align-items: center;
  gap: 42px;
}

.bbp-site-logo {
  display: flex;
  align-items: center;

  color: #fff;
  text-decoration: none;

  font-size: 24px;
  font-weight: 900;
  letter-spacing: -.04em;
}

.bbp-site-logo strong {
  color: #ff7600;
}
.bbp-site-logo img {
    display: block;
    width: 220px;
    height: auto;
}

.bbp-mobile-menu__logo img {
    display: block;
    width: 190px;
    height: auto;
}

@media (max-width: 760px) {
    .bbp-site-logo img {
        width: 185px;
    }
}


.bbp-site-nav {
  margin-left: auto;

  display: flex;
  align-items: center;
  gap: 32px;
}

.bbp-site-nav a {
  color: rgba(255, 255, 255, .88);
  text-decoration: none;

  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;

  transition: color .2s ease;
}

.bbp-site-nav a:hover,
.bbp-site-nav a.is-accent {
  color: #ff7600;
}

.bbp-site-cart {
  padding-left: 26px;
  border-left: 1px solid rgba(255, 255, 255, .12);

  color: rgba(255, 255, 255, .8);
  text-decoration: none;

  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.bbp-home .bbp-hero h1 {
  margin: 22px 0 20px;
  max-width: 650px;

  font-size: clamp(64px, 5.6vw, 96px);
  line-height: .88;
  font-weight: 900;
  letter-spacing: -.055em;
  text-transform: uppercase;

  color: #fff;
}

.bbp-home .bbp-hero h1 span {
  display: block;
}

.bbp-home .bbp-hero h1 .accent {
  color: #ff7600;
}

/* =========================================================
   HERO — FIX
   ========================================================= */

.bbp-hero {
  position: relative;
  min-height: calc(100vh - 82px);
  padding: 30px 0 34px;
  overflow: hidden;
}

/* ФОТО СНОВА НА ВСЮ ШИРИНУ HERO */
.bbp-hero__media {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  transform: none !important;

  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;

  z-index: 0;
}

/* затемнение под текст слева */
.bbp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(90deg,
      rgba(0, 0, 0, .96) 0%,
      rgba(0, 0, 0, .88) 30%,
      rgba(0, 0, 0, .45) 55%,
      rgba(0, 0, 0, .08) 100%);
}

.bbp-hero__glow {
  z-index: 2;
}

.bbp-hero .bbp-shell {
  position: relative;
  z-index: 3;

  width: min(var(--bb-container), calc(100% - 48px));
  margin: 0 auto;
}

/* ПОДНИМАЕМ ВЕСЬ ТЕКСТ */
.bbp-hero__content {
  max-width: 650px;
  padding-top: 8px;
  transform: none !important;
}

/* BB SHOP · НОВОКУЗНЕЦК */
.bbp-kicker {
  margin: 0 0 22px;
}

/* ЗАГОЛОВОК */
.bbp-home .bbp-hero h1,
.bbp-hero__title {
  margin: 0 0 22px;

  font-size: clamp(72px, 5.7vw, 96px);
  line-height: .88;
  font-weight: 900;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.bbp-hero__title span {
  display: block;
}

.bbp-hero__title .accent {
  color: #ff7600;
}

/* ОПИСАНИЕ */
.bbp-hero__lead {
  max-width: 590px;
  margin: 0 0 28px;
}

/* КНОПКИ */
.bbp-actions {
  margin-bottom: 28px;
}

/* НИЖНИЕ ПРЕИМУЩЕСТВА */
.bbp-hero__facts {
  gap: 34px;
}

.bbp-hero__facts li {
  gap: 9px;
  font-size: 13px;
  color: rgba(255, 255, 255, .78);
}

.bbp-fact__icon {
  color: #ff7600;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

.bbp-hero__content {
  width: min(650px, 52vw);
  max-width: 650px;

  padding: 24px 0 42px !important;
  transform: none !important;
}

@media (min-width: 761px) {
  .bbp-hero {
    align-items: flex-start;
  }

  .bbp-hero__content {
    padding: 42px 0 38px !important;
  }
}

/* =========================================================
   HERO DESKTOP — НЕ ДВИГАЕМ КОНТЕЙНЕР
   ========================================================= */

@media (min-width: 761px) {

  body {
    overflow-x: hidden;
  }

  .bbp-home {
    overflow: visible;
  }

  .bbp-hero {
    position: relative;

    width: 100%;
    max-width: none;

    left: auto;
    right: auto;

    margin-left: 0;
    margin-right: 0;

    transform: none;

    overflow: visible;
  }

  .bbp-hero .bbp-shell {
    position: relative;
    z-index: 3;

    width: min(var(--bb-container), calc(100% - 48px));
    margin: 0 auto;
  }
}

/* =========================================================
   HERO BACKGROUND — FULL BLEED LEFT + RIGHT
   ========================================================= */

@media (min-width: 761px) {

  .bbp-hero {
    position: relative;
    overflow: hidden;
  }

  .bbp-hero__media {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;

    width: 100vw !important;
    height: 100% !important;

    transform: translateX(-50%) !important;

    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;

    z-index: 0;
  }

  .bbp-hero::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;

    width: 100vw;
    height: 100%;

    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;

    background:
      linear-gradient(90deg,
        rgba(0, 0, 0, .96) 0%,
        rgba(0, 0, 0, .88) 30%,
        rgba(0, 0, 0, .45) 55%,
        rgba(0, 0, 0, .08) 100%);
  }

  .bbp-hero .bbp-shell {
    position: relative;
    z-index: 3;
    width: min(var(--bb-container), calc(100% - 48px));
    margin: 0 auto;
  }
}

/* =========================================================
   HERO FULL WIDTH — FINAL
   ========================================================= */

@media (min-width: 761px) {

  /* разрешаем фону выходить за контейнер */
  .bbp-home {
    overflow: visible !important;
  }

  .bbp-hero {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;
    left: auto !important;

    transform: none !important;

    overflow: visible !important;
  }

  /* сам текст остаётся в сетке */
  .bbp-hero .bbp-shell {
    position: relative;
    z-index: 3;

    width: min(var(--bb-container), calc(100% - 48px));
    margin: 0 auto;
  }

  /* только фотография выходит до краёв viewport */
  .bbp-hero__media {
    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    left: 50% !important;
    right: auto !important;

    width: 100vw !important;
    height: 100% !important;

    transform: translateX(-50%) !important;

    background-image: url("../image/premium/hero/hero-main.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;

    z-index: 0 !important;
    pointer-events: none;
  }

  /* затемнение тоже на всю ширину */
  .bbp-hero::after {
    content: "";

    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    left: 50% !important;
    right: auto !important;

    width: 100vw !important;
    height: 100% !important;

    transform: translateX(-50%) !important;

    z-index: 1 !important;
    pointer-events: none;

    background:
      linear-gradient(90deg,
        rgba(0, 0, 0, .96) 0%,
        rgba(0, 0, 0, .88) 30%,
        rgba(0, 0, 0, .45) 55%,
        rgba(0, 0, 0, .08) 100%) !important;
  }

  body {
    overflow-x: hidden;
  }
}

@media (min-width: 761px) {
  .bbp-hero {
    align-items: flex-start;
  }

  .bbp-hero__content {
    padding-top: 20px !important;
    padding-bottom: 38px !important;
  }
}

/* =========================================================
   HERO MOBILE — FINAL
   ========================================================= */

@media (max-width: 760px) {

  .bbp-home {
    overflow: hidden !important;
  }


  /* HERO */

  .bbp-hero {
    position: relative !important;

    min-height: calc(100svh - 72px) !important;

    padding: 0 !important;

    display: flex;
    align-items: flex-end;

    overflow: hidden !important;

    isolation: isolate;
  }


  /* Контейнер чуть шире, чем был */

  .bbp-hero .bbp-shell {
    position: relative;

    width: calc(100% - 28px) !important;
    margin: 0 auto !important;

    z-index: 3;
  }


  /* =====================================================
       SERGEY / BACKGROUND
       ===================================================== */

  .bbp-hero__media {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    transform: none !important;

    background-image:
      url("../image/premium/hero/hero-main.png") !important;

    background-repeat:
      no-repeat !important;

    background-size:
      cover !important;

    /*
         * На мобильном забираем больше правой
         * части исходника — Сергей входит в кадр.
         */
    background-position:
      84% center !important;

    z-index: 0 !important;

    pointer-events: none;
  }


  /* Затемнение:
       сверху фотография читается,
       снизу появляется чистая зона под текст */

  .bbp-hero::after {
    content: "";

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    transform: none !important;

    z-index: 1 !important;

    pointer-events: none;

    background:
      linear-gradient(180deg,
        rgba(5, 5, 5, .08) 0%,
        rgba(5, 5, 5, .10) 25%,
        rgba(5, 5, 5, .35) 45%,
        rgba(5, 5, 5, .76) 62%,
        rgba(5, 5, 5, .96) 78%,
        #050505 100%),
      linear-gradient(90deg,
        rgba(5, 5, 5, .46) 0%,
        rgba(5, 5, 5, .15) 55%,
        rgba(5, 5, 5, .03) 100%) !important;
  }


  .bbp-hero__glow {
    display: none;
  }


  /* =====================================================
       CONTENT
       ===================================================== */

  .bbp-hero__content {
    width: 100% !important;
    max-width: none !important;

    padding: 198px 0 calc(86px + env(safe-area-inset-bottom)) !important;

    transform: none !important;
  }



  /* BB SHOP · НОВОКУЗНЕЦК */

  .bbp-kicker {
    margin:
      0 0 10px !important;

    font-size: 9px !important;

    letter-spacing: .16em;
    position: relative;
    transform: translateY(-215px) !important;
  }


  .bbp-kicker::before {
    width: 24px;
  }


  /* =====================================================
       СИЛЬНЕЕ / БЫСТРЕЕ / ДАЛЬШЕ
       ===================================================== */

  .bbp-home .bbp-hero h1,
  .bbp-hero__title {
    width: 100%;

    max-width: 340px !important;

    margin:
      0 0 12px !important;

    font-size:
      clamp(46px, 12.8vw, 54px) !important;

    line-height: .82 !important;

    letter-spacing: -.045em !important;
    position: relative;
    transform: translateY(-215px) !important;
  }


  /* =====================================================
       DESCRIPTION
       ===================================================== */

  .bbp-hero__lead {
    max-width: 340px !important;

    margin:
      0 0 14px !important;

    color:
      rgba(255, 255, 255, .76);

    font-size: 13px !important;

    line-height: 1.5 !important;
    position: relative;
    transform: translateY(-3px) !important;
  }


  /* =====================================================
       BUTTONS
       ===================================================== */

  .bbp-actions {
    display: grid !important;

    grid-template-columns:
      1fr !important;

    gap: 8px !important;

    margin:
      0 0 14px !important;
    position: relative;
    transform: translateY(6px) !important;
  }


  .bbp-actions .bbp-btn {
    width: 100% !important;

    min-height: 44px;

    padding:
      0 16px;

    font-size: 12px;

    border-radius: 7px;
  }


  /* =====================================================
       FACTS
       ===================================================== */

  .bbp-hero__facts {
    width: 100%;

    display: grid !important;

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

    align-items: start;

    gap:
      10px 14px !important;

    margin:
      0 !important;

    padding:
      0 !important;
    position: relative;
    transform: translateY(38px) !important;
  }


  .bbp-hero__facts li {
    display: flex;

    align-items: flex-start;

    gap: 7px !important;

    min-width: 0;

    color:
      rgba(255, 255, 255, .68);

    font-size: 10.5px !important;

    line-height: 1.35;

    white-space: normal !important;
  }


  /* Последний пункт отдельной строкой */

  .bbp-hero__facts li:nth-child(3) {
    grid-column:
      1 / -1;
  }


    .bbp-fact__icon {
    flex: 0 0 auto;

    color: var(--bb-orange);

    font-size: 13px !important;
  }

}


/* =========================================================
   GOALS MOBILE — FINAL
   ========================================================= */

@media (max-width: 760px) {

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

  .bbp-goal {
    min-height: 290px !important;
    padding: 16px !important;
    border-radius: 14px;
  }

  .bbp-goal__icon {
    width: 34px;
    height: 34px;
    margin-bottom: 14px;
    font-size: 14px;
  }

  .bbp-goal strong {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .bbp-goal > span:not(.bbp-goal__icon) {
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.35;
  }

  .bbp-goal:nth-child(1)::before {
    background:
      linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
      url('../image/premium/goals/goal-mass-gainer.png')
      center 48% / cover no-repeat !important;
  }

  .bbp-goal:nth-child(2)::before {
    background:
      linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
      url('../image/premium/goals/goal-fatburn-l-carnitine.png')
      center 46% / cover no-repeat !important;
  }

  .bbp-goal:nth-child(3)::before {
    background:
      linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
      url('../image/premium/goals/goal-strength.jpg')
      center 42% / cover no-repeat !important;
  }

  .bbp-goal:nth-child(4)::before {
    background:
      linear-gradient(0deg, #0b0b0c 4%, transparent 76%),
      url('../image/premium/goals/goal-recovery-bcaa-collagen.png')
      center 42% / cover no-repeat !important;
  }

}




@media (min-width: 761px) {
  .bbp-goal:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 118, 0, .42);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .34);
  }

  .bbp-goal:hover::before {
    transform: scale(1.025);
    opacity: .52;
  }
}

@media (min-width: 761px) {

  .bbp-goal:hover {
    transform: none !important;
    border-color: rgba(255, 118, 0, .42);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
  }

  .bbp-goal:hover::before {
    transform: scale(1.025);
    opacity: .52;
  }
}

/* Выравниваем контент карточек целей */
@media (min-width: 761px) {

  .bbp-goal>span:not(.bbp-goal__icon) {
    min-height: 55px;
  }

  .bbp-goal strong {
    min-height: 22px;
    display: flex;
    align-items: flex-end;
  }
}

/* =========================================================
   BB SHOP PREMIUM PROMO
   ========================================================= */

.bbp-promo {
  position: relative;
  width: min(var(--bb-container), calc(100% - 48px));
  height: 520px;

  margin: 70px auto;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 22px;

  background: #090909;
}


/* Nivo остаётся штатным слайдером */

.bbp-promo .nivoSlider {
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;

  background: #090909;
  box-shadow: none !important;
}


.bbp-promo .nivoSlider img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover;
  object-position: center;

  opacity: .40;
}


/* дополнительное затемнение */

.bbp-promo::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 5;

  pointer-events: none;

  background:
    linear-gradient(90deg,
      rgba(5, 5, 5, .98) 0%,
      rgba(5, 5, 5, .92) 33%,
      rgba(5, 5, 5, .56) 62%,
      rgba(5, 5, 5, .20) 100%);
}


/* наш контент */

.bbp-promo__overlay {
  position: absolute;

  left: 76px;
  top: 50%;

  z-index: 20;

  transform: translateY(-50%);

  max-width: 650px;

  pointer-events: none;
}


.bbp-promo__kicker {
  margin-bottom: 24px;

  color: var(--bb-orange);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: .15em;
  text-transform: uppercase;
}


.bbp-promo__headline {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 5.5vw, 82px);
  font-weight: 800;

  line-height: .86;
  letter-spacing: -.025em;

  text-transform: uppercase;
}


.bbp-promo__headline span {
  color: var(--bb-orange);
}


.bbp-promo__text {
  max-width: 520px;

  margin-top: 27px;

  color: #b8b8bd;

  font-size: 15px;
  line-height: 1.6;
}


.bbp-promo__button {
  display: inline-flex;

  align-items: center;
  gap: 14px;

  margin-top: 30px;
  padding: 17px 25px;

  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505 !important;

  font-size: 13px;
  font-weight: 800;

  letter-spacing: .04em;
  text-transform: uppercase;

  pointer-events: auto;

  transition: transform .2s ease;
}


.bbp-promo__button:hover {
  transform: translateY(-2px);
}


/* Nivo caption больше не нужен */

.bbp-promo .nivo-caption {
  display: none !important;
}


/* стрелки */

.bbp-promo .nivo-directionNav a {
  z-index: 30 !important;
}


/* точки */

.bbp-promo .nivo-controlNav {
  position: absolute;

  right: 34px;
  bottom: 24px;

  z-index: 30;

  padding: 0 !important;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-promo {
    width: calc(100% - 28px);
    height: 470px;

    margin: 42px auto;

    border-radius: 16px;
  }

  .bbp-promo__overlay {
    left: 26px;
    right: 26px;

    max-width: none;
  }

  .bbp-promo__headline {
    font-size: 52px;
  }

  .bbp-promo .nivo-directionNav {
    display: none;
  }

}

/* =========================================================
   BB PROMO — первый слайд наш, остальные из OpenCart
   ========================================================= */


/* Наш первый экран */

.bbp-promo.is-first {
  background:
    radial-gradient(circle at 82% 50%,
      rgba(255, 118, 0, .12),
      transparent 38%),
    linear-gradient(115deg,
      #080808 0%,
      #0b0b0b 52%,
      #1b110b 100%);
}


/* Большие BB справа */

.bbp-promo.is-first::before {
  display: none !important;
}


/* На первом экране техническая картинка прозрачная */

.bbp-promo.is-first .bbp-promo__first-img {
  opacity: 0 !important;
}
.bbp-promo.is-first .nivo-imageLink {
  pointer-events: none !important;
}


/* Наш текст показываем только на первом */

.bbp-promo__overlay {
  transition:
    opacity .25s ease,
    visibility .25s ease;
}


.bbp-promo:not(.is-first) .bbp-promo__overlay {
  opacity: 0;

  visibility: hidden;

  pointer-events: none;
}


/* Backend-баннер показываем нормально */

.bbp-promo:not(.is-first) .nivoSlider img {
  opacity: 1 !important;
}


/* И не душим их готовую графику сильным затемнением */

.bbp-promo:not(.is-first)::after {
  background:
    linear-gradient(90deg,
      rgba(0, 0, 0, .16),
      rgba(0, 0, 0, .03));
}


/* Счётчик 01 / 03 */

.bbp-promo__counter {
  position: absolute;

  right: 38px;
  top: 30px;

  z-index: 40;

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

  color: rgba(255, 255, 255, .45);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 13px;

  pointer-events: none;
}


.bbp-promo__counter strong {
  color: #fff;

  font-size: 23px;
  font-weight: 800;
}


/* Свои стрелки, без старых картинок Nivo */

.bbp-promo .nivo-directionNav a {
  width: 44px !important;
  height: 44px !important;

  top: 50% !important;

  margin-top: -22px !important;

  border: 1px solid rgba(255, 255, 255, .13);

  border-radius: 50%;

  background: rgba(5, 5, 5, .65) !important;

  text-indent: -9999px;

  opacity: 1 !important;

  z-index: 40 !important;
}


.bbp-promo .nivo-prevNav {
  left: 18px !important;
}


.bbp-promo .nivo-nextNav {
  right: 18px !important;
}


.bbp-promo .nivo-prevNav::after,
.bbp-promo .nivo-nextNav::after {
  position: absolute;

  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;

  font-size: 16px;

  text-indent: 0;
}


.bbp-promo .nivo-prevNav::after {
  content: "←";
}


.bbp-promo .nivo-nextNav::after {
  content: "→";
}

/* Первый premium-слайд полностью перекрывает backend-баннер */
.bbp-promo.is-first::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 5;

  pointer-events: auto !important;

  background:
    linear-gradient(90deg,
      rgba(5, 5, 5, .99) 0%,
      rgba(5, 5, 5, .95) 30%,
      rgba(5, 5, 5, .72) 48%,
      rgba(5, 5, 5, .28) 64%,
      rgba(5, 5, 5, .04) 82%,
      rgba(5, 5, 5, .01) 100%),
    url("../image/premium/promo/promo-sale-girl.png") center center / cover no-repeat !important;
}


/* Большие BB должны быть поверх нашего фона */
.bbp-promo.is-first::before {
  z-index: 6 !important;

  right: 80px !important;

  color: rgba(255, 118, 0, .045) !important;

  font-size: 260px !important;
}


/* Текст остаётся выше всего */
.bbp-promo__overlay {
  z-index: 20 !important;
}


/* Счётчик и управление ещё выше */
.bbp-promo__counter,
.bbp-promo .nivo-directionNav,
.bbp-promo .nivo-controlNav {
  z-index: 40 !important;
}

/* =========================================================
   PROMO SLIDER — NAVIGATION FINAL
   ========================================================= */

.bbp-promo .nivo-directionNav {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  z-index: 60 !important;

  pointer-events: none;
}

.bbp-promo .nivo-directionNav a {
  position: absolute !important;
  top: 50% !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 44px !important;
  height: 44px !important;

  margin-top: -22px !important;

  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 50% !important;

  background: rgba(7, 7, 7, .72) !important;
  background-image: none !important;

  opacity: 1 !important;

  text-indent: -9999px !important;

  z-index: 61 !important;

  pointer-events: auto;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.bbp-promo .nivo-prevNav {
  left: 18px !important;
}

.bbp-promo .nivo-nextNav {
  right: 18px !important;
}

.bbp-promo .nivo-prevNav::after,
.bbp-promo .nivo-nextNav::after {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;

  font-size: 16px;
  font-weight: 700;

  text-indent: 0 !important;
}

.bbp-promo .nivo-prevNav::after {
  content: "←";
}

.bbp-promo .nivo-nextNav::after {
  content: "→";
}

.bbp-promo .nivo-directionNav a:hover {
  background: var(--bb-orange) !important;
  border-color: var(--bb-orange) !important;
}

.bbp-promo .nivo-directionNav a:hover::after {
  color: #050505;
}

/* Наши стрелки promo-слайдера */

.bbp-promo__nav {
  position: absolute;
  top: 50%;

  z-index: 50;

  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-50%);

  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;

  background: rgba(5, 5, 5, .58);
  color: #fff;

  font-size: 16px;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.bbp-promo__nav--prev {
  left: 18px;
}

.bbp-promo__nav--next {
  right: 18px;
}

.bbp-promo__nav:hover {
  background: var(--bb-orange);
  border-color: var(--bb-orange);
  color: #050505;
}

/* =========================================================
   PROMO MOBILE — FINAL
   ========================================================= */

@media (max-width: 760px) {

  .bbp-promo {
    width: calc(100% - 28px) !important;
    height: 500px !important;

    margin: 42px auto !important;

    border-radius: 16px !important;
  }


  /* =====================================================
     КОНТЕНТ
     ===================================================== */

  .bbp-promo__overlay {
    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    left: 22px !important;
    right: 22px !important;

    width: auto !important;
    max-width: none !important;

    transform: none !important;

    z-index: 20 !important;

    pointer-events: none;
  }


  /* BB SHOP · СПЕЦИАЛЬНЫЕ ПРЕДЛОЖЕНИЯ —
     отдельно наверху */

  .bbp-promo__kicker {
    position: absolute !important;

    top: 28px !important;
    left: 0 !important;

    max-width: 220px;

    margin: 0 !important;

    font-size: 8.5px !important;
    line-height: 1.45 !important;

    letter-spacing: .15em !important;
  }


  /* =====================================================
     ЗАГОЛОВОК — ниже и компактнее
     ===================================================== */

  .bbp-promo__headline {
    display: none !important;
}


  /* =====================================================
     ОПИСАНИЕ
     ===================================================== */

  .bbp-promo__text {
    position: absolute !important;

    left: 0 !important;
    bottom: 76px !important;

    width: 76% !important;
    max-width: 260px !important;

    margin: 0 !important;

    font-size: 11.5px !important;
    line-height: 1.45 !important;
}


  /* =====================================================
     КНОПКА
     ===================================================== */

  .bbp-promo__button {
    position: absolute !important;

    left: 0 !important;
    bottom: 24px !important;

    margin: 0 !important;

    padding: 13px 17px !important;

    font-size: 10.5px !important;

    pointer-events: auto;
  }


  /* =====================================================
     ВИКА — СИЛЬНЕЕ ВЛЕВО
     ===================================================== */

  .bbp-promo.is-first::after {
    background:
      linear-gradient(
        90deg,
        rgba(5,5,5,.72) 0%,
        rgba(5,5,5,.46) 30%,
        rgba(5,5,5,.20) 54%,
        rgba(5,5,5,.05) 76%,
        rgba(5,5,5,0) 100%
      ),
      url("../image/premium/promo/promo-sale-girl.png")
      76% center / cover no-repeat !important;
}


  /* =====================================================
     БОЛЬШИЕ BB СПРАВА
     ===================================================== */

  .bbp-promo.is-first::before {
    display: block !important;

    content: "BB";

    position: absolute !important;

    top: 50% !important;
    right: -28px !important;

    transform: translateY(-48%) !important;

    z-index: 6 !important;

    color: rgba(255,118,0,.095) !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 205px !important;
    font-weight: 900;

    line-height: .7;

    letter-spacing: -.08em;

    pointer-events: none;
  }


  /* =====================================================
     СЧЁТЧИК
     ===================================================== */

  .bbp-promo__counter {
    top: 24px !important;
    right: 18px !important;

    font-size: 10px !important;
  }


  .bbp-promo__counter strong {
    font-size: 19px !important;
  }


  /* Стрелки на мобильном не нужны */

  /* На мобильном оставляем только стрелку ВПЕРЁД */

.bbp-promo .nivo-directionNav {
    display: block !important;
}

.bbp-promo .nivo-prevNav {
    display: none !important;
}

.bbp-promo .nivo-nextNav {
    display: flex !important;

    position: absolute !important;

    top: 50% !important;
    right: 12px !important;

    width: 38px !important;
    height: 38px !important;

    margin-top: -19px !important;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;

    background: rgba(5,5,5,.42) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    opacity: .82 !important;

    z-index: 60 !important;
}

.bbp-promo .nivo-nextNav::after {
    content: "→" !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-indent: 0 !important;
}

}

/* =========================================================
   POPULAR CATEGORIES — HOME
   ========================================================= */

.bbp-popular-categories {
  padding: 86px 0;
  border-bottom: 1px solid var(--bb-line);
}


.bbp-popular-categories .bbp-section__head {
  margin-bottom: 34px;
}


.bbp-popular-categories .bbp-section__head h2 span {
  display: block;
}


.bbp-category-grid {
  display: grid;

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

  gap: 12px;
}


.bbp-category-card {
  display: block;

  min-width: 0;

  color: #fff;

  text-decoration: none;

  transition:
    transform .25s ease,
    color .25s ease;
}


.bbp-category-card__image {
  position: relative;

  height: 300px;

  overflow: hidden;

  border-radius: 0;

  background: #0b0b0c;
}


.bbp-category-card__image::after {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(0deg,
      rgba(5, 5, 5, .32) 0%,
      transparent 38%);
}


.bbp-category-card__image img {
  width: 100% !important;
  height: 100% !important;

  display: block;

  object-fit: cover !important;
  object-position: center 18% !important;

  transition:
    transform .45s ease,
    filter .45s ease;
}


.bbp-category-card__name {
  margin-top: 13px;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 15px;
  font-weight: 800;

  line-height: 1;

  text-transform: uppercase;
}


.bbp-category-card:hover {
  transform: none;
}


.bbp-category-card:hover .bbp-category-card__image img {
  transform: scale(1.025);
}


.bbp-category-card:hover .bbp-category-card__name {
  color: var(--bb-orange);
}


@media (max-width: 1080px) {

  .bbp-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

/* TABLET */

@media (max-width: 1100px) {

  .bbp-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {
  .bbp-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .bbp-popular-categories {
    padding: 62px 0;
  }

  .bbp-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .bbp-category-card__image {
    height: 240px;
  }
  .bbp-category-card__name {
    font-size: 13px !important;
    line-height: 1.05 !important;
    letter-spacing: -.015em;
}

}

/* =========================================================
   INTRO — PREMIUM DETAILS
   ========================================================= */

.bbp-intro {
  background:
    radial-gradient(circle at 50% 46%,
      rgba(255, 118, 0, .055) 0%,
      rgba(255, 118, 0, .015) 24%,
      transparent 48%),
    #050505;
}

@media (max-width: 760px) {
    .bbp-intro__brand img {
        width: 210px;
    }

    .bbp-intro__subtitle {
        font-size: 12px;
        letter-spacing: 0.18em;
        padding: 0 16px;
    }
}

.bbp-intro__brand {
  animation:
    bbpBrand .65s cubic-bezier(.2, .8, .2, 1) 1.05s forwards;
}

.bbp-intro__meta {
  margin-top: 24px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;

  opacity: 0;
  transform: translateY(6px);

  color: rgba(255, 255, 255, .42);

  font-family: "Manrope", sans-serif;
  font-size: 8px;
  font-weight: 700;

  letter-spacing: .20em;

  animation:
    bbpIntroMeta .5s ease 1.65s forwards;
}

.bbp-intro__meta i {
  width: 3px;
  height: 3px;

  border-radius: 50%;

  background: var(--bb-orange);

  box-shadow:
    0 0 10px rgba(255, 118, 0, .8);
}

.bbp-intro__progress {
  width: 220px;
  height: 1px;

  margin: 28px auto 0;

  position: relative;
  transform: translateY(-180px) !important;

  overflow: hidden;

  background: rgba(255, 255, 255, .08);

  opacity: 0;

  animation:
    bbpIntroProgressShow .3s ease 1.85s forwards;
}

.bbp-intro__progress span {
  display: block;

  width: 0;
  height: 100%;

  background:
    linear-gradient(90deg,
      rgba(255, 118, 0, .25),
      var(--bb-orange),
      #ffae64);

  box-shadow:
    0 0 12px rgba(255, 118, 0, .6);

  animation:
    bbpIntroProgress 1.2s cubic-bezier(.4, 0, .2, 1) 1.9s forwards;
}

@keyframes bbpIntroMeta {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bbpIntroProgressShow {
  to {
    opacity: 1;
  }
}

@keyframes bbpIntroProgress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes bbpIntroLine {
  0% {
    stroke-dashoffset: 900;
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes bbpIntroBrand {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(.985);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* =========================================================
   PREMIUM FOOTER
   ========================================================= */

.bbp-site-footer {
  position: relative;

  margin-top: 0;
  padding: 76px 0 28px;

  background:
    radial-gradient(circle at 15% 0%,
      rgba(255, 118, 0, .055),
      transparent 32%),
    #050505;

  border-top: 1px solid rgba(255, 255, 255, .08);

  color: #fff;
}


.bbp-site-footer__grid {
  display: grid;

  grid-template-columns:
    minmax(280px, 1.55fr) repeat(3, minmax(150px, 1fr));

  gap: 60px;
}


.bbp-site-footer__brand {
  max-width: 330px;
}


.bbp-site-footer__logo {
  display: inline-block;

  margin-bottom: 22px;

  text-decoration: none;
}


.bbp-site-footer__logo strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 40px;
  font-weight: 800;

  line-height: 1;

  letter-spacing: -.035em;
}


.bbp-site-footer__logo strong span {
  color: var(--bb-orange);
}


.bbp-site-footer__brand p {
  margin: 0 0 26px;

  color: #89898e;

  font-size: 13px;
  line-height: 1.7;
}


.bbp-site-footer__location {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  color: #d5d5d8;

  font-size: 12px;
  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .05em;
}


.bbp-site-footer__location span {
  color: var(--bb-orange);
}


.bbp-site-footer__title {
  margin-bottom: 22px;

  color: #fff;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.bbp-site-footer__column ul {
  margin: 0;
  padding: 0;

  list-style: none;
}


.bbp-site-footer__column li {
  margin-bottom: 13px;
}


.bbp-site-footer__column a {
  color: #8d8d92;

  font-size: 13px;
  line-height: 1.45;

  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}


.bbp-site-footer__column a:hover {
  color: var(--bb-orange);
}


.bbp-site-footer__contacts li {
  margin-bottom: 18px;
}


.bbp-site-footer__contacts span {
  display: block;

  margin-bottom: 5px;

  color: #626267;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}


.bbp-site-footer__contacts strong {
  color: #fff;

  font-size: 14px;
  font-weight: 600;
}


.bbp-site-footer__bottom {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 40px;

  margin-top: 64px;
  padding-top: 24px;

  border-top: 1px solid rgba(255, 255, 255, .07);
}


.bbp-site-footer__bottom p {
  max-width: 850px;

  margin: 0;

  color: #56565b;

  font-size: 10px;
  line-height: 1.65;
}


.bbp-site-footer__copyright {
  flex: 0 0 auto;

  color: #68686c;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .08em;

  white-space: nowrap;

  text-transform: uppercase;
}


/* Не даём старым footer-стилям влиять на новый */
.bbp-site-footer #footer,
.bbp-site-footer .poweredf {
  display: none !important;
}


@media (max-width: 1000px) {

  .bbp-site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 48px 36px;
  }

}


@media (max-width: 600px) {

  .bbp-site-footer {
    padding: 58px 0 24px;
  }

  .bbp-site-footer__grid {
    grid-template-columns: 1fr;

    gap: 38px;
  }

  .bbp-site-footer__brand {
    max-width: none;
  }

  .bbp-site-footer__bottom {
    display: block;

    margin-top: 46px;
  }

  .bbp-site-footer__copyright {
    margin-top: 18px;
  }

}

/* =========================================================
   HIDE LEGACY BRAND CAROUSEL ON PREMIUM HOME
   ========================================================= */

.bbp-home .bbp-modules>div[id^="carousel"] {
  display: none !important;
}

.bbp-home .bbp-modules>div[id^="carousel"],
.bbp-home .bbp-modules .jcarousel-container,
.bbp-home .bbp-modules .jcarousel-skin-opencart {
  display: none !important;
}

/* На большом экране в "Лидерах продаж" показываем первые 5 товаров */
@media (min-width: 1101px) {
  .bbp-product-grid .bbp-product-card:nth-child(n+6) {
    display: none;
  }
}

/* =========================================================
   AIVA DIGITAL CREDIT
   ========================================================= */

.bbp-site-footer__bottom {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: end;
  gap: 54px;
}

.bbp-site-footer__legal {
  max-width: 760px;
}

.bbp-site-footer__credit {
  min-width: 170px;
}

.bbp-site-footer__credit span {
  display: block;

  margin-bottom: 8px;

  color: #46464b;

  font-size: 8px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-site-footer__credit strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: #9b9ba0;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.bbp-site-footer__credit i {
  color: var(--bb-orange);

  font-style: normal;
  font-size: 12px;

  transition: transform .2s ease;
}

.bbp-site-footer__credit:hover i {
  transform: translate(2px, -2px);
}

.bbp-site-footer__credit {
  min-width: 170px;
  text-decoration: none;
  cursor: pointer;
}

.bbp-site-footer__credit:hover strong {
  color: #fff;
}

.bbp-site-footer__credit:hover i {
  transform: translate(2px, -2px);
}


@media (max-width: 760px) {

  .bbp-site-footer__bottom {
    display: block;
  }

  .bbp-site-footer__credit {
    margin-top: 24px;
  }

  .bbp-site-footer__copyright {
    margin-top: 20px;
  }

}

/* =========================================================
   BB SHOP — MOBILE HEADER / MENU FINAL
   PURE CSS :TARGET
   ========================================================= */


/* Старый OpenCart header больше не показываем */
#header,
#navtop {
  display: none !important;
}


/* Mobile элементы выключены на desktop */
.bbp-mobile-menu-toggle,
.bbp-mobile-nav-root {
  display: none;
}


@media (max-width: 760px) {

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }


  /* =====================================================
       HEADER
       ===================================================== */

  .bbp-site-header {
    width: 100%;
  }


  .bbp-site-header__inner {
    height: 72px;

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

    gap: 20px;
  }


  .bbp-site-nav--desktop,
  .bbp-site-cart--desktop {
    display: none !important;
  }


  .bbp-site-logo {
    flex: 0 0 auto;
  }


  /* =====================================================
       BURGER
       ===================================================== */

  .bbp-mobile-menu-toggle {
    position: relative;

    display: flex !important;

    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    margin-left: auto;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;

    background: rgba(255, 255, 255, .03);

    text-decoration: none;

    z-index: 10;

    pointer-events: auto !important;

    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }


  .bbp-mobile-menu-toggle span {
    position: absolute;

    display: block;

    width: 18px;
    height: 1px;

    background: #fff;

    pointer-events: none;
  }


  .bbp-mobile-menu-toggle span:first-child {
    transform: translateY(-4px);
  }


  .bbp-mobile-menu-toggle span:last-child {
    transform: translateY(4px);
  }


  /* =====================================================
       ROOT
       ===================================================== */

  #bbpMobileNav {
    display: block !important;

    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    z-index: 2147483000 !important;
  }


  #bbpMobileNav:target {
    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
  }


  /* =====================================================
       BACKDROP
       ===================================================== */

  #bbpMobileNav .bbp-mobile-menu-backdrop {
    display: block !important;

    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

    background: rgba(0, 0, 0, .78) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: auto !important;

    z-index: 2147483000 !important;

    transition:
      opacity .3s ease,
      visibility .3s ease;

    -webkit-tap-highlight-color: transparent;
  }


  #bbpMobileNav:target .bbp-mobile-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
  }


  /* =====================================================
       DRAWER
       ===================================================== */

  #bbpMobileNav .bbp-mobile-menu {
    display: flex !important;
    flex-direction: column !important;

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 88vw !important;
    max-width: 390px !important;

    height: 100vh !important;
    height: 100dvh !important;

    box-sizing: border-box;

    padding:
      max(22px, env(safe-area-inset-top)) 24px max(26px, env(safe-area-inset-bottom));

    overflow-y: auto;

    background:
      radial-gradient(circle at 100% 0%,
        rgba(255, 118, 0, .12),
        transparent 32%),
      #070707 !important;

    border-left:
      1px solid rgba(255, 255, 255, .09);

    transform:
      translate3d(105%, 0, 0) !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    z-index: 2147483001 !important;

    transition:
      transform .38s cubic-bezier(.22, .8, .28, 1);

    -webkit-overflow-scrolling: touch;
  }


  #bbpMobileNav:target .bbp-mobile-menu {
    transform:
      translate3d(0, 0, 0) !important;
  }


  /* =====================================================
       TOP
       ===================================================== */

  .bbp-mobile-menu__top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    padding-bottom: 28px;

    border-bottom:
      1px solid rgba(255, 255, 255, .08);
  }


  .bbp-mobile-menu__logo {
    color: #fff;

    font-family:
      "Barlow Condensed",
      sans-serif;

    font-size: 28px;
    font-weight: 800;

    line-height: 1;

    text-decoration: none;
  }


  .bbp-mobile-menu__logo strong {
    color: var(--bb-orange);
  }


  .bbp-mobile-menu__close {
    display: flex;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    border:
      1px solid rgba(255, 255, 255, .14);

    border-radius: 50%;

    color: #fff;

    font-size: 28px;
    font-weight: 300;
    line-height: 1;

    text-decoration: none;

    -webkit-tap-highlight-color:
      transparent;
  }


  /* =====================================================
       LINKS
       ===================================================== */

  .bbp-mobile-menu__nav {
    display: flex !important;
    flex-direction: column;

    position: static !important;

    margin-top: 20px;

    border: 0 !important;

    background:
      transparent !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;
  }


  .bbp-mobile-menu__nav>a {
    display: flex;

    align-items: center;

    gap: 17px;

    padding: 18px 0;

    border-bottom:
      1px solid rgba(255, 255, 255, .07);

    color: #fff;

    font-family:
      "Barlow Condensed",
      sans-serif;

    font-size: 30px;
    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;
    text-decoration: none;
  }


  .bbp-mobile-menu__nav>a>span {
    width: 22px;

    color: var(--bb-orange);

    font-family:
      "Manrope",
      sans-serif;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .08em;
  }


  /* =====================================================
       CART
       ===================================================== */

  .bbp-mobile-menu__cart {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-top: 28px;

    padding: 17px 19px;

    border-radius: 8px;

    background:
      var(--bb-orange);

    color: #050505;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .04em;

    text-transform: uppercase;
    text-decoration: none;
  }


  .bbp-mobile-menu__cart strong {
    font-size: 20px;
  }


  /* =====================================================
       BOTTOM
       ===================================================== */

  .bbp-mobile-menu__bottom {
    margin-top: auto;

    padding-top: 22px;

    border-top:
      1px solid rgba(255, 255, 255, .07);

    color: #55555a;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;
  }

}

/* =========================================================
   BB PROMO — SIMPLE FRONTEND SLIDER FINAL
   backend OpenCart не затрагивается
   ========================================================= */

.bbp-promo__slides {
  position: absolute;
  inset: 0;

  z-index: 1;

  overflow: hidden;
}


.bbp-promo__slide {
  position: absolute;
  inset: 0;

  opacity: 0;
  visibility: hidden;

  pointer-events: none;

  transition:
    opacity .45s ease,
    visibility .45s ease;
}


.bbp-promo__slide.is-active {
  opacity: 1;
  visibility: visible;

  pointer-events: auto;
}


/* Первый слайд кликабельным фоном не является */
.bbp-promo__slide--first,
.bbp-promo__slide--first.is-active {
  pointer-events: none !important;
}


.bbp-promo__slide > a {
  display: block;

  width: 100%;
  height: 100%;
}


.bbp-promo__slide img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* Вика остаётся нашим CSS-фоном */
.bbp-promo.is-first::after {
  pointer-events: none !important;
}


/* На backend-слайдах показываем оригинальную картинку */
.bbp-promo:not(.is-first)
.bbp-promo__slide.is-active img {
  opacity: 1 !important;
}


/* Наш текст только на первом экране */
.bbp-promo:not(.is-first)
.bbp-promo__overlay {
  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none !important;
}


/* Наши стрелки всегда поверх слайдов */
.bbp-promo__nav {
  z-index: 50 !important;

  pointer-events: auto !important;
}


/* Старые элементы Nivo в этом модуле больше не используются */
.bbp-promo .nivo-directionNav,
.bbp-promo .nivo-controlNav,
.bbp-promo .nivo-caption {
  display: none !important;
}

/* =========================================================
   PROMO NAV — CLICK FIX FINAL
   ========================================================= */

.bbp-promo > .bbp-promo__nav {
  position: absolute !important;

  top: 50% !important;

  width: 44px !important;
  height: 44px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  z-index: 2147483000 !important;

  pointer-events: auto !important;

  opacity: 1 !important;
  visibility: visible !important;

  cursor: pointer !important;
}

.bbp-promo > .bbp-promo__nav--prev {
  left: 18px !important;
}

.bbp-promo > .bbp-promo__nav--next {
  right: 18px !important;
}


/* На первом premium-слайде никакой слой
   не должен перехватывать клик у стрелок */

.bbp-promo.is-first::before,
.bbp-promo.is-first::after {
  pointer-events: none !important;
}

.bbp-promo.is-first .bbp-promo__slides,
.bbp-promo.is-first .bbp-promo__slide,
.bbp-promo.is-first .nivoSlider,
.bbp-promo.is-first .nivo-imageLink {
  pointer-events: none !important;
}


/* Наш CTA остаётся кликабельным */



/* =========================================================
   PROMO — DISABLE LEGACY NIVO NAV
   ========================================================= */

.bbp-promo .nivo-directionNav,
.bbp-promo .nivo-prevNav,
.bbp-promo .nivo-nextNav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Используем только наши кнопки */

.bbp-promo > .bbp-promo__nav {
  position: absolute !important;
  top: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;

  transform: translateY(-50%) !important;

  z-index: 100 !important;

  visibility: visible !important;
  opacity: 1 !important;

  pointer-events: auto !important;

  cursor: pointer !important;
}

.bbp-promo > .bbp-promo__nav--prev {
  left: 18px !important;
}

.bbp-promo > .bbp-promo__nav--next {
  right: 18px !important;
}

/* =========================================================
   BACKEND PROMO BANNERS — SHOW FULL IMAGE
   ========================================================= */

.bbp-promo:not(.is-first) .bbp-promo__slide {
  background: #090909 !important;
}

.bbp-promo:not(.is-first) .bbp-promo__slide > a {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bbp-promo:not(.is-first) .bbp-promo__slide img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;
}

/* =========================================================
   PROMO MOBILE CTA — FINAL POSITION
   ========================================================= */

@media (max-width: 760px) {

  .bbp-promo.is-first .bbp-promo__button {
    position: absolute !important;

    left: 0 !important;
    right: auto !important;

    top: auto !important;
    bottom: 24px !important;

    margin: 0 !important;

    transform: none !important;

    z-index: 30 !important;

    pointer-events: auto !important;
  }

}

/* =========================================================
   PRODUCT PAGE — PREMIUM TOP
   ========================================================= */

#content[itemscope][itemtype="http://schema.org/Product"] {
  width: min(var(--bb-container), calc(100% - 48px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 76px !important;

  background: transparent !important;
}

#content[itemscope][itemtype="http://schema.org/Product"] .product-info {
  width: 100% !important;
  margin: 0 !important;

  background: transparent !important;
}

#content[itemscope][itemtype="http://schema.org/Product"] .product {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(340px, .85fr);

  column-gap: 42px;

  align-items: start;

  width: 100% !important;

  background: transparent !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.product-info .images {
  grid-column: 1;
  grid-row: 1 / span 6;

  float: none !important;

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

.product-info .images > .image {
  width: 100% !important;
  height: 540px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 20px;

  background: #f5f5f3 !important;
}

.product-info .images > .image > a {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.product-info .images > .image img {
  width: auto !important;
  height: auto !important;

  max-width: 90% !important;
  max-height: 490px !important;

  object-fit: contain !important;
}


/* thumbnails */

.product-info .image-additional {
  margin-top: 12px !important;
}

.product-info .image-additional a {
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;

  background: #fff;
}

.product-info .image-additional img {
  object-fit: contain !important;
}


/* =========================================================
   PRODUCT INFO
   ========================================================= */

.product-info .info {
  grid-column: 2;
  grid-row: 1;

  float: none !important;

  width: auto !important;

  padding: 18px 0 0 !important;
  margin: 0 !important;
}

.product-info .info .manufacturer {
  margin-bottom: 10px;

  color: var(--bb-orange);

  font-size: 11px;
  font-weight: 800;

  letter-spacing: .16em;
  text-transform: uppercase;
}

.product-info .info h1 {
  margin: 0 0 22px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(42px, 4vw, 60px) !important;
  font-weight: 800 !important;

  line-height: .95 !important;
  letter-spacing: -.025em;
}

.product-info .description {
  padding: 0 !important;

  color: #a7a7ac !important;

  font-size: 13px;
  line-height: 1.65;
}

.product-info .description table {
  width: 100%;
}

.product-info .description td {
  padding: 5px 0 !important;

  color: #aaa !important;

  border: 0 !important;
}

.product-info .description strong {
  color: #fff;
}


/* =========================================================
   PRODUCT — PURCHASE PANEL
   ========================================================= */

.product-info .offers {
  grid-column: 2;
  grid-row: 2;

  float: none !important;

  width: auto !important;

  margin: 26px 0 0 !important;
  padding: 26px !important;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,118,0,.07),
      transparent 42%
    ),
    #0d0d0f !important;
}


/* PRICE */

.product-info .pricecart {
  margin: 0 !important;
}

.product-info .offers .price {
  margin: 0 0 20px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 40px !important;
  font-weight: 800 !important;

  line-height: 1;
}

.product-info .offers .price-new {
  color: var(--bb-orange) !important;
}

.product-info .offers .price-old {
  margin-right: 10px;

  color: #6e6e73 !important;

  font-size: 19px !important;

  text-decoration: line-through;
}

.product-info .discount {
  margin-top: 10px;

  color: #8d8d92;

  font-size: 11px;
  line-height: 1.5;
}


/* =========================================================
   PRODUCT OPTIONS — FLAVOR / SIZE / VARIANTS
   ========================================================= */

.product-info .options {
  margin: 0 0 18px !important;
}

.product-info .options .option {
  margin: 0 0 16px !important;
}

.product-info .options b {
  display: block;

  margin-bottom: 8px;

  color: #d9d9dc;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}


/* SELECT — например ВКУС */

.product-info .options select {
  width: 100% !important;
  height: 48px !important;

  padding: 0 42px 0 14px !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;

  background: #151517 !important;

  color: #fff !important;

  outline: none !important;

  cursor: pointer;
}

.product-info .options select:focus {
  border-color: rgba(255,118,0,.65) !important;
}


/* RADIO OPTIONS */

.product-info #my-size-obv {
  display: flex !important;
  flex-wrap: wrap;

  gap: 8px;

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

  list-style: none !important;
}

.product-info #my-size-obv li {
  position: relative;

  margin: 0 !important;
}

.product-info #my-size-obv input {
  position: absolute;

  opacity: 0;

  pointer-events: none;
}

.product-info #my-size-obv label {
  display: inline-flex;

  min-height: 38px;

  align-items: center;

  padding: 0 14px;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px;

  background: #141416;

  color: #aaa;

  font-size: 11px;

  cursor: pointer;
}

.product-info #my-size-obv input:checked + label {
  border-color: var(--bb-orange);

  background: rgba(255,118,0,.10);

  color: #fff;
}


/* IMAGE OPTIONS */

.product-info .option-image {
  width: 100%;

  border-collapse: separate;
  border-spacing: 7px;
}

.product-info .option-image td {
  padding: 8px !important;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 7px;

  background: #151517 !important;

  color: #bbb !important;
}


/* =========================================================
   REWARD
   ========================================================= */

.product-info .reward {
  margin: 4px 0 18px !important;

  color: #747479 !important;

  font-size: 11px !important;
}


/* =========================================================
   CART BUTTONS
   ========================================================= */

.product-info .cart {
  width: 100% !important;

  margin: 0 !important;
}

.product-info .cart ul {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.product-info .butcart {
  display: grid !important;

  grid-template-columns: 1fr;

  gap: 9px;
}

.product-info #button-cart {
  width: 100% !important;
  height: 54px !important;

  margin: 0 !important;
  padding: 0 24px !important;

  border: 1px solid var(--bb-orange) !important;
  border-radius: 8px !important;

  background: var(--bb-orange) !important;

  color: #050505 !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  letter-spacing: .04em;

  text-transform: uppercase;

  cursor: pointer;
}

.product-info #button-cart:hover {
  background: #ff8d26 !important;
}

.product-info .button-checkout {
  width: 100% !important;
  min-height: 48px;

  display: flex !important;

  align-items: center;
  justify-content: center;

  margin: 0 !important;

  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 8px;

  background: rgba(255,255,255,.025);

  color: #c5c5c8 !important;

  font-size: 11px !important;
  font-weight: 800;

  text-transform: uppercase;

  cursor: pointer;
}

.product-info .button-checkout:hover {
  border-color: rgba(255,118,0,.35) !important;

  color: var(--bb-orange) !important;
}


/* =========================================================
   STOCK / PICKUP / DELIVERY
   ========================================================= */

.product-info .stockstore {
  grid-column: 2;

  float: none !important;

  width: auto !important;

  margin: 12px 0 0 !important;
  padding: 20px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px;

  background: rgba(255,255,255,.025) !important;

  color: #aaa;
}

.product-info .stockico {
  margin-bottom: 14px;

  color: #aaa;

  font-size: 12px;
}

.product-info .stockico strong {
  color: #fff;
}

.product-info .storeavill {
  margin-top: 14px;

  color: #87878c;

  font-size: 11px;
  line-height: 1.6;
}

.product-info .storeavill strong {
  color: #d8d8db;
}

.product-info .storeavill ul {
  margin: 7px 0 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.product-info .storeavill li {
  margin: 4px 0 !important;
}

.product-info .shipico {
  margin-top: 14px;
  padding-top: 14px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.product-info .shipico a {
  color: var(--bb-orange) !important;

  font-size: 11px;
  font-weight: 700;
}


/* =========================================================
   WISHLIST / COMPARE
   ========================================================= */

.product-info .wishlistcompare {
  grid-column: 2;

  float: none !important;

  width: auto !important;

  margin: 12px 0 0 !important;
}

.product-info .wishlistcompare ul {
  display: flex !important;

  gap: 24px;

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

  list-style: none !important;
}

.product-info .wishlistcompare a {
  color: #77777c !important;

  font-size: 10px !important;
  font-weight: 700;

  cursor: pointer;
}

.product-info .wishlistcompare a:hover {
  color: #fff !important;
}


/* Старое "Рекомендуем также купить" возле кнопки убираем.
   Сам related-блок ниже страницы остаётся. */

.product-info .prodlast {
  display: none !important;
}


/* =========================================================
   PRODUCT INFO — REAL BB SHOP DATA
   ========================================================= */

.product-info .meta-description {
  max-width: 520px;

  margin: 0 0 22px !important;

  color: #a7a7ac !important;

  font-size: 13px !important;
  line-height: 1.65 !important;
}

.product-info .description table {
  width: 100% !important;

  border-collapse: collapse !important;
}

.product-info .description tr {
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.product-info .description td {
  padding: 8px 0 !important;

  border: 0 !important;

  color: #a6a6aa !important;

  font-size: 11px;
}

.product-info .description td:first-child {
  width: 155px !important;

  color: #707075 !important;
}

.product-info .description td:last-child,
.product-info .description td:last-child a {
  color: #ddd !important;
}

.product-info .box-product-varb {
  display: inline-flex;

  margin-top: 16px;

  color: var(--bb-orange) !important;

  font-size: 10px;
  font-weight: 800;

  text-transform: uppercase;
}


/* =========================================================
   PRODUCT RATING
   ========================================================= */

.product-info .reviewoption {
  margin-top: 20px;
  padding-top: 16px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.product-info .reviewoption h4 {
  margin: 0 0 8px !important;

  color: #77777c;

  font-size: 10px !important;

  text-transform: uppercase;
}

.product-info .reviewoption a {
  color: #9a9a9f !important;

  font-size: 10px !important;
}

.product-info .reviewoption a:hover {
  color: var(--bb-orange) !important;
}


/* =========================================================
   PRODUCT MOBILE
   ========================================================= */

@media (max-width: 760px) {

  #content[itemscope][itemtype="http://schema.org/Product"] {
    width: calc(100% - 28px) !important;
    padding-top: 22px !important;
  }

  #content[itemscope][itemtype="http://schema.org/Product"] .product {
    grid-template-columns: 1fr !important;

    row-gap: 0;
  }

  .product-info .images,
  .product-info .info,
  .product-info .offers,
  .product-info .stockstore,
  .product-info .wishlistcompare,
  .product-info .prodlast {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .product-info .images > .image {
    height: 360px;
  }

  .product-info .images > .image img {
    max-height: 320px !important;
  }

  .product-info .info {
    padding-top: 24px !important;
  }

  .product-info .info h1 {
    font-size: 38px !important;
  }

  .product-info .offers {
    margin-top: 22px !important;
  }

  .product-info .offers,
.product-info .stockstore,
.product-info .wishlistcompare {
  grid-column: 1 !important;
  grid-row: auto !important;
}

.product-info .offers {
  padding: 20px !important;
}

.product-info .offers .price {
  font-size: 34px !important;
}

.product-info .description td:first-child {
  width: 42% !important;
}

.product-info .wishlistcompare ul {
  justify-content: space-between;
}

}

/* =========================================================
   PRODUCT PAGE — DESCRIPTION / TABS / REVIEWS
   ========================================================= */

.productdescription {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 26px;

  margin: 56px 0 0 !important;

  background: transparent !important;
}


/* Сначала описание, затем состав / связанные товары */
.productdescription > .left {
  order: 1;

  float: none !important;

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

.productdescription > .right {
  order: 2;

  float: none !important;

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


/* =========================================================
   TABS
   ========================================================= */

.productdescription .tabbox {
  width: 100% !important;

  padding: 0 !important;

  background: transparent !important;
}

.productdescription .htabs {
  display: flex !important;
  flex-wrap: wrap;

  gap: 8px;

  height: auto !important;

  margin: 0 0 14px !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.productdescription .htabs a {
  display: inline-flex !important;
  align-items: center;

  min-height: 40px;

  padding: 0 16px !important;

  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 8px !important;

  background: #111113 !important;

  color: #9c9ca1 !important;

  font-size: 11px !important;
  font-weight: 800 !important;

  letter-spacing: .06em;
  text-transform: uppercase;
}

.productdescription .htabs a.selected,
.productdescription .htabs a:hover {
  border-color: rgba(255,118,0,.35) !important;

  background: rgba(255,118,0,.08) !important;

  color: var(--bb-orange) !important;
}


/* =========================================================
   DESCRIPTION CARD
   ========================================================= */

.productdescription .tab-content {
  width: 100% !important;

  margin: 0 !important;
  padding: 30px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.015)
    ) !important;

  color: #a8a8ad !important;

  font-size: 14px;
  line-height: 1.75;
}

.productdescription .infoprod {
  color: #a8a8ad !important;
}

.productdescription .infoprod p,
.productdescription .tab-content p {
  color: #a8a8ad !important;
}

.productdescription .tab-content strong,
.productdescription .tab-content b {
  color: #fff !important;
}


/* Убираем белый legacy фон */
.productdescription article,
.productdescription .infoprod {
  background: transparent !important;
}


/* =========================================================
   SECTION TITLES
   ========================================================= */

.productdescription .boom-line-header {
  margin: 38px 0 16px !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.productdescription .boom-line-header h2,
.productdescription .boom-line-header h3 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 32px !important;
  font-weight: 800 !important;

  line-height: 1;

  text-transform: uppercase;
}

.productdescription .boom-line-header h2::before,
.productdescription .boom-line-header h3::before {
  content: "";

  display: inline-block;

  width: 5px;
  height: 22px;

  margin-right: 10px;

  border-radius: 999px;

  background: var(--bb-orange);

  vertical-align: -3px;
}


/* =========================================================
   REVIEWS
   ========================================================= */

#tab-review {
  width: 100% !important;

  min-height: 0 !important;

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

  background: transparent !important;

  color: #aaa !important;
}

#tab-review table,
#tab-review td,
#tab-review tr {
  background: transparent !important;

  color: #aaa !important;
}


/* убираем белые legacy поля/коробки */
#tab-review input,
#tab-review textarea,
#tab-review select {
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;

  background: #101012 !important;

  color: #fff !important;
}


/* =========================================================
   RELATED / VARIANTS
   ========================================================= */

.box-product-var {
  display: grid !important;

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

  gap: 14px;

  margin-top: 16px;
}

.box-product-var > div {
  padding: 16px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;

  background: #0d0d0f;
}

.box-product-var .image {
  min-height: 170px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #f4f4f2;
}

.box-product-var .image img {
  max-width: 90% !important;
  max-height: 150px !important;

  object-fit: contain !important;
}

.box-product-var .name {
  margin-top: 12px;

  color: #fff !important;

  font-size: 13px;
  font-weight: 700;
}

.box-product-var .price {
  margin-top: 8px;

  color: var(--bb-orange) !important;

  font-weight: 800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .productdescription {
    margin-top: 38px !important;
  }

  .productdescription .tab-content {
    padding: 20px !important;

    font-size: 13px;
  }

  .productdescription .boom-line-header h2,
  .productdescription .boom-line-header h3 {
    font-size: 26px !important;
  }

  .box-product-var {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

}

/* PRODUCT — HIDE EMPTY LEGACY REVIEW ELEMENTS */

#tab-review:empty {
  display: none !important;
}

.productdescription .boom-line-header:has(+ #tab-review:empty) {
  display: none !important;
}

/* =========================================================
   QUICK ORDER — HIDE LEGACY FORM FROM PAGE FLOW
   ========================================================= */

#less1 {
  display: none !important;
}

/* =========================================================
   HEADER — REAL CATALOG DROPDOWN
   ========================================================= */

.bbp-site-header {
  overflow: visible !important;
}

.bbp-catalog-nav {
  position: relative;
}

.bbp-catalog-nav__trigger {
  cursor: pointer;
}

.bbp-catalog-nav__menu {
  position: absolute;

  top: calc(100% + 14px);
  left: -22px;

  width: 340px;

  padding: 10px;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;

  background: rgba(8,8,9,.98);

  box-shadow: 0 25px 60px rgba(0,0,0,.50);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(8px);

  transition:
    opacity .2s ease,
    visibility .2s ease,
    transform .2s ease;

  z-index: 5000;
}

/* мост между кнопкой КАТАЛОГ и dropdown */
.bbp-catalog-nav__menu::before {
  content: "";

  position: absolute;

  left: 0;
  top: -20px;

  width: 100%;
  height: 20px;

  background: transparent;
}
.bbp-catalog-nav:hover .bbp-catalog-nav__menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translateY(0);
}

.bbp-catalog-nav__trigger {
  display: flex !important;
  align-items: center;

  min-height: 54px;
}

.bbp-catalog-nav__menu > a {
  display: grid;

  grid-template-columns: 32px 1fr auto;

  align-items: center;
  gap: 12px;

  min-height: 52px;

  padding: 8px 10px;

  border-radius: 8px;

  color: #d8d8dc !important;

  font-size: 12px !important;
  font-weight: 700 !important;

  text-transform: none !important;
}

.bbp-catalog-nav__menu > a:hover {
  background: rgba(255,118,0,.08);

  color: #fff !important;
}

.bbp-catalog-nav__menu img {
  width: 30px !important;
  height: 30px !important;

  object-fit: contain;

  border-radius: 5px;
}

.bbp-catalog-nav__menu strong {
  color: var(--bb-orange);

  font-size: 14px;
}

/* =========================================================
   PRODUCT — RELATED / OTHER VARIANTS FINAL
   ========================================================= */

.productdescription #box-product-var {
  width: 100% !important;

  margin: 38px 0 18px !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.productdescription #box-product-var h3 {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 28px !important;
  font-weight: 800 !important;

  line-height: 1 !important;

  text-transform: uppercase;
}

.productdescription #box-product-var h3::before {
  content: "";

  display: inline-block;

  width: 4px;
  height: 20px;

  margin-right: 10px;

  border-radius: 10px;

  background: var(--bb-orange);

  vertical-align: -2px;
}

.productdescription .box-product-var {
  display: grid !important;

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

  gap: 14px;

  width: 100% !important;

  margin: 0 !important;
}

.productdescription .box-product-var > .bbp-related-card {
  padding: 14px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px;

  background: #0d0d0f !important;
}

.productdescription .box-product-var .image {
  height: 190px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 10px;

  background: #f5f5f3 !important;
}

.productdescription .box-product-var .image img {
  max-width: 88% !important;
  max-height: 170px !important;

  object-fit: contain !important;
}

.productdescription .box-product-var .name {
  margin-top: 12px !important;
}

.productdescription .box-product-var .name a {
  color: #fff !important;

  font-size: 12px;
  font-weight: 700;

  line-height: 1.35;
}

.productdescription .box-product-var .stocks {
  margin-top: 7px;

  color: #747479;

  font-size: 10px;
}

.productdescription .box-product-var .price {
  margin-top: 10px;

  color: var(--bb-orange) !important;

  font-size: 18px;
  font-weight: 800;
}

@media (max-width: 760px) {

  .productdescription .box-product-var {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}

/* =========================================================
   PRODUCT CONTENT — PREMIUM SECTIONS
   ========================================================= */

.productdescription {
  width: 100% !important;

  gap: 28px !important;

  margin-top: 70px !important;
}


/* SECTION HEADER */

.bbp-product-section-head {
  display: flex;

  align-items: center;
  gap: 14px;

  margin-bottom: 24px;
}

.bbp-product-section-head span {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border: 1px solid rgba(255,118,0,.28);
  border-radius: 50%;

  color: var(--bb-orange);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 13px;
  font-weight: 800;
}

.bbp-product-section-head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 34px !important;
  font-weight: 800 !important;

  line-height: 1;

  letter-spacing: -.015em;

  text-transform: uppercase;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.productdescription #tab-description {
  padding: 34px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.028),
      rgba(255,255,255,.012)
    ) !important;
}

.productdescription #tab-description article {
  max-width: 980px;
}

.productdescription #tab-description .infoprod {
  color: #a9a9ad !important;

  font-size: 14px !important;
  line-height: 1.85 !important;
}

.productdescription #tab-description p {
  margin: 0 0 20px !important;

  color: #a9a9ad !important;
}

.productdescription #tab-description h2,
.productdescription #tab-description h3,
.productdescription #tab-description h4 {
  margin: 30px 0 14px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-weight: 800 !important;
}

.productdescription #tab-description h2 {
  font-size: 28px !important;
}

.productdescription #tab-description h3 {
  font-size: 23px !important;
}

.productdescription #tab-description a {
  color: var(--bb-orange) !important;
}


/* =========================================================
   COMPOSITION / USE
   ========================================================= */

.bbp-product-composition {
  padding: 34px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,118,0,.055),
      transparent 35%
    ),
    #0c0c0e;
}

.bbp-product-composition__body {
  color: #aaa;

  font-size: 13px;
  line-height: 1.7;
}

.bbp-product-composition__item + .bbp-product-composition__item {
  margin-top: 26px;
}


/* tables that come from BB SHOP content */

.bbp-product-composition table {
  width: 100% !important;

  margin: 16px 0 22px !important;

  border-collapse: collapse !important;

  border: 1px solid rgba(255,255,255,.09) !important;

  background: transparent !important;
}

.bbp-product-composition table tr {
  background: transparent !important;

  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.bbp-product-composition table td,
.bbp-product-composition table th {
  padding: 10px 12px !important;

  border: 0 !important;

  background: transparent !important;

  color: #aaa !important;

  font-size: 12px !important;
}

.bbp-product-composition table th,
.bbp-product-composition table strong,
.bbp-product-composition table b {
  color: #fff !important;
}

.bbp-product-composition h2,
.bbp-product-composition h3,
.bbp-product-composition h4 {
  color: #fff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .productdescription {
    margin-top: 48px !important;
  }

  .productdescription #tab-description,
  .bbp-product-composition {
    padding: 20px !important;

    border-radius: 14px !important;
  }

  .bbp-product-section-head {
    margin-bottom: 18px;
  }

  .bbp-product-section-head h2 {
    font-size: 27px !important;
  }

  .bbp-product-composition {
    overflow: hidden;
  }

  .bbp-product-composition__body {
    overflow-x: auto;
  }

  .bbp-product-composition table {
    min-width: 560px;
  }

}

/* =========================================================
   CATALOG — PREMIUM PRODUCT GRID
   ========================================================= */

.bbp-catalog-grid {
  display: grid;

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

  gap: 18px;

  margin: 24px 0 34px;
}

.bbp-catalog-card {
  min-width: 0;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0c0c0e;

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.bbp-catalog-card:hover {
  transform: translateY(-3px);

  border-color: rgba(255,118,0,.30);
}


/* IMAGE */

.bbp-catalog-card__media {
  position: relative;

  height: 300px;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #f5f5f3;
}

.bbp-catalog-card__media img {
  display: block;

  width: auto !important;
  height: auto !important;

  max-width: 88% !important;
  max-height: 260px !important;

  object-fit: contain !important;
}

.bbp-catalog-card__badge {
  position: absolute;

  top: 12px;
  left: 12px;

  z-index: 2;

  padding: 6px 9px;

  border-radius: 999px;

  background: #111;

  color: #aaa;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}


/* BODY */

.bbp-catalog-card__body {
  padding: 18px;
}

.bbp-catalog-card__brand {
  margin-bottom: 7px;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .10em;

  text-transform: uppercase;
}

.bbp-catalog-card__name {
  min-height: 48px;

  margin: 0 !important;
}

.bbp-catalog-card__name a {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 21px;
  font-weight: 800;

  line-height: 1.08;
}

.bbp-catalog-card__description {
  min-height: 43px;

  margin: 10px 0 0 !important;

  color: #77777c !important;

  font-size: 10px;
  line-height: 1.45;
}


/* RATING */

.bbp-catalog-card__rating {
  min-height: 20px;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 12px;

  color: #777;

  font-size: 9px;
}

.bbp-catalog-card__rating img {
  max-height: 15px;
}


/* PRICE / BUTTON */

.bbp-catalog-card__bottom {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-top: 18px;
}

.bbp-catalog-card__price {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 23px;
  font-weight: 800;

  white-space: nowrap;
}

.bbp-catalog-card__price .price-old {
  margin-right: 7px;

  color: #626267 !important;

  font-size: 15px;

  text-decoration: line-through;
}

.bbp-catalog-card__price .price-new {
  color: var(--bb-orange) !important;
}

.bbp-catalog-card__cart,
.bbp-catalog-card__notify {
  min-height: 42px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 0 16px;

  border: 1px solid var(--bb-orange);
  border-radius: 7px;

  background: var(--bb-orange);

  color: #050505 !important;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;
}

.bbp-catalog-card__notify {
  border-color: rgba(255,255,255,.12);

  background: transparent;

  color: #aaa !important;
}


/* STOCK */

.bbp-catalog-card__stock {
  margin-top: 12px;

  color: #68686d;

  font-size: 9px;
}


/* OUT OF STOCK */

.bbp-catalog-card.is-out .bbp-catalog-card__media img {
  opacity: .55;
}


/* =========================================================
   CATALOG TOOLBAR
   ========================================================= */

.product-filter {
  display: flex !important;

  align-items: center;
  justify-content: flex-end;

  gap: 12px;

  padding: 12px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px;

  background: #0c0c0e !important;
}

.product-filter .limit,
.product-filter .sort {
  float: none !important;

  margin: 0 !important;
}

.product-filter select {
  min-width: 150px;

  height: 40px;

  padding: 0 12px;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 7px;

  background: #151517 !important;

  color: #bbb !important;

  outline: none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

  .bbp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

}

@media (max-width: 760px) {

  .bbp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));

    gap: 10px;
  }

  .bbp-catalog-card__media {
    height: 210px;
  }

  .bbp-catalog-card__media img {
    max-height: 180px !important;
  }

  .bbp-catalog-card__body {
    padding: 12px;
  }

  .bbp-catalog-card__name {
    min-height: 42px;
  }

  .bbp-catalog-card__name a {
    font-size: 17px;
  }

  .bbp-catalog-card__description {
    display: none;
  }

  .bbp-catalog-card__bottom {
    display: block;
  }

  .bbp-catalog-card__cart,
  .bbp-catalog-card__notify {
    width: 100%;

    margin-top: 10px;
  }

  .product-filter {
    align-items: stretch;

    flex-direction: column;
  }

  .product-filter select {
    width: 100%;
  }

}

/* =========================================================
   CATEGORY PAGE — LEGACY RESET
   ========================================================= */

#content.bbp-category-content {
  width: min(var(--bb-container), calc(100% - 48px)) !important;

  margin: 0 auto !important;
  padding: 0 0 70px !important;

  background: transparent !important;
  border: 0 !important;

  color: #fff !important;
}

#content.bbp-category-content > section {
  display: block !important;

  width: 100% !important;
  min-height: 0 !important;

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

  background: transparent !important;
  border: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   CATEGORY HEADER
   ========================================================= */

.cat-info {
  width: min(var(--bb-container), calc(100% - 48px)) !important;

  margin: 30px auto 18px !important;
  padding: 0 !important;

  background: transparent !important;
}

.cat-info .catbg {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  min-height: 0 !important;

  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

.cat-info h1 {
  float: none !important;

  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 48px !important;
  font-weight: 800 !important;

  line-height: .95 !important;

  text-transform: uppercase;
}

.cat-info .right {
  float: none !important;

  color: #77777c;
}

.cat-info #opend {
  color: #77777c !important;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;
}

.cat-info #opend:hover {
  color: var(--bb-orange) !important;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.bbp-category-content .product-filter {
  width: 100% !important;

  margin: 0 0 20px !important;
}


/* Старую верхнюю строку "Showing 1 to..." убираем.
   Пагинация снизу останется. */

.bbp-category-content .paginationtop {
  display: none !important;
}


/* старый контейнер pagination не должен создавать высоту */

.bbp-category-content .comp-pagin {
  clear: both !important;
  float: none !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

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

  background: transparent !important;
  border: 0 !important;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.bbp-category-content .bbp-catalog-grid {
  clear: both !important;

  width: 100% !important;

  margin: 0 !important;

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


/* =========================================================
   PAGINATION BOTTOM
   ========================================================= */

.bbp-category-content .pagination {
  float: none !important;

  width: 100% !important;

  margin: 30px 0 0 !important;

  color: #77777c !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  #content.bbp-category-content,
  .cat-info {
    width: calc(100% - 28px) !important;
  }

  .cat-info {
    margin-top: 22px !important;
  }

  .cat-info .catbg {
    display: block;
  }

  .cat-info h1 {
    font-size: 36px !important;
  }

  .cat-info .right {
    margin-top: 12px;
  }

  .bbp-category-content .bbp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}

/* =========================================================
   CATEGORY TOOLBAR — FINAL
   ========================================================= */

.bbp-category-content .product-filter {
  justify-content: flex-end !important;

  gap: 14px !important;

  padding: 12px 14px !important;
}

.bbp-category-content .product-filter .limit,
.bbp-category-content .product-filter .sort {
  display: flex !important;

  align-items: center;

  gap: 9px;
}

.bbp-filter-label {
  color: #68686d;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-category-content .product-filter select {
  min-width: 155px !important;
}


/* =========================================================
   CATEGORY PAGINATION
   ========================================================= */

/* OpenCart выводит "Showing 1 to..." внутри pagination */
.bbp-category-content .pagination .results {
  display: none !important;
}

.bbp-category-content .pagination {
  display: flex;

  justify-content: center;

  margin-top: 32px !important;
}

.bbp-category-content .pagination .links {
  float: none !important;
}

/* =========================================================
   CATEGORY — SUBCATEGORIES
   ========================================================= */

.bbp-subcategories {
  margin: 34px 0 10px;
}

.bbp-subcategories__head {
  margin-bottom: 18px;
}

.bbp-subcategories__head > span {
  display: block;

  margin-bottom: 5px;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .14em;
  text-transform: uppercase;
}

.bbp-subcategories__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 30px !important;
  font-weight: 800 !important;

  line-height: 1;

  text-transform: uppercase;
}

.bbp-subcategories__grid {
  display: grid;

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

  gap: 10px;
}

.bbp-subcategory {
  min-height: 64px;

  display: grid;

  grid-template-columns: auto 1fr auto;

  align-items: center;

  gap: 12px;

  padding: 10px 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;

  background: #0c0c0e;
}

.bbp-subcategory:hover {
  border-color: rgba(255,118,0,.35);

  background: rgba(255,118,0,.045);
}

.bbp-subcategory__image {
  width: 38px;
  height: 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 7px;

  background: #f4f4f2;
}

.bbp-subcategory__image img {
  max-width: 90%;
  max-height: 90%;

  object-fit: contain;
}

.bbp-subcategory__name {
  color: #d9d9dc;

  font-size: 11px;
  font-weight: 750;
}

.bbp-subcategory i {
  color: var(--bb-orange);

  font-style: normal;

  font-size: 13px;
}

@media (max-width: 900px) {

  .bbp-subcategories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {

  .bbp-subcategories {
    margin-top: 26px;
  }

  .bbp-subcategories__grid {
    gap: 8px;
  }

  .bbp-subcategory {
    min-height: 58px;

    padding: 8px 10px;
  }

  .bbp-subcategory__image {
    width: 32px;
    height: 32px;
  }

  .bbp-subcategory__name {
    font-size: 10px;
  }

}
/* =========================================================
   CATEGORY — EMPTY STATE
   ========================================================= */

.bbp-category-empty {
  max-width: 620px;

  margin: 42px 0 70px;
  padding: 34px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255,118,0,.06),
      transparent 42%
    ),
    #0c0c0e;
}

.bbp-category-empty > span {
  display: block;

  margin-bottom: 8px;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .14em;
  text-transform: uppercase;
}

.bbp-category-empty h2 {
  margin: 0 0 14px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 34px !important;
  font-weight: 800 !important;

  line-height: 1;
}

.bbp-category-empty p {
  max-width: 480px;

  margin: 0 0 24px !important;

  color: #77777c !important;

  font-size: 12px;
  line-height: 1.65;
}

.bbp-category-empty__button {
  min-height: 44px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 0 18px;

  border: 1px solid var(--bb-orange);
  border-radius: 7px;

  background: var(--bb-orange);

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-transform: uppercase;
}

/* =========================================================
   CATEGORY — ABOUT / SEO
   ========================================================= */

.bbp-category-about {
  margin: 42px 0 0;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;

  background: #0c0c0e;

  overflow: hidden;
}

.bbp-category-about summary {
  min-height: 68px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 0 22px;

  cursor: pointer;

  list-style: none;
}

.bbp-category-about summary::-webkit-details-marker {
  display: none;
}

.bbp-category-about summary span {
  display: block;
}

.bbp-category-about summary small {
  display: block;

  margin-bottom: 4px;

  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .14em;
  text-transform: uppercase;
}

.bbp-category-about summary strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 22px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-category-about summary i {
  width: 30px;
  height: 30px;

  display: flex;

  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.25);
  border-radius: 50%;

  color: var(--bb-orange);

  font-style: normal;
  font-size: 18px;

  transition: transform .2s ease;
}

.bbp-category-about[open] summary i {
  transform: rotate(45deg);
}

.bbp-category-about__content {
  padding: 0 22px 24px;

  color: #8b8b90;

  font-size: 11px;
  line-height: 1.75;
}

.bbp-category-about__content p {
  color: #8b8b90 !important;
}

.bbp-category-about__content h2,
.bbp-category-about__content h3,
.bbp-category-about__content h4 {
  color: #fff !important;
}


/* SEO text */

.bbp-category-seo {
  max-width: 900px;

  margin: 22px 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
}

.bbp-category-seo p {
  margin: 0 !important;

  color: #45454a !important;

  font-size: 9px !important;
  line-height: 1.65 !important;
}


@media (max-width: 760px) {

  .bbp-category-about {
    margin-top: 30px;
  }

  .bbp-category-about summary {
    min-height: 62px;

    padding: 0 16px;
  }

  .bbp-category-about__content {
    padding: 0 16px 18px;
  }

}
/* =========================================================
   MOBILE MENU — CATALOG ACCORDION
   ========================================================= */

@media (max-width: 760px) {

  .bbp-mobile-catalog {
    width: 100%;

    border-bottom: 1px solid rgba(255,255,255,.07);
  }

  .bbp-mobile-catalog summary {
    min-height: 66px;

    display: grid;

    grid-template-columns: 22px 1fr auto;

    align-items: center;

    gap: 17px;

    padding: 0;

    list-style: none;

    color: #fff;

    cursor: pointer;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 30px;
    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;
  }

  .bbp-mobile-catalog summary::-webkit-details-marker {
    display: none;
  }

  .bbp-mobile-catalog summary > span {
    color: var(--bb-orange);

    font-family: "Manrope", sans-serif;

    font-size: 9px;
    font-weight: 700;
  }

  .bbp-mobile-catalog summary > strong {
    font: inherit;
  }

  .bbp-mobile-catalog summary > i {
    color: var(--bb-orange);

    font-style: normal;

    font-size: 20px;

    transition: transform .2s ease;
  }

  .bbp-mobile-catalog[open] summary > i {
    transform: rotate(45deg);
  }


  /* список категорий */

  .bbp-mobile-catalog__list {
    max-height: 44vh;

    overflow-y: auto;

    padding: 4px 0 14px 38px;
  }

  .bbp-mobile-catalog__list > a {
    min-height: 48px;

    display: grid;

    grid-template-columns: 28px 1fr auto;

    align-items: center;

    gap: 10px;

    padding: 7px 4px;

    border-bottom: 1px solid rgba(255,255,255,.05);

    color: #aaa !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-transform: none !important;
  }

  .bbp-mobile-catalog__list > a:last-child {
    border-bottom: 0;
  }

  .bbp-mobile-catalog__list img {
    width: 26px !important;
    height: 26px !important;

    object-fit: contain;

    border-radius: 5px;
  }

  .bbp-mobile-catalog__list > a > i {
    color: var(--bb-orange);

    font-style: normal;
  }

}
/* =========================================================
   MOBILE CATALOG
   ========================================================= */

@media (max-width: 767px) {

    .bbp-mobile-catalog {
        width: 100%;
    }

    .bbp-mobile-catalog > summary {
        list-style: none;
        cursor: pointer;
    }

    .bbp-mobile-catalog > summary::-webkit-details-marker {
        display: none;
    }

    .bbp-mobile-catalog > summary i {
        font-style: normal;
        transition: transform .25s ease;
    }

    .bbp-mobile-catalog[open] > summary i {
        transform: rotate(45deg);
    }


    /* список основных категорий */

    .bbp-mobile-catalog__list {
        display: flex;
        flex-direction: column;

        margin-top: 18px;
        padding: 8px 0 8px 38px;

        border-left: 1px solid rgba(255,255,255,.09);
    }


    /* категория */

    .bbp-mobile-catalog-item {
        width: 100%;

        border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .bbp-mobile-catalog-item:last-child {
        border-bottom: 0;
    }


    /* категория с children */

    .bbp-mobile-catalog-item > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 54px;

        padding: 0 4px;

        list-style: none;
        cursor: pointer;

        color: #f5f5f5;
    }

    .bbp-mobile-catalog-item > summary::-webkit-details-marker {
        display: none;
    }

    .bbp-mobile-catalog-item__name {
        padding-right: 16px;

        font-family: "Manrope", sans-serif;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.35;
    }

    .bbp-mobile-catalog-item > summary i {
        flex: 0 0 auto;

        color: #ff7600;
        font-size: 19px;
        font-style: normal;

        transition: transform .2s ease;
    }

    .bbp-mobile-catalog-item[open] > summary i {
        transform: rotate(45deg);
    }


    /* обычная категория без children */

    .bbp-mobile-catalog-item--link {
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 54px;

        padding: 0 4px;

        color: #f5f5f5;
        text-decoration: none;
    }

    .bbp-mobile-catalog-item--link span {
        padding-right: 16px;

        font-family: "Manrope", sans-serif;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.35;
    }

    .bbp-mobile-catalog-item--link i {
        color: #ff7600;
        font-style: normal;
    }


    /* дочерние категории */

    .bbp-mobile-catalog-item__children {
        display: flex;
        flex-direction: column;

        padding: 0 0 12px 14px;
    }

    .bbp-mobile-catalog-item__children a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 44px;

        padding: 5px 4px;

        color: rgba(255,255,255,.58);
        text-decoration: none;

        font-family: "Manrope", sans-serif;
        font-size: 14px;
        line-height: 1.35;
    }

    .bbp-mobile-catalog-item__children a + a {
        border-top: 1px solid rgba(255,255,255,.045);
    }

    .bbp-mobile-catalog-item__children a i {
        flex: 0 0 auto;

        margin-left: 12px;

        color: #ff7600;
        font-style: normal;
    }

    .bbp-mobile-catalog-item__children
    .bbp-mobile-catalog-item__all {
        color: #ff7600;
        font-weight: 700;
    }
}

/* =========================================================
   CATALOG CARDS — EQUAL HEIGHT / MOBILE POLISH
   ========================================================= */

.bbp-catalog-grid {
    align-items: stretch;
}

.bbp-catalog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.bbp-catalog-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.bbp-catalog-card__brand {
    min-height: 1.4em;
}

.bbp-catalog-card__description {
    min-height: 3.9em;
}

.bbp-catalog-card__bottom {
    margin-top: auto;
}

.bbp-catalog-card__stock {
    min-height: 1.4em;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Названия товаров держим в одинаковом блоке.
     * Максимум 3 строки визуально.
     */
    .bbp-catalog-card__name {
        min-height: 3.66em;

        line-height: 1.22;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;

        overflow: hidden;
    }


    /*
     * Описание — одинаковая высота.
     */
    .bbp-catalog-card__description {
        min-height: 4.2em;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;

        overflow: hidden;
    }


    /*
     * Цена и кнопка всегда уходят вниз карточки.
     */
    .bbp-catalog-card__bottom {
        margin-top: auto;
    }


    /*
     * Если в категории всего один товар —
     * он занимает всю ширину сетки.
     */
    .bbp-catalog-grid > .bbp-catalog-card:only-child {
        grid-column: 1 / -1;
        width: 100%;
    }
}




/* =========================================================
   RELATED PRODUCTS — MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .box-product-var {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 12px;

        width: 100%;
    }

    .box-product-var > .bbp-related-card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .box-product-var > .bbp-related-card:only-child {
        grid-column: 1 / -1;

        width: 265px !important;
        max-width: 100% !important;

        justify-self: center;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   CATALOG MENU — FINAL POLISH
   ========================================================= */

/* DESKTOP */
@media (min-width: 768px) {

    .bbp-catalog-nav__menu {
        width: 390px;
    }

    .bbp-catalog-nav__menu > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .bbp-catalog-nav__menu > a span {
        flex: 1 1 auto;
    }

    .bbp-catalog-nav__menu > a strong {
        flex: 0 0 auto;
        margin-left: auto;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    .bbp-mobile-catalog__list {
        padding-left: 22px;
    }

    .bbp-mobile-catalog-item__children {
        padding-left: 10px;
    }

    /*
     * Вместо ощущения "удалить ×"
     * открытый accordion показывает минус.
     */
    .bbp-mobile-catalog[open] > summary > i,
    .bbp-mobile-catalog-item[open] > summary > i {
        transform: none !important;
        font-size: 0;
    }

    .bbp-mobile-catalog[open] > summary > i::after,
    .bbp-mobile-catalog-item[open] > summary > i::after {
        content: "−";
        font-size: 20px;
        color: #ff7600;
    }
}

/* DESCRIPTION TAB — hide legacy tab only when it is alone */

.bbp-htabs--description-only {
    height: 0 !important;
    min-height: 0 !important;

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

    border: 0 !important;

    overflow: hidden !important;
}

.bbp-htabs--description-only .bbp-description-tab-label {
    display: none !important;
}

/* =========================================================
   PRODUCT GALLERY — MOBILE FINAL
   ========================================================= */

@media (max-width: 767px) {

    .product-info .images .image-additional {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;

        gap: 8px;

        width: 100% !important;
        max-width: 100%;

        margin-top: 10px;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .product-info .images .image-additional::-webkit-scrollbar {
        display: none;
    }

    .product-info .images .image-additional > a {
        display: block !important;

        flex: 0 0 88px;

        width: 88px !important;
        height: 88px !important;

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

        border-radius: 10px;

        overflow: hidden;

        background: #f5f5f3;
    }

    .product-info .images .image-additional > a img {
        display: block;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: contain;
    }
}

/* =========================================================
   PRODUCT MOBILE SPACING
   ========================================================= */

@media (max-width: 767px) {

    .product-info .offers {
        margin-bottom: 48px !important;
    }

    .productdescription {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #tab-description {
        margin-top: 0 !important;
    }

    .bbp-product-section-head {
        margin-top: 0;
    }
}

/* =========================================================
   BRANDS / MANUFACTURERS
   ========================================================= */

.bbp-brands-page {
  min-height: 70vh;
  padding: 54px 0 90px;
  background:
    radial-gradient(
      circle at 85% 0%,
      rgba(255, 118, 0, .055),
      transparent 30%
    ),
    #070707;
  color: #fff;
}


/* BREADCRUMBS */

.bbp-page-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;

  margin-bottom: 54px;

  color: #626267;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .08em;
  text-transform: uppercase;
}

.bbp-page-breadcrumbs a {
  color: #747479 !important;
  text-decoration: none;
}

.bbp-page-breadcrumbs a:hover {
  color: var(--bb-orange) !important;
}

.bbp-page-breadcrumbs span {
  color: #3c3c40;
}

.bbp-page-breadcrumbs strong {
  color: #aaa;
  font-weight: 700;
}


/* HERO */

.bbp-brands-hero {
  max-width: 820px;
  margin-bottom: 48px;
}

.bbp-brands-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.bbp-brands-hero h1 {
  margin: 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px);
  font-weight: 900;

  line-height: .88;
  letter-spacing: -.045em;

  text-transform: uppercase;
}

.bbp-brands-hero h1 span {
  color: var(--bb-orange);
}

.bbp-brands-hero p {
  max-width: 620px;

  margin: 24px 0 0;

  color: #929297;

  font-size: 14px;
  line-height: 1.75;
}


/* ALPHABET */

.bbp-brands-index {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-bottom: 54px;
  padding: 18px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0d0d0f;
}

.bbp-brands-index a {
  min-width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 12px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;

  background: #111113;

  color: #aaa !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 15px;
  font-weight: 800;

  text-decoration: none;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.bbp-brands-index a:hover {
  transform: translateY(-2px);

  border-color: var(--bb-orange);

  background: var(--bb-orange);

  color: #050505 !important;
}


/* GROUP */

.bbp-brands-groups {
  display: grid;
  gap: 56px;
}

.bbp-brand-group {
  scroll-margin-top: 110px;
}

.bbp-brand-group__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-bottom: 20px;
  padding-bottom: 14px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-brand-group__heading > span {
  color: var(--bb-orange);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 34px;
  font-weight: 900;

  line-height: 1;

  text-transform: uppercase;
}

.bbp-brand-group__heading small {
  color: #55555a;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* GRID */

.bbp-brand-grid {
  display: grid;

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

  gap: 12px;
}


/* CARD */

.bbp-brand-card {
  min-height: 82px;

  display: grid;

  grid-template-columns: 38px 1fr auto;

  align-items: center;

  gap: 14px;

  padding: 18px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.008)
    );

  text-decoration: none !important;

  transition:
    border-color .22s ease,
    background .22s ease,
    transform .22s ease;
}

.bbp-brand-card:hover {
  transform: translateY(-3px);

  border-color: rgba(255,118,0,.50);

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,118,0,.08),
      transparent 50%
    ),
    #0d0d0f;
}

.bbp-brand-card__mark {
  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.24);
  border-radius: 50%;

  color: var(--bb-orange);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 18px;
  font-weight: 900;
}

.bbp-brand-card strong {
  min-width: 0;

  color: #ddd;

  font-size: 12px;
  font-weight: 700;

  line-height: 1.35;
}

.bbp-brand-card i {
  color: #505055;

  font-style: normal;
  font-size: 15px;

  transition:
    color .2s ease,
    transform .2s ease;
}

.bbp-brand-card:hover i {
  transform: translateX(3px);

  color: var(--bb-orange);
}


/* EMPTY */

.bbp-brands-empty {
  padding: 70px 28px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background: #0d0d0f;

  text-align: center;
}

.bbp-brands-empty > span {
  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .16em;

  text-transform: uppercase;
}

.bbp-brands-empty h2 {
  margin: 12px 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 38px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-brands-empty p {
  margin: 0 0 26px;

  color: #77777c;
}

.bbp-brands-empty a {
  min-height: 46px;

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

  padding: 0 20px;

  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-decoration: none;

  text-transform: uppercase;
}


/* TABLET */

@media (max-width: 1000px) {

  .bbp-brand-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-brands-page {
    padding: 30px 0 64px;
  }

  .bbp-page-breadcrumbs {
    margin-bottom: 34px;
  }

  .bbp-brands-hero {
    margin-bottom: 34px;
  }

  .bbp-brands-hero h1 {
    font-size: 54px;
  }

  .bbp-brands-hero p {
    margin-top: 18px;

    font-size: 12px;
  }

  .bbp-brands-index {
    gap: 6px;

    margin-bottom: 40px;
    padding: 12px;

    border-radius: 12px;
  }

  .bbp-brands-index a {
    min-width: 36px;
    height: 36px;

    padding: 0 9px;

    font-size: 13px;
  }

  .bbp-brands-groups {
    gap: 42px;
  }

  .bbp-brand-group {
    scroll-margin-top: 90px;
  }

  .bbp-brand-group__heading > span {
    font-size: 29px;
  }

  .bbp-brand-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 8px;
  }

  .bbp-brand-card {
    min-height: 74px;

    grid-template-columns:
      32px 1fr;

    gap: 10px;

    padding: 13px;
  }

  .bbp-brand-card__mark {
    width: 32px;
    height: 32px;

    font-size: 15px;
  }

  .bbp-brand-card strong {
    font-size: 10px;
  }

  .bbp-brand-card i {
    display: none;
  }

}


@media (max-width: 420px) {

  .bbp-brand-grid {
    grid-template-columns: 1fr;
  }

}

/* =========================================================
   SPECIALS / SALES
   ========================================================= */

.bbp-special-page {
  min-height: 70vh;
  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.065),
      transparent 31%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-special-hero {
  max-width: 860px;
  margin-bottom: 46px;
}

.bbp-special-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.bbp-special-hero h1 {
  margin: 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px);
  font-weight: 900;

  line-height: .88;
  letter-spacing: -.045em;

  text-transform: uppercase;
}

.bbp-special-hero h1 span {
  color: var(--bb-orange);
}

.bbp-special-hero p {
  max-width: 600px;

  margin: 24px 0 0;

  color: #929297;

  font-size: 14px;
  line-height: 1.75;
}


/* DISCOUNT INFO */

.bbp-special-discount-info {
  margin-bottom: 28px;
}


/* TOOLBAR */

.bbp-special-toolbar {
  margin-bottom: 26px;
}


/* SALE BADGE */

.bbp-special-card__badge {
  position: absolute;

  top: 12px;
  right: 12px;

  z-index: 3;

  padding: 7px 10px;

  border-radius: 999px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .08em;
  text-transform: uppercase;
}


/* Если одновременно SALE + Под заказ */

.bbp-special-card .bbp-catalog-card__badge {
  top: 12px;
  left: 12px;
}


/* BRAND LINK */

.bbp-special-card .bbp-catalog-card__brand a {
  color: var(--bb-orange) !important;
  text-decoration: none;
}


/* STORES */

.bbp-special-card__stores {
  display: flex;
  flex-wrap: wrap;

  gap: 5px 8px;

  margin-top: 14px;
  padding-top: 12px;

  border-top: 1px solid rgba(255,255,255,.06);
}

.bbp-special-card__stores > span {
  width: 100%;

  color: #55555a;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .10em;
  text-transform: uppercase;
}

.bbp-special-card__stores small {
  color: #7f7f84;

  font-size: 9px;
  line-height: 1.4;
}


/* WISHLIST / COMPARE */

.bbp-special-card__actions {
  display: flex;

  gap: 14px;

  margin-top: 14px;
}

.bbp-special-card__actions button {
  padding: 0;

  border: 0;

  background: none;

  color: #55555a;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.12);
  text-underline-offset: 3px;
}

.bbp-special-card__actions button:hover {
  color: var(--bb-orange);
}

.bbp-special-card__waitlisted {
  color: #77777c;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}


/* PAGINATION */

.bbp-special-pagination {
  margin-top: 32px;
}

.bbp-special-pagination--top {
  margin-top: 0;
  margin-bottom: 18px;
}


/* EMPTY */

.bbp-special-empty {
  padding: 74px 30px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background: #0d0d0f;

  text-align: center;
}

.bbp-special-empty > span {
  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .16em;
  text-transform: uppercase;
}

.bbp-special-empty h2 {
  margin: 12px 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 40px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-special-empty p {
  max-width: 480px;

  margin: 0 auto 26px;

  color: #77777c;

  line-height: 1.6;
}

.bbp-special-empty a {
  min-height: 46px;

  display: inline-flex;
  align-items: center;

  gap: 10px;

  padding: 0 20px;

  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-decoration: none;
  text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-special-page {
    padding: 30px 0 64px;
  }

  .bbp-special-hero {
    margin-bottom: 32px;
  }

  .bbp-special-hero h1 {
    font-size: 54px;
  }

  .bbp-special-hero p {
    margin-top: 18px;

    font-size: 12px;
  }

  .bbp-special-toolbar {
    align-items: stretch;
  }

  .bbp-special-toolbar .limit,
  .bbp-special-toolbar .sort {
    flex: 1 1 0;
  }

  .bbp-special-toolbar select {
    width: 100%;
    min-width: 0;
  }

  .bbp-special-card__actions {
    flex-direction: column;
    gap: 8px;
  }

}

/* =========================================================
   SPECIALS — PAGINATION FIX
   ========================================================= */

.bbp-special-page .paginationtop {
  display: none !important;
}

.bbp-special-page .comp-pagin {
  clear: both !important;
  float: none !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

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

  border: 0 !important;
  background: transparent !important;
}

.bbp-special-page .pagination .results {
  display: none !important;
}

.bbp-special-page .pagination {
  display: flex !important;
  justify-content: center;

  float: none !important;

  width: 100% !important;

  margin: 32px 0 0 !important;
}

.bbp-special-page .pagination .links {
  float: none !important;
}

/* =========================================================
   CONTACT / STORE
   ========================================================= */

.bbp-contact-page {
  min-height: 70vh;
  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.06),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-contact-hero {
  max-width: 850px;
  margin-bottom: 48px;
}

.bbp-contact-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.bbp-contact-hero h1 {
  margin: 0;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px);
  font-weight: 900;

  line-height: .88;
  letter-spacing: -.045em;

  text-transform: uppercase;
}

.bbp-contact-hero h1 span {
  color: var(--bb-orange);
}

.bbp-contact-hero p {
  max-width: 580px;

  margin: 24px 0 0;

  color: #929297;

  font-size: 14px;
  line-height: 1.75;
}


/* GRID */

.bbp-contact-grid {
  display: grid;

  grid-template-columns:
    minmax(0, .85fr)
    minmax(0, 1.35fr);

  gap: 18px;
}


/* STORE */

.bbp-contact-store,
.bbp-contact-form-card {
  padding: 30px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.024),
      rgba(255,255,255,.008)
    ),
    #0c0c0e;
}

.bbp-contact-store {
  align-self: start;
}

.bbp-contact-store__top,
.bbp-contact-form-card__head {
  display: flex;
  align-items: flex-start;

  gap: 15px;

  margin-bottom: 30px;
}

.bbp-contact-store__number {
  flex: 0 0 auto;

  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.28);
  border-radius: 50%;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 900;
}

.bbp-contact-store__top small,
.bbp-contact-form-card__head small {
  display: block;

  margin-bottom: 7px;

  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.bbp-contact-store h2,
.bbp-contact-form-card h2 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 30px !important;
  font-weight: 800 !important;

  line-height: 1;

  text-transform: uppercase;
}


/* CONTACT ITEMS */

.bbp-contact-item {
  padding: 20px 0;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-contact-item > span {
  display: block;

  margin-bottom: 7px;

  color: #5f5f64;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;
  text-transform: uppercase;
}

.bbp-contact-item strong,
.bbp-contact-item a {
  color: #ddd !important;

  font-size: 13px;
  font-weight: 700;

  line-height: 1.6;

  text-decoration: none;
}

.bbp-contact-item a:hover {
  color: var(--bb-orange) !important;
}

.bbp-contact-store__home {
  min-height: 48px;

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

  gap: 20px;

  margin-top: 12px;
  padding: 0 16px;

  border: 1px solid rgba(255,118,0,.28);
  border-radius: 8px;

  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    border-color .2s ease,
    background .2s ease;
}

.bbp-contact-store__home:hover {
  border-color: var(--bb-orange);

  background: rgba(255,118,0,.06);
}


/* FORM */

.bbp-contact-form {
  display: grid;

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

  gap: 18px;
}

.bbp-contact-field {
  min-width: 0;
}

.bbp-contact-field--full,
.bbp-contact-field--captcha,
.bbp-contact-form__bottom {
  grid-column: 1 / -1;
}

.bbp-contact-field label {
  display: block;

  margin-bottom: 8px;

  color: #747479;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-contact-field input,
.bbp-contact-field textarea {
  width: 100%;

  box-sizing: border-box;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;

  background: #141416;

  color: #fff;

  font-family: "Manrope", sans-serif;

  font-size: 12px;

  outline: none;

  transition:
    border-color .2s ease,
    background .2s ease;
}

.bbp-contact-field input {
  height: 48px;

  padding: 0 14px;
}

.bbp-contact-field textarea {
  min-height: 160px;

  padding: 14px;

  resize: vertical;

  line-height: 1.6;
}

.bbp-contact-field input:focus,
.bbp-contact-field textarea:focus {
  border-color: rgba(255,118,0,.7);

  background: #171719;
}


/* CAPTCHA */

.bbp-contact-captcha {
  display: flex;
  align-items: center;

  gap: 12px;
}

.bbp-contact-captcha input {
  max-width: 220px;
}

.bbp-contact-captcha img {
  max-height: 48px;

  border-radius: 6px;

  background: #fff;
}


/* ERRORS */

.bbp-contact-error {
  display: block;

  margin-top: 7px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 700;
}


/* SUBMIT */

.bbp-contact-form__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  padding-top: 8px;
}

.bbp-contact-form__bottom p {
  max-width: 540px;

  margin: 0 !important;

  color: #626267;

  font-size: 9px;
  line-height: 1.6;
}

.bbp-contact-form__bottom p a {
  color: #929297 !important;

  text-decoration: underline;
  text-underline-offset: 2px;
}

.bbp-contact-submit {
  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 0 20px;

  border: 1px solid var(--bb-orange);
  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;
}


/* TABLET */

@media (max-width: 1000px) {

  .bbp-contact-grid {
    grid-template-columns: 1fr;
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-contact-page {
    padding: 30px 0 64px;
  }

  .bbp-contact-hero {
    margin-bottom: 32px;
  }

  .bbp-contact-hero h1 {
    font-size: 54px;
  }

  .bbp-contact-hero p {
    margin-top: 18px;

    font-size: 12px;
  }

  .bbp-contact-store,
  .bbp-contact-form-card {
    padding: 20px;

    border-radius: 14px;
  }

  .bbp-contact-store h2,
  .bbp-contact-form-card h2 {
    font-size: 25px !important;
  }

  .bbp-contact-form {
    grid-template-columns: 1fr;
  }

  .bbp-contact-field--full,
  .bbp-contact-field--captcha,
  .bbp-contact-form__bottom {
    grid-column: auto;
  }

  .bbp-contact-captcha {
    align-items: stretch;
    flex-direction: column;
  }

  .bbp-contact-captcha input {
    max-width: none;
  }

  .bbp-contact-captcha img {
    align-self: flex-start;
  }

  .bbp-contact-form__bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .bbp-contact-submit {
    width: 100%;
  }

}

/* =========================================================
   INFORMATION PAGES
   ========================================================= */

.bbp-information-page {
  min-height: 70vh;

  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.05),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-information-hero {
  max-width: 980px;

  margin-bottom: 42px;
}

.bbp-information-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-information-hero h1 {
  max-width: 960px;

  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(48px, 5.4vw, 76px) !important;
  font-weight: 900 !important;

  line-height: .95 !important;
  letter-spacing: -.035em;

  text-transform: uppercase;
}


/* ARTICLE */

.bbp-information-content {
  max-width: 980px;

  padding: 38px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.008)
    ),
    #0c0c0e;

  color: #a2a2a7;

  font-size: 14px;
  line-height: 1.85;
}


/* TEXT */

.bbp-information-content p {
  margin: 0 0 20px !important;

  color: #a2a2a7 !important;

  line-height: 1.85 !important;
}

.bbp-information-content p:last-child {
  margin-bottom: 0 !important;
}

.bbp-information-content strong,
.bbp-information-content b {
  color: #fff;
}

.bbp-information-content a {
  color: var(--bb-orange) !important;

  text-decoration: underline;
  text-decoration-color: rgba(255,118,0,.35);
  text-underline-offset: 3px;
}


/* HEADINGS */

.bbp-information-content h1,
.bbp-information-content h2,
.bbp-information-content h3,
.bbp-information-content h4 {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-weight: 800 !important;

  line-height: 1.05 !important;
}

.bbp-information-content h1 {
  margin: 42px 0 20px !important;

  font-size: 38px !important;
}

.bbp-information-content h2 {
  margin: 38px 0 18px !important;

  font-size: 32px !important;
}

.bbp-information-content h3 {
  margin: 32px 0 16px !important;

  font-size: 25px !important;
}

.bbp-information-content h4 {
  margin: 28px 0 14px !important;

  font-size: 20px !important;
}


/* LISTS */

.bbp-information-content ul,
.bbp-information-content ol {
  margin: 18px 0 24px !important;

  padding-left: 24px !important;
}

.bbp-information-content li {
  margin-bottom: 9px;

  color: #a2a2a7;
}

.bbp-information-content li::marker {
  color: var(--bb-orange);
}


/* QUOTE */

.bbp-information-content blockquote {
  margin: 28px 0;
  padding: 18px 22px;

  border-left: 3px solid var(--bb-orange);

  background: rgba(255,118,0,.045);

  color: #ccc;
}


/* TABLES */

.bbp-information-content table {
  width: 100% !important;

  margin: 24px 0 !important;

  border-collapse: collapse !important;

  border: 1px solid rgba(255,255,255,.09) !important;

  background: transparent !important;
}

.bbp-information-content tr {
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-information-content th,
.bbp-information-content td {
  padding: 12px 14px !important;

  border: 0 !important;

  background: transparent !important;

  color: #a2a2a7 !important;

  font-size: 12px;
  line-height: 1.55;
}

.bbp-information-content th {
  color: #fff !important;

  font-weight: 800;
}


/* IMAGES */

.bbp-information-content img {
  max-width: 100% !important;
  height: auto !important;

  border-radius: 12px;
}


/* HR */

.bbp-information-content hr {
  margin: 32px 0;

  border: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}


/* EMPTY */

.bbp-information-empty {
  padding: 34px;

  color: #77777c;

  text-align: center;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-information-page {
    padding: 30px 0 64px;
  }

  .bbp-information-hero {
    margin-bottom: 30px;
  }

  .bbp-information-hero h1 {
    font-size: 46px !important;
  }

  .bbp-information-content {
    padding: 22px;

    border-radius: 14px;

    font-size: 12px;
    line-height: 1.75;
  }

  .bbp-information-content h1 {
    font-size: 30px !important;
  }

  .bbp-information-content h2 {
    font-size: 27px !important;
  }

  .bbp-information-content h3 {
    font-size: 22px !important;
  }

  .bbp-information-content {
    overflow-x: hidden;
  }

  .bbp-information-content table {
    min-width: 600px;
  }

  .bbp-information-content > table {
    display: block;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;
  }

}

/* =========================================================
   BLOG — LIST
   ========================================================= */

.bbp-blog-page {
  min-height: 70vh;
  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-blog-hero {
  max-width: 1050px;
  margin-bottom: 42px;
}

.bbp-blog-hero__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;
}

.bbp-blog-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.bbp-blog-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px) !important;
  font-weight: 900 !important;

  line-height: .9 !important;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.bbp-blog-hero__description {
  max-width: 760px;

  margin-top: 22px;

  color: #929297;

  font-size: 13px;
  line-height: 1.75;
}

.bbp-blog-hero__description p {
  color: inherit !important;
}

.bbp-blog-rss {
  flex: 0 0 auto;

  min-height: 42px;

  display: inline-flex;
  align-items: center;

  gap: 9px;

  padding: 0 15px;

  border: 1px solid rgba(255,118,0,.28);
  border-radius: 8px;

  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none;
}


/* TOOLBAR */

.bbp-blog-toolbar {
  margin-bottom: 28px;
}


/* GRID */

.bbp-blog-grid {
  display: grid;

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

  gap: 16px;
}


/* CARD */

.bbp-blog-card {
  min-width: 0;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0c0c0e;
}

.bbp-blog-card__media {
  height: 250px;

  display: block;

  overflow: hidden;

  background: #111;
}

.bbp-blog-card__media img {
  width: 100% !important;
  height: 100% !important;

  display: block;

  object-fit: cover;

  transition: transform .35s ease;
}

.bbp-blog-card:hover .bbp-blog-card__media img {
  transform: scale(1.025);
}

.bbp-blog-card__body {
  flex: 1;

  display: flex;
  flex-direction: column;

  padding: 22px;
}

.bbp-blog-card__category {
  align-self: flex-start;

  margin-bottom: 12px;

  color: var(--bb-orange) !important;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;

  text-decoration: none;
  text-transform: uppercase;
}

.bbp-blog-card__title {
  margin: 0 !important;

  font-size: 27px !important;
  line-height: 1 !important;
}

.bbp-blog-card__title a {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-weight: 800;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-blog-card__title a:hover {
  color: var(--bb-orange) !important;
}

.bbp-blog-card__description {
  margin-top: 15px;

  color: #85858a;

  font-size: 11px;
  line-height: 1.65;
}

.bbp-blog-card__description p {
  margin: 0 !important;

  color: inherit !important;
}

.bbp-blog-card__description img {
  display: none !important;
}

.bbp-blog-card__meta {
  display: flex;
  flex-wrap: wrap;

  gap: 7px 14px;

  margin-top: 18px;

  color: #545459;

  font-size: 8px;
  font-weight: 700;

  text-transform: uppercase;
}

.bbp-blog-card__more {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;

  margin-top: auto;
  padding-top: 20px;

  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-blog-card__edit {
  margin-top: 12px;

  color: #555 !important;

  font-size: 8px;

  text-decoration: underline;
}


/* PAGINATION */

.bbp-blog-pagination {
  display: flex;
  justify-content: center;

  margin-top: 34px;
}

.bbp-blog-pagination .results {
  display: none !important;
}


/* CATEGORIES */

.bbp-blog-categories {
  margin-top: 76px;
}

.bbp-blog-categories__head {
  margin-bottom: 24px;
}

.bbp-blog-categories__head > span {
  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.bbp-blog-categories__head h2 {
  margin: 8px 0 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 38px !important;
  font-weight: 800 !important;

  text-transform: uppercase;
}

.bbp-blog-categories__grid {
  display: grid;

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

  gap: 12px;
}

.bbp-blog-category-card {
  min-height: 88px;

  display: grid;

  grid-template-columns:
    56px 1fr auto auto;

  align-items: center;

  gap: 14px;

  padding: 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0d0d0f;

  text-decoration: none !important;
}

.bbp-blog-category-card__media {
  width: 56px;
  height: 56px;

  overflow: hidden;

  border-radius: 8px;

  background: #111;
}

.bbp-blog-category-card__media img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover;
}

.bbp-blog-category-card strong {
  color: #ddd;

  font-size: 11px;
}

.bbp-blog-category-card small {
  color: #555;

  font-size: 9px;
}

.bbp-blog-category-card i {
  color: var(--bb-orange);

  font-style: normal;
}


/* EMPTY */

.bbp-blog-empty {
  padding: 70px 28px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background: #0d0d0f;

  text-align: center;
}


/* TABLET */

@media (max-width: 1000px) {

  .bbp-blog-grid,
  .bbp-blog-categories__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-blog-page {
    padding: 30px 0 64px;
  }

  .bbp-blog-hero {
    margin-bottom: 30px;
  }

  .bbp-blog-hero__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .bbp-blog-hero h1 {
    font-size: 54px !important;
  }

  .bbp-blog-grid,
  .bbp-blog-categories__grid {
    grid-template-columns: 1fr;
  }

  .bbp-blog-card__media {
    height: 220px;
  }

  .bbp-blog-card__body {
    padding: 18px;
  }

  .bbp-blog-card__title {
    font-size: 24px !important;
  }

  .bbp-blog-categories {
    margin-top: 52px;
  }

}

/* =========================================================
   BLOG — SINGLE POST
   Старую backend/JS-разметку не ломаем
   ========================================================= */

#content[itemtype="http://schema.org/Article"] {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;

  margin: 0 auto !important;
  padding: 54px 0 90px !important;

  color: #fff;
}


/* BREADCRUMBS */

#content[itemtype="http://schema.org/Article"] > .breadcrumb {
  width: 100% !important;

  margin: 0 0 46px !important;
  padding: 0 0 14px !important;

  border-bottom: 1px solid rgba(255,255,255,.08);

  background: transparent !important;

  color: #66666b !important;

  font-size: 9px !important;
  font-weight: 800;

  letter-spacing: .08em;
  text-transform: uppercase;
}

#content[itemtype="http://schema.org/Article"] > .breadcrumb a {
  color: #77777c !important;
  text-decoration: none !important;
}

#content[itemtype="http://schema.org/Article"] > .breadcrumb a:hover {
  color: var(--bb-orange) !important;
}


/* ARTICLE CONTAINER */

#content[itemtype="http://schema.org/Article"] > .content {
  max-width: 980px;

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

  border: 0 !important;
  background: transparent !important;
}


/* HERO IMAGE */

#content[itemtype="http://schema.org/Article"] .imageheader {
  max-width: 1100px;

  margin: 0 0 34px !important;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background: #0d0d0f;
}

#content[itemtype="http://schema.org/Article"] .imageheader img {
  width: 100% !important;
  height: auto !important;

  display: block;
}


/* META */

#content[itemtype="http://schema.org/Article"] .postinfo {
  margin: 0 0 18px !important;
}

#content[itemtype="http://schema.org/Article"] .postinfo ul {
  display: flex;
  flex-wrap: wrap;

  gap: 8px 16px;

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

  list-style: none;
}

#content[itemtype="http://schema.org/Article"] .postinfo li,
#content[itemtype="http://schema.org/Article"] .postinfo a {
  color: #66666b !important;

  font-size: 9px !important;
  font-weight: 700;

  text-decoration: none;
  text-transform: uppercase;
}


/* TITLE */

#content[itemtype="http://schema.org/Article"] > .content > h1,
#content[itemtype="http://schema.org/Article"] .content > h1 {
  max-width: 980px;

  margin: 0 0 30px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(52px, 6vw, 82px) !important;
  font-weight: 900 !important;

  line-height: .94 !important;
  letter-spacing: -.035em;

  text-transform: uppercase;
}


/* ARTICLE BODY */

#content[itemtype="http://schema.org/Article"] .description {
  padding: 34px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.008)
    ),
    #0c0c0e;

  color: #a2a2a7 !important;

  font-size: 14px;
  line-height: 1.85;
}

#content[itemtype="http://schema.org/Article"] .description p {
  margin: 0 0 20px !important;

  color: #a2a2a7 !important;

  line-height: 1.85 !important;
}

#content[itemtype="http://schema.org/Article"] .description h2,
#content[itemtype="http://schema.org/Article"] .description h3,
#content[itemtype="http://schema.org/Article"] .description h4 {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-weight: 800 !important;
}

#content[itemtype="http://schema.org/Article"] .description h2 {
  margin: 38px 0 16px !important;
  font-size: 32px !important;
}

#content[itemtype="http://schema.org/Article"] .description h3 {
  margin: 30px 0 14px !important;
  font-size: 26px !important;
}

#content[itemtype="http://schema.org/Article"] .description a {
  color: var(--bb-orange) !important;

  text-decoration: underline;
  text-underline-offset: 3px;
}

#content[itemtype="http://schema.org/Article"] .description img {
  max-width: 100% !important;
  height: auto !important;

  border-radius: 12px;
}


/* NEXT / PREVIOUS */

#content[itemtype="http://schema.org/Article"] .next-prev {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin: 24px 0 !important;
  padding: 18px 0;

  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);

  color: #555 !important;
}

#content[itemtype="http://schema.org/Article"] .next-prev a {
  color: #aaa !important;

  font-size: 10px;
  font-weight: 800;

  text-decoration: none;
}

#content[itemtype="http://schema.org/Article"] .next-prev a:hover {
  color: var(--bb-orange) !important;
}


/* TAGS / REVIEW */

#content[itemtype="http://schema.org/Article"] .review {
  margin: 26px 0;
  padding: 18px 20px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0d0d0f;
}

#content[itemtype="http://schema.org/Article"] .tags {
  color: #77777c !important;

  font-size: 10px;
}

#content[itemtype="http://schema.org/Article"] .tags a {
  color: var(--bb-orange) !important;
}


/* RELATED ARTICLES */

#content[itemtype="http://schema.org/Article"] .records-list {
  margin: 48px 0 30px !important;
}

#content[itemtype="http://schema.org/Article"] .records-list > h3 {
  margin: 0 0 20px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 34px !important;
  font-weight: 800;

  text-transform: uppercase;
}

#content[itemtype="http://schema.org/Article"] .records-list {
  display: grid;

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

  gap: 14px;
}

#content[itemtype="http://schema.org/Article"] .records-list > h3 {
  grid-column: 1 / -1;
}

#content[itemtype="http://schema.org/Article"] .records-list > div {
  overflow: hidden;

  padding: 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0d0d0f;
}

#content[itemtype="http://schema.org/Article"] .records-list .image img {
  width: 100% !important;
  height: 180px !important;

  object-fit: cover;

  border-radius: 8px;
}

#content[itemtype="http://schema.org/Article"] .records-list .name {
  margin: 12px 0 0 !important;

  font-size: 18px !important;
}

#content[itemtype="http://schema.org/Article"] .records-list .name a {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-weight: 800;

  text-decoration: none;
}


/* TABS */

#content[itemtype="http://schema.org/Article"] .htabs {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin: 42px 0 18px !important;

  border: 0 !important;
}

#content[itemtype="http://schema.org/Article"] .htabs a {
  min-height: 40px;

  display: inline-flex;
  align-items: center;

  padding: 0 15px !important;

  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 8px !important;

  background: #101012 !important;

  color: #88888d !important;

  font-size: 9px !important;
  font-weight: 800 !important;

  text-decoration: none !important;
  text-transform: uppercase;
}

#content[itemtype="http://schema.org/Article"] .htabs a.selected {
  border-color: var(--bb-orange) !important;

  color: var(--bb-orange) !important;
}


/* TAB CONTENT */

#content[itemtype="http://schema.org/Article"] .tab-content {
  padding: 24px !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px;

  background: #0c0c0e !important;

  color: #aaa;
}


/* COMMENT FORM */

#content[itemtype="http://schema.org/Article"] .revform {
  margin-top: 28px;
}

#content[itemtype="http://schema.org/Article"] .revform input[type="text"],
#content[itemtype="http://schema.org/Article"] .revform input[type="password"],
#content[itemtype="http://schema.org/Article"] .revform textarea {
  width: 100% !important;

  box-sizing: border-box;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px;

  background: #141416 !important;

  color: #fff !important;
}

#content[itemtype="http://schema.org/Article"] .revform input[type="text"],
#content[itemtype="http://schema.org/Article"] .revform input[type="password"] {
  min-height: 46px;
}

#content[itemtype="http://schema.org/Article"] .revform textarea {
  min-height: 150px;

  padding: 12px;
}

#content[itemtype="http://schema.org/Article"] .button-comment {
  min-height: 44px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 0 18px !important;

  border: 0 !important;
  border-radius: 8px;

  background: var(--bb-orange) !important;

  color: #050505 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;
  text-transform: uppercase;
}


/* RELATED PRODUCTS */

#content[itemtype="http://schema.org/Article"] #tab-product-related .box-product {
  display: grid !important;

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

  gap: 12px;
}

#content[itemtype="http://schema.org/Article"] #tab-product-related .box-product > div {
  width: auto !important;

  margin: 0 !important;
  padding: 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0d0d0f;
}


/* ATTRIBUTES */

#content[itemtype="http://schema.org/Article"] table.attribute {
  width: 100% !important;

  border-collapse: collapse;
}

#content[itemtype="http://schema.org/Article"] table.attribute td {
  padding: 12px !important;

  border-bottom: 1px solid rgba(255,255,255,.07) !important;

  color: #aaa !important;

  background: transparent !important;
}


/* MOBILE */

@media (max-width: 760px) {

  #content[itemtype="http://schema.org/Article"] {
    width: calc(100% - 28px) !important;

    padding: 30px 0 64px !important;
  }

  #content[itemtype="http://schema.org/Article"] .description {
    padding: 20px;

    font-size: 12px;
  }

  #content[itemtype="http://schema.org/Article"] .content > h1 {
    font-size: 46px !important;
  }

  #content[itemtype="http://schema.org/Article"] .next-prev {
    align-items: flex-start;
    flex-direction: column;
  }

  #content[itemtype="http://schema.org/Article"] .records-list {
    grid-template-columns: 1fr;
  }

  #content[itemtype="http://schema.org/Article"] #tab-product-related .box-product {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  #content[itemtype="http://schema.org/Article"] .htabs {
    flex-direction: column;
  }

  #content[itemtype="http://schema.org/Article"] .htabs a {
    width: 100%;
    box-sizing: border-box;
  }

}

/* =========================================================
   SEARCH PAGE
   ========================================================= */

.bbp-search-page {
  min-height: 70vh;

  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-search-hero {
  max-width: 900px;

  margin-bottom: 34px;
}

.bbp-search-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-search-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px) !important;
  font-weight: 900 !important;

  line-height: .9 !important;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.bbp-search-hero h1 span {
  color: var(--bb-orange);
}

.bbp-search-hero p {
  max-width: 600px;

  margin: 22px 0 0;

  color: #8d8d92;

  font-size: 13px;
  line-height: 1.7;
}


/* SEARCH FORM */

.bbp-search-form {
  margin-bottom: 24px;
}

.bbp-search-form__field {
  min-height: 66px;

  display: grid;

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

  gap: 10px;

  padding: 9px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;

  background: #0d0d0f;
}

.bbp-search-form__field input {
  min-width: 0;
  height: 48px;

  padding: 0 16px;

  border: 0 !important;
  border-radius: 7px;

  background: #141416 !important;

  color: #fff !important;

  font-family: "Manrope", sans-serif;

  font-size: 12px;

  outline: none;
}

.bbp-search-form__field input::placeholder {
  color: #5e5e63;
}

.bbp-search-form__field button {
  min-width: 150px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  padding: 0 20px;

  border: 0;
  border-radius: 7px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;
}


/* TOOLBAR */

.bbp-search-toolbar {
  min-height: 68px;

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

  gap: 24px;

  margin-bottom: 28px;
  padding: 10px 12px 10px 18px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0d0d0f;
}

.bbp-search-toolbar__count {
  color: #66666b;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-search-toolbar__count strong {
  margin-left: 5px;

  color: var(--bb-orange);
}

.bbp-search-toolbar__controls {
  display: flex;
  align-items: center;

  gap: 16px;
}

.bbp-search-control {
  display: flex;
  align-items: center;

  gap: 8px;
}

.bbp-search-control > span {
  color: #66666b;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-search-control select {
  min-width: 150px;
  height: 44px;

  padding: 0 34px 0 12px;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 7px;

  background: #141416;

  color: #ccc;

  font-size: 10px;

  outline: none;
}


/* GRID */

.bbp-search-grid {
  display: grid;

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

  gap: 16px;
}


/* SEARCH CARD EXTRAS */

.bbp-search-card__stock {
  margin-top: 10px;

  color: #69696e;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-search-card__stores {
  margin-top: 15px;
  padding-top: 12px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-search-card__stores > span {
  display: block;

  margin-bottom: 6px;

  color: #5c5c61;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-search-card__stores small {
  display: block;

  margin-top: 4px;

  color: #929297;

  font-size: 9px;
}


/* ACTIONS */

.bbp-search-card__actions {
  display: grid;

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

  align-items: center;

  gap: 10px;

  margin-top: auto;
  padding-top: 20px;
}

.bbp-search-card__cart,
.bbp-search-card__waitlist {
  min-height: 44px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  padding: 0 15px;

  border: 1px solid var(--bb-orange);
  border-radius: 7px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 8px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;
}

.bbp-search-card__waitlist {
  background: transparent;

  color: var(--bb-orange);
}

.bbp-search-card__waitlist.is-added {
  border: 0;

  color: #66666b;

  font-size: 8px;
}

.bbp-search-card__more {
  color: #77777c !important;

  font-size: 8px;
  font-weight: 800;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-search-card__more:hover {
  color: var(--bb-orange) !important;
}

.bbp-search-card__secondary {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 12px;
}

.bbp-search-card__secondary a {
  color: #55555a !important;

  font-size: 8px;

  text-decoration: underline;
  text-underline-offset: 3px;
}


/* PAGINATION */

.bbp-search-pagination {
  display: flex;
  justify-content: center;

  margin-top: 34px;
}

.bbp-search-pagination .results {
  display: none !important;
}


/* EMPTY */

.bbp-search-empty {
  display: flex;
  align-items: flex-start;

  gap: 20px;

  padding: 34px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0d0d0f;
}

.bbp-search-empty__number {
  flex: 0 0 auto;

  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.3);
  border-radius: 50%;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;
}

.bbp-search-empty span {
  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bbp-search-empty h2 {
  margin: 7px 0 8px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 30px !important;
  font-weight: 800 !important;

  text-transform: uppercase;
}

.bbp-search-empty p {
  margin: 0 !important;

  color: #77777c;

  font-size: 11px;
}


/* TABLET */

@media (max-width: 1000px) {

  .bbp-search-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bbp-search-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-search-page {
    padding: 30px 0 64px;
  }

  .bbp-search-hero h1 {
    font-size: 54px !important;
  }

  .bbp-search-form__field {
    grid-template-columns: 1fr;
  }

  .bbp-search-form__field button {
    min-height: 46px;
  }

  .bbp-search-toolbar__controls {
    width: 100%;

    align-items: stretch;
    flex-direction: column;
  }

  .bbp-search-control {
    justify-content: space-between;

    width: 100%;
  }

  .bbp-search-control select {
    flex: 1;

    min-width: 0;
  }

  .bbp-search-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 10px;
  }

  .bbp-search-card__actions {
    grid-template-columns: 1fr;
  }

  .bbp-search-card__more {
    text-align: center;
  }

}


/* VERY SMALL */

@media (max-width: 480px) {

  .bbp-search-grid {
    grid-template-columns: 1fr;
  }

}

/* =========================================================
   PRODUCT COMPARE
   ========================================================= */

.bbp-compare-page {
  min-height: 70vh;

  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-compare-hero {
  max-width: 900px;

  margin-bottom: 34px;
}

.bbp-compare-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-compare-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px) !important;
  font-weight: 900 !important;

  line-height: .9 !important;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.bbp-compare-hero h1 span {
  color: var(--bb-orange);
}

.bbp-compare-hero p {
  max-width: 620px;

  margin: 22px 0 0;

  color: #8c8c91;

  font-size: 13px;
  line-height: 1.7;
}


/* COUNT */

.bbp-compare-count {
  margin-bottom: 14px;

  color: #606065;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-compare-count strong {
  margin-left: 5px;

  color: var(--bb-orange);
}


/* SCROLL */

.bbp-compare-scroll {
  width: 100%;

  overflow-x: auto;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0c0c0e;

  -webkit-overflow-scrolling: touch;
}


/* TABLE */

.bbp-compare-table {
  width: 100%;
  min-width: 900px;

  border-collapse: separate !important;
  border-spacing: 0;

  background: transparent !important;
}

.bbp-compare-table th,
.bbp-compare-table td {
  min-width: 230px;

  padding: 18px !important;

  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;

  background: transparent !important;

  color: #aaa !important;

  vertical-align: top;

  font-size: 11px;
  line-height: 1.6;
}

.bbp-compare-table th {
  position: sticky;
  left: 0;

  z-index: 2;

  min-width: 170px;
  width: 170px;

  background: #111113 !important;

  color: #66666b !important;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .06em;

  text-transform: uppercase;
}

.bbp-compare-table tr:last-child th,
.bbp-compare-table tr:last-child td {
  border-bottom: 0 !important;
}


/* GROUP */

.bbp-compare-table thead td {
  padding: 13px 18px !important;

  background: rgba(255,118,0,.055) !important;

  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* PRODUCT NAME */

.bbp-compare-table__product-name a {
  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 24px;
  font-weight: 800;

  line-height: 1;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-compare-table__product-name a:hover {
  color: var(--bb-orange) !important;
}


/* IMAGE */

.bbp-compare-product-image {
  height: 230px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 10px;

  background: #f4f4f2;
}

.bbp-compare-product-image img {
  max-width: 82% !important;
  max-height: 82% !important;

  width: auto !important;
  height: auto !important;

  object-fit: contain;
}


/* PRICE */

.bbp-compare-price strong,
.bbp-compare-price .price-new {
  color: var(--bb-orange) !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 25px;
  font-weight: 800;
}

.bbp-compare-price .price-old {
  display: block;

  margin-bottom: 4px;

  color: #5f5f64 !important;

  font-size: 12px;

  text-decoration: line-through;
}


/* RATING */

.bbp-compare-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;
}

.bbp-compare-rating img {
  max-width: 90px;
}

.bbp-compare-rating span {
  color: #77777c;

  font-size: 9px;
}


/* DESCRIPTION */

.bbp-compare-description {
  color: #85858a !important;

  font-size: 10px !important;
  line-height: 1.7 !important;
}


/* EMPTY VALUE */

.bbp-compare-muted {
  color: #444449;
}


/* REMOVE */

.bbp-compare-remove {
  min-height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 15px;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 7px;

  color: #77777c !important;

  font-size: 8px;
  font-weight: 800;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-compare-remove:hover {
  border-color: rgba(255,118,0,.35);

  color: var(--bb-orange) !important;
}


/* BOTTOM */

.bbp-compare-bottom {
  display: flex;
  justify-content: flex-end;

  margin-top: 24px;
}


/* EMPTY */

.bbp-compare-empty {
  display: flex;
  align-items: flex-start;

  gap: 22px;

  padding: 36px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0d0d0f;
}

.bbp-compare-empty__number {
  flex: 0 0 auto;

  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.30);
  border-radius: 50%;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;
}

.bbp-compare-empty > div:last-child > span {
  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bbp-compare-empty h2 {
  margin: 7px 0 9px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 31px !important;
  font-weight: 800 !important;

  text-transform: uppercase;
}

.bbp-compare-empty p {
  margin: 0 0 18px !important;

  color: #77777c;

  font-size: 11px;
}

.bbp-compare-empty a {
  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-compare-empty a i {
  margin-left: 8px;

  font-style: normal;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-compare-page {
    padding: 30px 0 64px;
  }

  .bbp-compare-hero h1 {
    font-size: 52px !important;
  }

  .bbp-compare-table {
    min-width: 760px;
  }

  .bbp-compare-table th,
  .bbp-compare-table td {
    min-width: 190px;

    padding: 14px !important;
  }

  .bbp-compare-table th {
    min-width: 125px;
    width: 125px;
  }

  .bbp-compare-product-image {
    height: 180px;
  }

  .bbp-compare-table__product-name a {
    font-size: 20px;
  }

  .bbp-compare-bottom {
    justify-content: stretch;
  }

  .bbp-compare-bottom .bbp-btn {
    width: 100%;

    justify-content: space-between;
  }

}

/* =========================================================
   FINAL HEADER — SERVICE ACTIONS
   ========================================================= */

.bbp-site-header__inner {
  gap: 20px;
}

.bbp-site-actions {
  display: flex;
  align-items: center;
  gap: 4px;

  padding-left: 14px;

  border-left: 1px solid rgba(255,255,255,.08);
}

.bbp-site-action {
  width: 38px;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid transparent;
  border-radius: 8px;

  color: #85858a;

  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.bbp-site-action svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bbp-site-action:hover {
  border-color: rgba(255,118,0,.25);

  background: rgba(255,118,0,.045);

  color: var(--bb-orange);
}


/* Немного ужимаем основной nav,
   чтобы сервисные кнопки спокойно помещались */

.bbp-site-nav--desktop {
  gap: 26px;
}

.bbp-site-cart--desktop {
  flex: 0 0 auto;
}


/* =========================================================
   MOBILE — SERVICE LINKS
   ========================================================= */

.bbp-mobile-menu__services {
  margin-top: 18px;
  padding-top: 18px;

  border-top: 1px solid rgba(255,255,255,.08);
}

.bbp-mobile-menu__services a {
  min-height: 48px;

  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;

  gap: 10px;

  border-bottom: 1px solid rgba(255,255,255,.055);

  color: #fff !important;

  text-decoration: none;
}

.bbp-mobile-menu__services a > span {
  color: #55555a;

  font-size: 8px;
  font-weight: 800;
}

.bbp-mobile-menu__services a > strong {
  color: #b9b9bd;

  font-size: 10px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-mobile-menu__services a > i {
  color: #55555a;

  font-size: 12px;
  font-style: normal;
}

.bbp-mobile-menu__services a:hover strong,
.bbp-mobile-menu__services a:hover i {
  color: var(--bb-orange);
}


@media (max-width: 1180px) {

  .bbp-site-nav--desktop {
    gap: 18px;
  }

  .bbp-site-action {
    width: 34px;
  }

}


@media (max-width: 980px) {

  .bbp-site-actions--desktop {
    display: none;
  }

}

/* =========================================================
   ACCOUNT — LOGIN
   ========================================================= */

.bbp-account-login {
  min-height: 70vh;

  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-account-login__hero {
  max-width: 920px;

  margin-bottom: 38px;
}

.bbp-account-login__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-account-login__hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px) !important;
  font-weight: 900 !important;

  line-height: .9 !important;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.bbp-account-login__hero h1 span {
  color: var(--bb-orange);
}

.bbp-account-login__hero p {
  max-width: 620px;

  margin: 22px 0 0;

  color: #8c8c91;

  font-size: 13px;
  line-height: 1.7;
}


/* MESSAGES */

.bbp-account-message {
  margin-bottom: 18px;
  padding: 15px 18px;

  border-radius: 9px;

  font-size: 11px;
  line-height: 1.6;
}

.bbp-account-message--success {
  border: 1px solid rgba(100,200,120,.20);

  background: rgba(100,200,120,.06);

  color: #9fcbaa;
}

.bbp-account-message--error {
  border: 1px solid rgba(255,118,0,.30);

  background: rgba(255,118,0,.055);

  color: #d7a270;
}


/* GRID */

.bbp-account-login__grid {
  display: grid;

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

  gap: 16px;
}


/* PANEL */

.bbp-account-panel {
  position: relative;

  min-height: 510px;

  display: flex;
  flex-direction: column;

  padding: 34px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.007)
    ),
    #0c0c0e;
}

.bbp-account-panel--register {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,118,0,.08),
      transparent 45%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.007)
    ),
    #0c0c0e;
}


/* NUMBER */

.bbp-account-panel__number {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 32px;

  border: 1px solid rgba(255,118,0,.32);
  border-radius: 50%;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;
}

.bbp-account-panel__kicker {
  margin-bottom: 8px;

  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bbp-account-panel h2 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 40px !important;
  font-weight: 800 !important;

  line-height: 1;

  text-transform: uppercase;
}

.bbp-account-panel__intro {
  max-width: 470px;

  margin: 14px 0 30px !important;

  color: #77777c !important;

  font-size: 11px;
  line-height: 1.75;
}


/* FORM */

.bbp-account-form {
  display: flex;
  flex-direction: column;

  flex: 1;
}

.bbp-account-field {
  margin-bottom: 18px;
}

.bbp-account-field label {
  display: block;

  margin-bottom: 8px;

  color: #66666b;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-account-field input {
  width: 100%;
  height: 52px;

  box-sizing: border-box;

  padding: 0 15px;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px;

  background: #141416 !important;

  color: #fff !important;

  font-family: "Manrope", sans-serif;

  font-size: 12px;

  outline: none;

  transition:
    border-color .18s ease,
    background .18s ease;
}

.bbp-account-field input:focus {
  border-color: rgba(255,118,0,.60) !important;

  background: #171719 !important;
}

.bbp-account-field input::placeholder {
  color: #4f4f54;
}


/* FORGOTTEN */

.bbp-account-form__meta {
  margin-top: -2px;
  margin-bottom: 24px;
}

.bbp-account-form__meta a {
  color: #77777c !important;

  font-size: 9px;
  font-weight: 700;

  text-decoration: none;
}

.bbp-account-form__meta a:hover {
  color: var(--bb-orange) !important;
}


/* LOGIN BUTTON */

.bbp-account-submit {
  width: 100%;
  min-height: 52px;

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

  margin-top: auto;
  padding: 0 18px;

  border: 0;
  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;

  transition:
    transform .18s ease,
    opacity .18s ease;
}

.bbp-account-submit:hover {
  transform: translateY(-1px);
}


/* BENEFITS */

.bbp-account-register-benefits {
  display: grid;

  gap: 0;

  margin-top: 5px;
  margin-bottom: 30px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-account-register-benefits > div {
  min-height: 52px;

  display: grid;

  grid-template-columns: 36px 1fr;
  align-items: center;

  border-bottom: 1px solid rgba(255,255,255,.07);

  color: #a1a1a6;

  font-size: 10px;
  font-weight: 700;
}

.bbp-account-register-benefits span {
  color: #55555a;

  font-size: 8px;
  font-weight: 800;
}


/* REGISTER BUTTON */

.bbp-account-register {
  min-height: 52px;

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

  margin-top: auto;
  padding: 0 18px;

  border: 1px solid rgba(255,118,0,.40);
  border-radius: 8px;

  color: var(--bb-orange) !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition:
    background .18s ease,
    color .18s ease;
}

.bbp-account-register:hover {
  background: var(--bb-orange);

  color: #050505 !important;
}


/* TABLET */

@media (max-width: 900px) {

  .bbp-account-login__grid {
    grid-template-columns: 1fr;
  }

  .bbp-account-panel {
    min-height: auto;
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-account-login {
    padding: 30px 0 64px;
  }

  .bbp-account-login__hero {
    margin-bottom: 28px;
  }

  .bbp-account-login__hero h1 {
    font-size: 52px !important;
  }

  .bbp-account-login__hero p {
    font-size: 11px;
  }

  .bbp-account-panel {
    padding: 22px;

    border-radius: 13px;
  }

  .bbp-account-panel__number {
    margin-bottom: 24px;
  }

  .bbp-account-panel h2 {
    font-size: 32px !important;
  }

  .bbp-account-submit,
  .bbp-account-register {
    min-height: 50px;

    margin-top: 14px;
  }

}

/* =========================================================
   ACCOUNT — REGISTER
   ========================================================= */

.bbp-register-page {
  min-height: 70vh;

  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 32%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-register-hero {
  max-width: 1000px;

  margin-bottom: 38px;
}

.bbp-register-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.bbp-register-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(58px, 6vw, 88px) !important;
  font-weight: 900 !important;

  line-height: .9 !important;
  letter-spacing: -.04em;

  text-transform: uppercase;
}

.bbp-register-hero h1 span {
  color: var(--bb-orange);
}

.bbp-register-hero p {
  max-width: 650px;

  margin: 22px 0 0;

  color: #8c8c91;

  font-size: 13px;
  line-height: 1.7;
}

.bbp-register-hero__login {
  margin-top: 18px;

  color: #626267;

  font-size: 9px;
  font-weight: 700;

  text-transform: uppercase;
}

.bbp-register-hero__login a {
  margin-left: 8px;

  color: var(--bb-orange) !important;

  font-weight: 900;

  text-decoration: none;
}


/* FORM */

.bbp-register-form {
  display: grid;

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

  gap: 16px;
}


/* SECTION */

.bbp-register-section {
  padding: 30px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.007)
    ),
    #0c0c0e;
}

.bbp-register-section__head {
  display: flex;
  align-items: center;

  gap: 16px;

  margin-bottom: 28px;
  padding-bottom: 22px;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-register-section__number {
  flex: 0 0 auto;

  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,118,0,.32);
  border-radius: 50%;

  color: var(--bb-orange);

  font-size: 9px;
  font-weight: 900;
}

.bbp-register-section__head span {
  display: block;

  margin-bottom: 4px;

  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bbp-register-section__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 30px !important;
  font-weight: 800 !important;

  line-height: 1;

  text-transform: uppercase;
}


/* FIELDS */

.bbp-register-fields {
  display: grid;

  gap: 18px;
}

.bbp-register-fields--two {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

.bbp-register-field--wide {
  grid-column: 1 / -1;
}


/* SELECT */

.bbp-register-page .bbp-account-field select {
  width: 100%;
  height: 52px;

  box-sizing: border-box;

  padding: 0 38px 0 15px;

  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px;

  background: #141416;

  color: #fff;

  font-family: "Manrope", sans-serif;

  font-size: 12px;

  outline: none;
}


/* REQUIRED */

.bbp-register-page .bbp-account-field label em {
  color: var(--bb-orange);

  font-style: normal;
}


/* ERROR */

.bbp-field-error {
  display: block;

  margin-top: 7px;

  color: #d8925a;

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


/* NEWSLETTER */

.bbp-register-choice {
  min-height: 80px;

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

  gap: 24px;
}

.bbp-register-choice strong {
  display: block;

  color: #b9b9bd;

  font-size: 11px;
  font-weight: 800;
}

.bbp-register-choice p {
  margin: 7px 0 0 !important;

  color: #68686d;

  font-size: 9px;
}

.bbp-register-choice__options {
  display: flex;

  gap: 8px;
}

.bbp-register-choice__options label {
  cursor: pointer;
}

.bbp-register-choice__options input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-register-choice__options span {
  min-width: 54px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 7px;

  color: #68686d;

  font-size: 8px;
  font-weight: 900;

  text-transform: uppercase;
}

.bbp-register-choice__options input:checked + span {
  border-color: rgba(255,118,0,.55);

  background: rgba(255,118,0,.07);

  color: var(--bb-orange);
}


/* SUBMIT */

.bbp-register-submit {
  grid-column: 1 / -1;

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

  gap: 30px;

  padding: 24px 26px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,118,0,.07),
      transparent 42%
    ),
    #0d0d0f;
}


/* AGREEMENT */

.bbp-register-agree {
  max-width: 720px;

  display: flex;
  align-items: flex-start;

  gap: 12px;

  color: #707075;

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

  cursor: pointer;
}

.bbp-register-agree input {
  flex: 0 0 auto;

  width: 16px;
  height: 16px;

  margin-top: 1px;

  accent-color: #ff7600;
}

.bbp-register-agree a {
  color: var(--bb-orange) !important;

  text-decoration: underline;
  text-underline-offset: 2px;
}


/* BUTTON */

.bbp-register-submit__button {
  flex: 0 0 auto;

  min-width: 260px;
  min-height: 54px;

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

  gap: 24px;

  padding: 0 20px;

  border: 0;
  border-radius: 8px;

  background: var(--bb-orange);

  color: #050505;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  cursor: pointer;
}


/* TABLET */

@media (max-width: 1000px) {

  .bbp-register-form {
    grid-template-columns: 1fr;
  }

  .bbp-register-submit {
    grid-column: auto;
  }

}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-register-page {
    padding: 30px 0 64px;
  }

  .bbp-register-hero h1 {
    font-size: 52px !important;
  }

  .bbp-register-section {
    padding: 22px;

    border-radius: 13px;
  }

  .bbp-register-fields--two {
    grid-template-columns: 1fr;
  }

  .bbp-register-field--wide {
    grid-column: auto;
  }

  .bbp-register-choice {
    align-items: flex-start;
    flex-direction: column;
  }

  .bbp-register-submit {
    align-items: stretch;
    flex-direction: column;
  }

  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

}

/* =========================================================
   ACCOUNT — FORGOTTEN PASSWORD
   ========================================================= */

.bbp-forgotten-wrap {
  max-width: 720px;
}

.bbp-forgotten-card {
  box-sizing: border-box;
}

.bbp-forgotten-card__text {
  max-width: 520px;

  margin: 0 0 26px !important;

  color: #737378;

  font-size: 11px;
  line-height: 1.7;
}

.bbp-forgotten-card .bbp-account-field {
  max-width: 100%;
}

.bbp-forgotten-card .bbp-account-field input {
  width: 100%;
  box-sizing: border-box;
}

.bbp-forgotten-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 30px;
  padding-top: 24px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-forgotten-back {
  color: #727277 !important;

  font-size: 9px;
  font-weight: 800;

  text-decoration: none;

  text-transform: uppercase;
}

.bbp-forgotten-back:hover {
  color: #ff7600 !important;
}

@media (max-width: 760px) {

  .bbp-forgotten-wrap {
    max-width: none;
  }

  .bbp-forgotten-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-forgotten-back {
    text-align: center;
  }

}

/* =========================================================
   FORGOTTEN — FINAL FIX
   ========================================================= */

.bbp-forgotten-page .bbp-forgotten-wrap {
  width: 100%;
  max-width: 760px;
}

.bbp-forgotten-page .bbp-forgotten-card {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 32px !important;

  position: relative !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;

  background: #101012 !important;

  box-sizing: border-box !important;
}

.bbp-forgotten-page .bbp-forgotten-card::before,
.bbp-forgotten-page .bbp-forgotten-card::after {
  display: none !important;
  content: none !important;
}

.bbp-forgotten-page .bbp-register-section__number {
  position: static !important;

  flex: 0 0 44px;
}

.bbp-forgotten-page .bbp-forgotten-actions {
  width: 100%;

  box-sizing: border-box;
}

.bbp-forgotten-page .bbp-forgotten-back {
  display: inline-flex !important;
  align-items: center;

  width: auto !important;
  height: auto !important;

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

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
}

@media (max-width: 760px) {

  .bbp-forgotten-page .bbp-forgotten-card {
    padding: 24px 18px !important;
  }

}

/* =========================================================
   ACCOUNT — DASHBOARD
   ========================================================= */

.bbp-account-page {
  width: 100%;
}

.bbp-account-hero {
  max-width: 1040px;

  padding: 58px 0 34px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-account-hero__kicker {
  margin-bottom: 18px;

  color: #ff7600;

  font-size: 11px;
  font-weight: 900;

  letter-spacing: .1em;
  text-transform: uppercase;
}

.bbp-account-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-size: clamp(58px, 7vw, 104px) !important;
  font-weight: 900 !important;

  line-height: .86 !important;
  letter-spacing: -.035em;

  text-transform: uppercase;
}

.bbp-account-hero h1 span {
  color: #ff7600;
}

.bbp-account-hero p {
  max-width: 720px;

  margin: 25px 0 0 !important;

  color: #83838a;

  font-size: 13px;
  line-height: 1.7;
}


/* GRID */

.bbp-account-dashboard {
  display: grid;

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

  gap: 16px;

  margin-top: 40px;
}


/* GROUP */

.bbp-account-group {
  padding: 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113 0%,
      #0d0d0f 100%
    );

  box-sizing: border-box;
}

.bbp-account-group--wide {
  grid-column: 1 / -1;
}


/* GROUP HEADER */

.bbp-account-group__head {
  display: flex;
  align-items: center;

  gap: 18px;

  margin-bottom: 26px;
  padding-bottom: 24px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-account-group__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 44px;

  width: 44px;
  height: 44px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 10px;
  font-weight: 900;
}

.bbp-account-group__head > div > span {
  display: block;

  margin-bottom: 6px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .09em;
  text-transform: uppercase;
}

.bbp-account-group__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 31px !important;
  font-weight: 900 !important;

  line-height: 1 !important;

  text-transform: uppercase;
}


/* LINKS */

.bbp-account-links {
  display: flex;
  flex-direction: column;
}

.bbp-account-link {
  display: flex;
  align-items: center;

  gap: 18px;

  min-height: 78px;

  padding: 16px 0;

  border-bottom: 1px solid rgba(255,255,255,.06);

  color: inherit !important;

  text-decoration: none !important;

  box-sizing: border-box;

  transition:
    opacity .2s ease,
    transform .2s ease;
}

.bbp-account-link:last-child {
  border-bottom: 0;
}

.bbp-account-link:hover {
  transform: translateX(4px);
}

.bbp-account-link__index {
  min-width: 22px;

  color: #55555c;

  font-size: 9px;
  font-weight: 900;
}

.bbp-account-link__content {
  display: flex;
  flex: 1;
  flex-direction: column;

  min-width: 0;
}

.bbp-account-link__content strong {
  color: #f7f7f8;

  font-size: 13px;
  font-weight: 800;

  line-height: 1.3;
}

.bbp-account-link__content small {
  margin-top: 5px;

  color: #67676e;

  font-size: 10px;

  line-height: 1.5;
}

.bbp-account-link__arrow {
  color: #77777d;

  font-size: 16px;

  transition:
    color .2s ease,
    transform .2s ease;
}

.bbp-account-link:hover
.bbp-account-link__arrow {
  color: #ff7600;

  transform: translateX(3px);
}


/* DELETE ACCOUNT */

.bbp-account-link--danger
.bbp-account-link__content strong {
  color: #9a9aa0;
}

.bbp-account-link--danger:hover
.bbp-account-link__content strong {
  color: #ff7600;
}


/* NEWSLETTER */

.bbp-account-link--newsletter {
  min-height: 88px;

  border: 0;
}


/* MESSAGE */

.bbp-account-message {
  margin-top: 28px;

  padding: 16px 18px;

  border-radius: 10px;

  font-size: 11px;
  line-height: 1.6;
}

.bbp-account-message--success {
  border: 1px solid rgba(255,118,0,.35);

  background: rgba(255,118,0,.07);

  color: #d7d7da;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-account-hero {
    padding: 38px 0 26px;
  }

  .bbp-account-hero h1 {
    font-size: 56px !important;
  }

  .bbp-account-dashboard {
    grid-template-columns: 1fr;

    margin-top: 26px;
  }

  .bbp-account-group {
    padding: 22px 18px;
  }

  .bbp-account-group--wide {
    grid-column: auto;
  }

  .bbp-account-group__head h2 {
    font-size: 26px !important;
  }

  .bbp-account-link {
    gap: 12px;

    min-height: 72px;
  }

  .bbp-account-link__content strong {
    font-size: 12px;
  }

}

/* =========================================================
   COMMON — SUCCESS
   ========================================================= */

.bbp-success-page {
  width: 100%;
}

.bbp-success-hero {
  max-width: 1080px;
}

.bbp-success-card {
  display: grid;

  grid-template-columns:
    54px
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 24px;

  margin-top: 36px;
  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #111113 0%,
      #0d0d0f 100%
    );

  box-sizing: border-box;
}

.bbp-success-card__number {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 18px;
  font-weight: 900;
}

.bbp-success-card__kicker {
  display: block;

  margin-bottom: 7px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .1em;
  text-transform: uppercase;
}

.bbp-success-card__content h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  line-height: 1.05 !important;

  text-transform: uppercase;
}

.bbp-success-card__content p,
.bbp-success-card__message {
  max-width: 650px;

  margin: 10px 0 0 !important;

  color: #74747b !important;

  font-size: 11px;
  line-height: 1.7;
}

.bbp-success-card__message p {
  margin: 0 0 8px !important;
}

.bbp-success-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 42px;

  min-width: 260px;

  padding: 20px 22px;

  border: 1px solid #ff7600;
  border-radius: 9px;

  background: #ff7600;

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  box-sizing: border-box;

  transition:
    background .2s ease,
    color .2s ease;
}

.bbp-success-card__button:hover {
  background: transparent;

  color: #ff7600 !important;
}


@media (max-width: 760px) {

  .bbp-success-card {
    grid-template-columns: 44px 1fr;

    gap: 16px;

    padding: 24px 18px;
  }

  .bbp-success-card__number {
    width: 42px;
    height: 42px;
  }

  .bbp-success-card__content h2 {
    font-size: 25px !important;
  }

  .bbp-success-card__button {
    grid-column: 1 / -1;

    width: 100%;
    min-width: 0;

    margin-top: 8px;
  }

}

/* =========================================================
   ACCOUNT — EDIT PERSONAL DATA
   ========================================================= */

.bbp-edit-account-hero {
  max-width: 1080px;
}

.bbp-edit-account-form {
  max-width: 980px;

  margin-top: 38px;
}

.bbp-edit-account-card {
  width: 100%;

  box-sizing: border-box;
}

.bbp-edit-account-grid {
  display: grid;

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

  gap: 26px 20px;
}

.bbp-edit-account-grid .bbp-account-field {
  width: 100%;
  max-width: none;
}

.bbp-edit-account-grid .bbp-account-field input {
  width: 100%;

  box-sizing: border-box;
}

.bbp-field-error {
  display: block;

  margin-top: 8px;

  color: #ff7600;

  font-size: 10px;
  line-height: 1.45;
}

.bbp-edit-account-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 32px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-edit-account-actions
.bbp-register-submit__button {
  min-width: 290px;
}

.bbp-edit-account-back {
  display: inline-flex;
  align-items: center;

  color: #737379 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: color .2s ease;
}

.bbp-edit-account-back:hover {
  color: #ff7600 !important;
}


@media (max-width: 760px) {

  .bbp-edit-account-form {
    margin-top: 26px;
  }

  .bbp-edit-account-grid {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .bbp-edit-account-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-edit-account-actions
  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

  .bbp-edit-account-back {
    justify-content: center;
  }

}

/* =========================================================
   ACCOUNT — PASSWORD
   ========================================================= */

.bbp-password-hero {
  max-width: 1080px;
}

.bbp-password-form {
  max-width: 980px;

  margin-top: 38px;
}

.bbp-password-card {
  width: 100%;

  box-sizing: border-box;
}

.bbp-password-card__text {
  max-width: 620px;

  margin: 0 0 28px !important;

  color: #74747b;

  font-size: 11px;
  line-height: 1.7;
}

.bbp-password-grid {
  display: grid;

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

  gap: 20px;
}

.bbp-password-grid .bbp-account-field {
  width: 100%;
  max-width: none;
}

.bbp-password-grid .bbp-account-field input {
  width: 100%;

  box-sizing: border-box;
}

.bbp-password-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 32px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-password-actions
.bbp-register-submit__button {
  min-width: 280px;
}


@media (max-width: 760px) {

  .bbp-password-form {
    margin-top: 26px;
  }

  .bbp-password-grid {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .bbp-password-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-password-actions
  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

}

/* =========================================================
   ACCOUNT — ADDRESS BOOK
   ========================================================= */

.bbp-address-book-card {
  width: 100%;

  margin-top: 38px;

  box-sizing: border-box;
}

.bbp-address-list {
  display: flex;
  flex-direction: column;
}

.bbp-address-item {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 22px;

  padding: 24px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-address-item:first-child {
  padding-top: 4px;
}

.bbp-address-item__number {
  color: #56565d;

  font-size: 9px;
  font-weight: 900;
}

.bbp-address-item__content {
  min-width: 0;
}

.bbp-address-item__content > span {
  display: block;

  margin-bottom: 8px;

  color: #ff7600;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;
  text-transform: uppercase;
}

.bbp-address-item__text {
  color: #f3f3f4;

  font-size: 13px;
  font-weight: 700;

  line-height: 1.6;
}

.bbp-address-item__text br {
  content: "";
}

.bbp-address-item__actions {
  display: flex;
  align-items: center;

  gap: 22px;
}

.bbp-address-item__actions a {
  color: #7d7d83 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: color .2s ease;
}

.bbp-address-item__actions a:hover {
  color: #ff7600 !important;
}

.bbp-address-item__actions
.bbp-address-delete {
  color: #55555b !important;
}


/* EMPTY */

.bbp-address-empty {
  display: flex;
  align-items: center;

  gap: 20px;

  padding: 30px 0;
}

.bbp-address-empty__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 44px;

  width: 44px;
  height: 44px;

  border: 1px solid rgba(255,118,0,.4);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-address-empty strong {
  color: #fff;

  font-size: 18px;
  font-weight: 900;

  text-transform: uppercase;
}

.bbp-address-empty p {
  margin: 7px 0 0 !important;

  color: #707077;

  font-size: 10px;
  line-height: 1.6;
}


/* ACTIONS */

.bbp-address-book-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 28px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-address-add {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 50px;

  min-width: 280px;

  padding: 20px 22px;

  border: 1px solid #ff7600;
  border-radius: 9px;

  background: #ff7600;

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  box-sizing: border-box;
}

.bbp-address-add:hover {
  background: transparent;

  color: #ff7600 !important;
}


@media (max-width: 760px) {

  .bbp-address-book-card {
    margin-top: 26px;
  }

  .bbp-address-item {
    grid-template-columns: 26px 1fr;

    gap: 12px;
  }

  .bbp-address-item__actions {
    grid-column: 2;

    justify-content: space-between;

    margin-top: 6px;
  }

  .bbp-address-book-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-address-add {
    width: 100%;
    min-width: 0;
  }

}

/* =========================================================
   ACCOUNT — ADDRESS FORM
   ========================================================= */

.bbp-address-form {
  display: grid;

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

  gap: 16px;

  margin-top: 38px;
}

.bbp-address-form-card {
  width: 100%;

  box-sizing: border-box;
}

.bbp-address-form-card:nth-child(3) {
  grid-column: 1 / -1;
}

.bbp-address-form-grid {
  display: grid;

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

  gap: 24px 20px;
}

.bbp-address-form-grid
.bbp-account-field {
  width: 100%;
  max-width: none;
}

.bbp-address-form-grid
.bbp-account-field input,
.bbp-address-form-grid
.bbp-account-field select {
  width: 100%;

  box-sizing: border-box;
}

.bbp-address-form-field--wide {
  grid-column: 1 / -1;
}


/* SELECT */

.bbp-address-form-page
.bbp-account-field select {
  height: 58px;

  padding: 0 16px;

  border: 1px solid rgba(255,255,255,.11);
  border-radius: 9px;

  outline: none;

  background: #151517;

  color: #f2f2f3;

  font-size: 11px;
}

.bbp-address-form-page
.bbp-account-field select:focus {
  border-color: rgba(255,118,0,.75);
}


/* DEFAULT ADDRESS */

.bbp-address-default {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  margin-top: 30px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-address-default > div:first-child {
  display: flex;
  flex-direction: column;

  gap: 6px;
}

.bbp-address-default strong {
  color: #f6f6f7;

  font-size: 12px;
  font-weight: 800;
}

.bbp-address-default > div:first-child span {
  color: #66666d;

  font-size: 10px;
  line-height: 1.5;
}

.bbp-address-default__choice {
  display: flex;

  gap: 8px;
}

.bbp-address-default__choice label {
  cursor: pointer;
}

.bbp-address-default__choice input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-address-default__choice label span {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 58px;
  height: 44px;

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;

  color: #77777d;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;
}

.bbp-address-default__choice
input:checked + span {
  border-color: rgba(255,118,0,.65);

  color: #ff7600;
}


/* ACTIONS */

.bbp-address-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 30px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-address-form-actions
.bbp-register-submit__button {
  min-width: 280px;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-address-form {
    grid-template-columns: 1fr;

    margin-top: 26px;
  }

  .bbp-address-form-card:nth-child(3) {
    grid-column: auto;
  }

  .bbp-address-form-grid {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .bbp-address-form-field--wide {
    grid-column: auto;
  }

  .bbp-address-default {
    align-items: flex-start;
    flex-direction: column;
  }

  .bbp-address-form-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-address-form-actions
  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

}

/* =========================================================
   ACCOUNT — ORDER HISTORY
   ========================================================= */

.bbp-orders-card {
  margin-top: 38px;

  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113 0%,
      #0d0d0f 100%
    );

  box-sizing: border-box;
}

.bbp-orders-card__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-orders-card__head span {
  display: block;

  margin-bottom: 6px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-orders-card__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 31px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-orders-card__head > strong {
  color: #4e4e54;

  font-size: 34px;
  font-weight: 900;
}


/* ORDER */

.bbp-order-item {
  display: grid;

  grid-template-columns:
    34px
    minmax(180px, 1.4fr)
    minmax(130px, 1fr)
    minmax(130px, .9fr)
    minmax(110px, .8fr)
    120px;

  align-items: center;

  gap: 20px;

  padding: 25px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-order-item__number {
  color: #515157;

  font-size: 9px;
  font-weight: 900;
}

.bbp-order-item__kicker,
.bbp-order-item__customer > span,
.bbp-order-item__status > span,
.bbp-order-item__total > span {
  display: block;

  margin-bottom: 7px;

  color: #606067;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-order-item__main h3 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 22px !important;
  font-weight: 900 !important;
}

.bbp-order-item__meta {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 8px;
}

.bbp-order-item__meta span {
  color: #606067;

  font-size: 9px;
}

.bbp-order-item__meta strong {
  color: #9b9ba1;
}

.bbp-order-item__customer > strong,
.bbp-order-item__status > strong,
.bbp-order-item__total > strong {
  color: #eeeef0;

  font-size: 11px;
  font-weight: 800;

  line-height: 1.4;
}

.bbp-order-item__total > strong {
  color: #ff7600;

  font-size: 14px;
}


/* VIEW */

.bbp-order-item__view {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 13px 14px;

  border: 1px solid rgba(255,118,0,.4);
  border-radius: 8px;

  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition:
    background .2s ease,
    color .2s ease;
}

.bbp-order-item__view:hover {
  background: #ff7600;

  color: #050505 !important;
}


/* PAGINATION */

.bbp-orders-pagination {
  margin-top: 26px;

  padding-top: 24px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-orders-pagination .pagination {
  margin: 0;
}


/* ACTIONS */

.bbp-orders-actions {
  margin-top: 28px;
}


/* EMPTY */

.bbp-orders-empty {
  display: flex;

  gap: 22px;

  margin-top: 38px;
  padding: 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;
}

.bbp-orders-empty__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-orders-empty span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-orders-empty h2 {
  margin: 8px 0 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-orders-empty p {
  max-width: 560px;

  margin: 10px 0 18px !important;

  color: #6d6d74;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-orders-empty a {
  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-orders-card {
    margin-top: 26px;

    padding: 22px 18px;
  }

  .bbp-order-item {
    grid-template-columns:
      24px
      1fr;

    gap: 12px;

    padding: 22px 0;
  }

  .bbp-order-item__main,
  .bbp-order-item__customer,
  .bbp-order-item__status,
  .bbp-order-item__total,
  .bbp-order-item__view {
    grid-column: 2;
  }

  .bbp-order-item__customer,
  .bbp-order-item__status,
  .bbp-order-item__total {
    padding-top: 8px;
  }

  .bbp-order-item__view {
    width: 100%;

    box-sizing: border-box;
  }

  .bbp-orders-empty {
    padding: 24px 18px;
  }

}

/* =========================================================
   ACCOUNT — ORDER DETAILS
   ========================================================= */

.bbp-order-detail-card,
.bbp-order-comment-card,
.bbp-order-history-card {
  margin-top: 38px;
}

.bbp-order-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-order-detail-cell {
  min-height: 82px;

  padding: 22px 20px;

  border-right: 1px solid rgba(255,255,255,.07);

  box-sizing: border-box;
}

.bbp-order-detail-cell:last-child {
  border-right: 0;
}

.bbp-order-detail-cell span {
  display: block;

  margin-bottom: 8px;

  color: #606067;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-order-detail-cell strong {
  color: #f4f4f5;

  font-size: 12px;
  font-weight: 800;

  line-height: 1.4;
}


/* ADDRESSES */

.bbp-order-addresses {
  display: grid;

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

  gap: 16px;

  margin-top: 16px;
}

.bbp-order-address-card {
  padding: 28px 30px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;

  box-sizing: border-box;
}

.bbp-order-address-card__kicker {
  color: #ff7600;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-order-address-card h2 {
  margin: 8px 0 18px !important;

  color: #fff !important;

  font-size: 25px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-order-address-card__text {
  color: #898990;

  font-size: 11px;
  line-height: 1.8;
}


/* PRODUCTS */

.bbp-order-products-card {
  margin-top: 16px;
  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113,
      #0d0d0f
    );

  box-sizing: border-box;
}

.bbp-order-products-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-order-products-head span {
  color: #ff7600;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-order-products-head h2 {
  margin: 7px 0 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-order-products-head > strong {
  color: #4e4e54;

  font-size: 32px;
  font-weight: 900;
}


/* PRODUCT ROW */

.bbp-order-product-row {
  display: grid;

  grid-template-columns:
    minmax(220px, 2fr)
    minmax(110px, 1fr)
    110px
    130px
    130px;

  align-items: center;

  gap: 18px;

  padding: 22px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-order-product-row--head {
  padding: 15px 0;

  color: #55555c;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-order-product-name > strong {
  color: #fff;

  font-size: 12px;
  font-weight: 800;
}

.bbp-order-product-options {
  display: flex;
  flex-direction: column;

  gap: 4px;

  margin-top: 8px;
}

.bbp-order-product-options span,
.bbp-order-product-type {
  display: block;

  margin-top: 6px;

  color: #696970;

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

.bbp-order-product-row > div:not(.bbp-order-product-name) {
  color: #929299;

  font-size: 10px;
}

.bbp-order-product-total {
  color: #ff7600 !important;

  font-size: 13px !important;
  font-weight: 900;
}


/* TOTALS */

.bbp-order-totals {
  width: min(100%, 440px);

  margin: 26px 0 0 auto;
}

.bbp-order-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 12px 0;

  border-bottom: 1px solid rgba(255,255,255,.06);
}

.bbp-order-total-row span {
  color: #696970;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-order-total-row strong {
  color: #f2f2f3;

  font-size: 13px;
  font-weight: 900;
}

.bbp-order-total-row:last-child strong {
  color: #ff7600;

  font-size: 18px;
}


/* COMMENT */

.bbp-order-comment-text {
  color: #8b8b91;

  font-size: 11px;
  line-height: 1.8;
}


/* HISTORY */

.bbp-order-history-list {
  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-order-history-row {
  display: grid;

  grid-template-columns:
    30px
    150px
    180px
    minmax(0, 1fr);

  gap: 20px;

  padding: 22px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-order-history-number {
  color: #515157;

  font-size: 9px;
  font-weight: 900;
}

.bbp-order-history-row div > span {
  display: block;

  margin-bottom: 6px;

  color: #5b5b62;

  font-size: 8px;
  font-weight: 900;
}

.bbp-order-history-row strong {
  color: #eeeef0;

  font-size: 10px;
  font-weight: 800;
}

.bbp-order-history-row p {
  margin: 0 !important;

  color: #77777e;

  font-size: 10px;
  line-height: 1.6;
}


/* ACTION */

.bbp-order-info-actions {
  margin-top: 30px;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-order-detail-card,
  .bbp-order-comment-card,
  .bbp-order-history-card {
    margin-top: 26px;
  }

  .bbp-order-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bbp-order-addresses {
    grid-template-columns: 1fr;
  }

  .bbp-order-products-card {
    padding: 22px 18px;
  }

  .bbp-order-product-row--head {
    display: none;
  }

  .bbp-order-product-row {
    display: block;

    padding: 22px 0;
  }

  .bbp-order-product-row > div {
    display: flex;
    justify-content: space-between;

    gap: 20px;

    margin-top: 12px;
  }

  .bbp-order-product-row
  > div:not(.bbp-order-product-name)::before {
    content: attr(data-label);

    color: #55555c;

    font-size: 8px;
    font-weight: 900;

    text-transform: uppercase;
  }

  .bbp-order-product-name {
    display: block !important;

    margin-top: 0 !important;
  }

  .bbp-order-history-row {
    grid-template-columns: 24px 1fr;
  }

  .bbp-order-history-row > div {
    grid-column: 2;
  }

}

@media (max-width: 480px) {

  .bbp-order-detail-grid {
    grid-template-columns: 1fr;
  }

}

/* =========================================================
   ACCOUNT — WISHLIST
   ========================================================= */

.bbp-wishlist-card {
  margin-top: 38px;

  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113 0%,
      #0d0d0f 100%
    );

  box-sizing: border-box;
}


/* HEAD */

.bbp-wishlist-card__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-wishlist-card__head span {
  display: block;

  margin-bottom: 6px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-wishlist-card__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 31px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-wishlist-card__head > strong {
  color: #4e4e54;

  font-size: 34px;
  font-weight: 900;
}


/* PRODUCT */

.bbp-wishlist-item {
  display: grid;

  grid-template-columns:
    30px
    110px
    minmax(190px, 1.5fr)
    minmax(120px, .8fr)
    minmax(130px, .9fr)
    185px;

  align-items: center;

  gap: 20px;

  padding: 24px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-wishlist-item__number {
  color: #505057;

  font-size: 9px;
  font-weight: 900;
}


/* IMAGE */

.bbp-wishlist-item__image {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 110px;
  height: 110px;

  overflow: hidden;

  border-radius: 12px;

  background: #f1f1f0;

  text-decoration: none !important;
}

.bbp-wishlist-item__image img {
  display: block;

  max-width: 86%;
  max-height: 86%;

  object-fit: contain;
}

.bbp-wishlist-item__image > span {
  color: #111;

  font-size: 18px;
  font-weight: 900;
}


/* INFO */

.bbp-wishlist-item__kicker,
.bbp-wishlist-item__stock > span,
.bbp-wishlist-item__price > span {
  display: block;

  margin-bottom: 7px;

  color: #5d5d64;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-wishlist-item__info h3 {
  margin: 0 !important;

  font-size: 20px !important;
  line-height: 1.1 !important;
}

.bbp-wishlist-item__info h3 a {
  color: #fff !important;

  font-weight: 900;

  text-decoration: none !important;
}

.bbp-wishlist-item__info h3 a:hover {
  color: #ff7600 !important;
}

.bbp-wishlist-item__model {
  margin-top: 9px;

  color: #616168;

  font-size: 9px;
}

.bbp-wishlist-item__model strong {
  color: #929299;
}


/* STOCK */

.bbp-wishlist-item__stock strong {
  color: #d7d7da;

  font-size: 10px;
  font-weight: 800;

  line-height: 1.4;
}


/* PRICE */

.bbp-wishlist-item__price {
  display: flex;
  flex-direction: column;

  align-items: flex-start;
}

.bbp-wishlist-item__price s {
  margin-bottom: 4px;

  color: #5d5d63;

  font-size: 10px;
}

.bbp-wishlist-item__price strong {
  color: #ff7600;

  font-size: 16px;
  font-weight: 900;
}


/* ACTIONS */

.bbp-wishlist-item__actions {
  display: flex;
  flex-direction: column;

  align-items: stretch;

  gap: 10px;
}

.bbp-wishlist-open {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 14px 14px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 8px;

  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition:
    background .2s ease,
    color .2s ease;
}

.bbp-wishlist-open:hover {
  background: #ff7600;

  color: #050505 !important;
}

.bbp-wishlist-remove {
  align-self: flex-end;

  color: #55555c !important;

  font-size: 8px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: color .2s ease;
}

.bbp-wishlist-remove:hover {
  color: #ff7600 !important;
}


/* FOOTER */

.bbp-wishlist-footer {
  margin-top: 28px;
}


/* EMPTY */

.bbp-wishlist-empty {
  display: flex;

  gap: 22px;

  margin-top: 38px;
  padding: 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;
}

.bbp-wishlist-empty__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-wishlist-empty span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-wishlist-empty h2 {
  margin: 8px 0 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-wishlist-empty p {
  max-width: 560px;

  margin: 10px 0 18px !important;

  color: #6d6d74;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-wishlist-empty a {
  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-wishlist-card {
    margin-top: 26px;

    padding: 22px 18px;
  }

  .bbp-wishlist-item {
    grid-template-columns:
      24px
      90px
      minmax(0, 1fr);

    gap: 12px;

    padding: 22px 0;
  }

  .bbp-wishlist-item__image {
    width: 90px;
    height: 90px;
  }

  .bbp-wishlist-item__stock,
  .bbp-wishlist-item__price,
  .bbp-wishlist-item__actions {
    grid-column: 3;
  }

  .bbp-wishlist-item__stock,
  .bbp-wishlist-item__price {
    padding-top: 5px;
  }

  .bbp-wishlist-item__actions {
    margin-top: 5px;
  }

  .bbp-wishlist-remove {
    align-self: flex-start;
  }

  .bbp-wishlist-empty {
    padding: 24px 18px;
  }

}

@media (max-width: 480px) {

  .bbp-wishlist-item {
    grid-template-columns:
      22px
      76px
      minmax(0, 1fr);
  }

  .bbp-wishlist-item__image {
    width: 76px;
    height: 76px;
  }

  .bbp-wishlist-item__info h3 {
    font-size: 17px !important;
  }

}

/* =========================================================
   ACCOUNT — NEWSLETTER
   ========================================================= */

.bbp-newsletter-form {
  max-width: 980px;

  margin-top: 38px;
}

.bbp-newsletter-card {
  width: 100%;

  box-sizing: border-box;
}


/* SETTING */

.bbp-newsletter-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;

  padding: 8px 0 28px;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-newsletter-setting__content {
  max-width: 620px;
}

.bbp-newsletter-setting__content strong {
  display: block;

  color: #f2f2f4;

  font-size: 13px;
  font-weight: 800;

  line-height: 1.4;
}

.bbp-newsletter-setting__content p {
  margin: 8px 0 0 !important;

  color: #66666d;

  font-size: 10px;
  line-height: 1.6;
}


/* YES / NO */

.bbp-newsletter-choice {
  display: flex;

  gap: 8px;
}

.bbp-newsletter-choice label {
  cursor: pointer;
}

.bbp-newsletter-choice input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-newsletter-choice label span {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 64px;
  height: 46px;

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;

  color: #6e6e75;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;

  transition:
    border-color .2s ease,
    color .2s ease,
    background .2s ease;
}

.bbp-newsletter-choice
input:checked + span {
  border-color: rgba(255,118,0,.75);

  background: rgba(255,118,0,.04);

  color: #ff7600;
}


/* ACTIONS */

.bbp-newsletter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 28px;
}

.bbp-newsletter-actions
.bbp-register-submit__button {
  min-width: 290px;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-newsletter-form {
    margin-top: 26px;
  }

  .bbp-newsletter-setting {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;
  }

  .bbp-newsletter-choice {
    width: 100%;
  }

  .bbp-newsletter-choice label {
    flex: 1;
  }

  .bbp-newsletter-choice label span {
    width: 100%;

    box-sizing: border-box;
  }

  .bbp-newsletter-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-newsletter-actions
  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

}

/* =========================================================
   ACCOUNT — WAITLIST
   ========================================================= */

.bbp-waitlist-form {
  margin-top: 38px;
}

.bbp-waitlist-card {
  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113 0%,
      #0d0d0f 100%
    );

  box-sizing: border-box;
}


/* HEAD */

.bbp-waitlist-card__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-waitlist-card__head span {
  display: block;

  margin-bottom: 6px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-waitlist-card__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 31px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-waitlist-card__head > strong {
  color: #4e4e54;

  font-size: 34px;
  font-weight: 900;
}


/* ITEM */

.bbp-waitlist-item {
  display: grid;

  grid-template-columns:
    30px
    34px
    110px
    minmax(220px, 1fr)
    150px
    175px;

  align-items: center;

  gap: 18px;

  padding: 24px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-waitlist-item__number {
  color: #505057;

  font-size: 9px;
  font-weight: 900;
}


/* CHECKBOX */

.bbp-waitlist-remove {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  cursor: pointer;
}

.bbp-waitlist-remove input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-waitlist-remove span {
  position: relative;

  display: block;

  width: 18px;
  height: 18px;

  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;

  background: #151517;

  box-sizing: border-box;
}

.bbp-waitlist-remove input:checked + span {
  border-color: #ff7600;

  background: #ff7600;
}

.bbp-waitlist-remove input:checked + span::after {
  content: "✓";

  position: absolute;

  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #050505;

  font-size: 11px;
  font-weight: 900;
}


/* IMAGE */

.bbp-waitlist-item__image {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 110px;
  height: 110px;

  overflow: hidden;

  border-radius: 12px;

  background: #f1f1f0;

  text-decoration: none !important;
}

.bbp-waitlist-item__image img {
  display: block;

  max-width: 86%;
  max-height: 86%;

  object-fit: contain;
}

.bbp-waitlist-item__image > span {
  color: #111;

  font-size: 18px;
  font-weight: 900;
}


/* INFO */

.bbp-waitlist-item__info > span,
.bbp-waitlist-item__price > span {
  display: block;

  margin-bottom: 7px;

  color: #5d5d64;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bbp-waitlist-item__info h3 {
  margin: 0 !important;

  font-size: 20px !important;
  line-height: 1.15 !important;
}

.bbp-waitlist-item__info h3 a {
  color: #fff !important;

  font-weight: 900;

  text-decoration: none !important;
}

.bbp-waitlist-item__info h3 a:hover {
  color: #ff7600 !important;
}

.bbp-waitlist-item__info > div {
  margin-top: 9px;

  color: #616168;

  font-size: 9px;
}

.bbp-waitlist-item__info > div strong {
  color: #929299;
}


/* PRICE */

.bbp-waitlist-item__price {
  display: flex;
  flex-direction: column;

  align-items: flex-start;
}

.bbp-waitlist-item__price s {
  margin-bottom: 4px;

  color: #5d5d63;

  font-size: 10px;
}

.bbp-waitlist-item__price strong {
  color: #ff7600;

  font-size: 16px;
  font-weight: 900;
}


/* OPEN */

.bbp-waitlist-open {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 14px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 8px;

  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;

  transition:
    background .2s ease,
    color .2s ease;
}

.bbp-waitlist-open:hover {
  background: #ff7600;

  color: #050505 !important;
}


/* HINT */

.bbp-waitlist-hint {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-top: 22px;
}

.bbp-waitlist-hint > span {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 24px;

  width: 24px;
  height: 24px;

  border: 1px solid rgba(255,118,0,.35);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-waitlist-hint p {
  margin: 0 !important;

  color: #64646b;

  font-size: 9px;
  line-height: 1.6;
}


/* ACTIONS */

.bbp-waitlist-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 26px;
  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-waitlist-actions
.bbp-register-submit__button {
  min-width: 280px;
}


/* EMPTY */

.bbp-waitlist-empty {
  display: flex;

  gap: 22px;

  margin-top: 38px;
  padding: 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;
}

.bbp-waitlist-empty__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-waitlist-empty span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-waitlist-empty h2 {
  margin: 8px 0 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-waitlist-empty p {
  margin: 10px 0 18px !important;

  color: #6d6d74;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-waitlist-empty a {
  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-waitlist-form {
    margin-top: 26px;
  }

  .bbp-waitlist-card {
    padding: 22px 18px;
  }

  .bbp-waitlist-item {
    grid-template-columns:
      22px
      30px
      82px
      minmax(0, 1fr);

    gap: 10px;

    padding: 22px 0;
  }

  .bbp-waitlist-item__image {
    width: 82px;
    height: 82px;
  }

  .bbp-waitlist-item__price,
  .bbp-waitlist-open {
    grid-column: 4;
  }

  .bbp-waitlist-open {
    margin-top: 5px;
  }

  .bbp-waitlist-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-waitlist-actions
  .bbp-register-submit__button {
    width: 100%;
    min-width: 0;
  }

  .bbp-waitlist-empty {
    padding: 24px 18px;
  }

}

/* =========================================================
   CHECKOUT — CART
   ========================================================= */

.bbp-cart-page {
  min-height: 60vh;
}

.bbp-cart-hero {
  max-width: 1080px;

  padding: 54px 0 36px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-cart-hero__kicker {
  margin-bottom: 16px;

  color: #ff7600;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}

.bbp-cart-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-size: clamp(62px, 7vw, 112px) !important;
  font-weight: 900 !important;
  line-height: .82 !important;

  letter-spacing: -.035em;

  text-transform: uppercase;
}

.bbp-cart-hero h1 span {
  color: #ff7600;
}

.bbp-cart-hero p {
  max-width: 720px;

  margin: 24px 0 0 !important;

  color: #85858d;

  font-size: 12px;
  line-height: 1.7;
}

.bbp-cart-hero__weight {
  margin-top: 18px;

  color: #5f5f66;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-cart-hero__weight strong {
  margin-left: 6px;

  color: #c9c9cd;
}


/* MESSAGES */

.bbp-cart-message {
  margin-top: 24px;
  padding: 18px 20px;

  border: 1px solid rgba(255,118,0,.35);
  border-radius: 10px;

  background: rgba(255,118,0,.055);

  color: #d7d7da;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-cart-message--success {
  border-color: rgba(255,118,0,.45);
}

.bbp-cart-message--warning,
.bbp-cart-message--attention {
  color: #d4c0aa;
}


/* PRODUCTS */

.bbp-cart-form {
  margin: 0;
}

.bbp-cart-products {
  margin-top: 38px;
  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #111113,
      #0d0d0f
    );

  box-sizing: border-box;
}

.bbp-cart-products__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-cart-products__head span {
  display: block;

  margin-bottom: 6px;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .09em;
}

.bbp-cart-products__head h2 {
  margin: 0 !important;

  color: #fff !important;

  font-size: 32px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-cart-products__head > strong {
  color: #4e4e54;

  font-size: 34px;
  font-weight: 900;
}


/* TABLE */

.bbp-cart-row {
  display: grid;

  grid-template-columns:
    110px
    minmax(240px, 1.7fr)
    minmax(90px, .65fr)
    140px
    minmax(105px, .7fr)
    minmax(115px, .8fr);

  align-items: center;

  gap: 18px;

  padding: 24px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-cart-row--head {
  padding: 14px 0;

  color: #55555c;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}


/* IMAGE */

.bbp-cart-row__image {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 110px;
  height: 110px;

  overflow: hidden;

  border-radius: 12px;

  background: #f0f0ef;

  text-decoration: none !important;
}

.bbp-cart-row__image img {
  display: block;

  max-width: 87%;
  max-height: 87%;

  object-fit: contain;
}

.bbp-cart-row__image > span {
  color: #111;

  font-size: 18px;
  font-weight: 900;
}

.bbp-cart-row__image--voucher {
  background:
    linear-gradient(
      135deg,
      #171719,
      #232326
    );
}

.bbp-cart-row__image--voucher > span {
  color: #ff7600;
}


/* PRODUCT */

.bbp-cart-row__kicker {
  display: block;

  margin-bottom: 7px;

  color: #ff7600;

  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}

.bbp-cart-row__product h3 {
  margin: 0 !important;

  font-size: 20px !important;
  line-height: 1.15 !important;
}

.bbp-cart-row__product h3 a {
  color: #fff !important;

  font-weight: 900;

  text-decoration: none !important;
}

.bbp-cart-row__product h3 a:hover {
  color: #ff7600 !important;
}

.bbp-cart-row__stock {
  display: inline-flex;

  margin-top: 9px;
  padding: 5px 8px;

  border: 1px solid rgba(255,118,0,.3);
  border-radius: 5px;

  color: #ff7600;

  font-size: 8px;
  font-weight: 900;

  text-transform: uppercase;
}

.bbp-cart-row__options {
  display: flex;
  flex-direction: column;

  gap: 4px;

  margin-top: 10px;
}

.bbp-cart-row__options span,
.bbp-cart-row__reward {
  color: #626269;

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

.bbp-cart-row__options strong {
  color: #929299;
}


/* META */

.bbp-cart-row__meta,
.bbp-cart-row__price {
  color: #8a8a91;

  font-size: 10px;
}

.bbp-cart-row__total strong {
  color: #ff7600;

  font-size: 15px;
  font-weight: 900;
}


/* QUANTITY */

.bbp-cart-row__quantity {
  display: flex;
  flex-direction: column;

  align-items: flex-start;

  gap: 8px;
}

.bbp-cart-quantity {
  display: flex;

  height: 42px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;

  background: #151517;
}

.bbp-cart-quantity input {
  width: 55px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 10px !important;

  border: 0 !important;

  background: transparent !important;

  color: #fff !important;

  font-size: 11px !important;
  font-weight: 800;

  text-align: center;

  box-sizing: border-box;
}

.bbp-cart-update {
  width: 42px;

  padding: 0;

  border: 0;
  border-left: 1px solid rgba(255,255,255,.1);

  background: transparent;

  color: #ff7600;

  cursor: pointer;

  font-size: 16px;
  font-weight: 900;
}

.bbp-cart-update:hover {
  background: #ff7600;

  color: #080808;
}

.bbp-cart-remove {
  color: #57575e !important;

  font-size: 8px;
  font-weight: 900;

  text-decoration: none !important;
  text-transform: uppercase;
}

.bbp-cart-remove:hover {
  color: #ff7600 !important;
}

.bbp-cart-voucher-quantity {
  color: #bdbdc1;

  font-size: 11px;
  font-weight: 800;
}


/* HINT */

.bbp-cart-update-hint {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-top: 20px;
}

.bbp-cart-update-hint > span {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 23px;

  width: 23px;
  height: 23px;

  border: 1px solid rgba(255,118,0,.35);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-cart-update-hint p {
  margin: 0 !important;

  color: #5e5e65;

  font-size: 9px;
}


/* TOOLS */

.bbp-cart-tools {
  margin-top: 16px;
  padding: 30px 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;

  box-sizing: border-box;
}

.bbp-cart-tools__head span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .09em;
}

.bbp-cart-tools__head h2 {
  margin: 7px 0 0 !important;

  color: #fff !important;

  font-size: 28px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-cart-tools__head p {
  margin: 9px 0 0 !important;

  color: #66666d;

  font-size: 10px;
  line-height: 1.6;
}


/* TOOL SELECT */

.bbp-cart-tool-select {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin-top: 24px;
  padding-bottom: 24px;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-cart-tool-select label {
  cursor: pointer;
}

.bbp-cart-tool-select input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-cart-tool-select label > span {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 118px;
  height: 42px;

  padding: 0 15px;

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 7px;

  color: #68686f;

  font-size: 8px;
  font-weight: 900;

  text-transform: uppercase;

  box-sizing: border-box;
}

.bbp-cart-tool-select input:checked + span {
  border-color: rgba(255,118,0,.7);

  color: #ff7600;

  background: rgba(255,118,0,.04);
}


/* MODULE */

.bbp-cart-modules {
  margin-top: 24px;
}

.bbp-cart-module {
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.bbp-cart-module form > label,
.bbp-cart-shipping label > span {
  display: block;

  margin-bottom: 8px;

  color: #6c6c73;

  font-size: 8px;
  font-weight: 900;

  text-transform: uppercase;
}

.bbp-cart-module__input {
  display: flex;

  gap: 10px;

  max-width: 700px;
}

.bbp-cart-module__input input[type="text"] {
  flex: 1;

  min-width: 0;
  height: 50px;

  padding: 0 16px;

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;

  background: #151517;

  color: #fff;

  outline: 0;

  box-sizing: border-box;
}

.bbp-cart-module__input input[type="text"]:focus {
  border-color: rgba(255,118,0,.55);
}

.bbp-cart-module__input button,
.bbp-cart-quote {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  min-width: 190px;
  height: 50px;

  padding: 0 18px;

  border: 1px solid #ff7600;
  border-radius: 8px;

  background: #ff7600;

  color: #050505;

  cursor: pointer;

  font-size: 9px;
  font-weight: 900;

  text-transform: uppercase;
}


/* SHIPPING */

.bbp-cart-shipping > p {
  max-width: 640px;

  margin: 0 0 20px !important;

  color: #6c6c73;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-cart-shipping__grid {
  display: grid;

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

  gap: 14px;
}

.bbp-cart-shipping select,
.bbp-cart-shipping input[type="text"] {
  width: 100%;
  height: 50px;

  padding: 0 14px;

  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;

  background: #151517;

  color: #fff;

  outline: 0;

  box-sizing: border-box;
}

.bbp-cart-quote {
  margin-top: 16px;
}


/* SUMMARY */

.bbp-cart-summary {
  display: grid;

  grid-template-columns:
    minmax(240px, 1fr)
    minmax(360px, 520px);

  gap: 50px;

  margin-top: 16px;
  padding: 30px 32px;

  border: 1px solid rgba(255,118,0,.16);
  border-radius: 16px;

  background:
    linear-gradient(
      120deg,
      #101012 0%,
      #16100c 100%
    );

  box-sizing: border-box;
}

.bbp-cart-summary__label > span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-cart-summary__label h2 {
  margin: 7px 0 0 !important;

  color: #fff !important;

  font-size: 31px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-cart-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  padding: 11px 0;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-cart-summary__row span {
  color: #74747b;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.bbp-cart-summary__row strong {
  color: #e9e9eb;

  font-size: 13px;
  font-weight: 900;
}

.bbp-cart-summary__row.is-final {
  padding-top: 17px;

  border-bottom: 0;
}

.bbp-cart-summary__row.is-final span {
  color: #fff;
}

.bbp-cart-summary__row.is-final strong {
  color: #ff7600;

  font-size: 24px;
}


/* ACTIONS */

.bbp-cart-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 26px;
  margin-bottom: 48px;
}

.bbp-cart-continue {
  color: #67676e !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;
  text-transform: uppercase;
}

.bbp-cart-continue:hover {
  color: #ff7600 !important;
}

.bbp-cart-checkout {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  min-width: 330px;

  padding: 19px 22px;

  border-radius: 9px;

  background: #ff7600;

  color: #050505 !important;

  font-size: 10px;
  font-weight: 900;

  text-decoration: none !important;
  text-transform: uppercase;
}

.bbp-cart-checkout:hover {
  background: #ff851a;
}


/* EMPTY */

.bbp-cart-empty {
  display: flex;

  gap: 22px;

  margin-top: 38px;
  margin-bottom: 50px;

  padding: 32px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;

  background: #101012;
}

.bbp-cart-empty__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-cart-empty > div:last-child > span {
  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-cart-empty h2 {
  margin: 8px 0 0 !important;

  color: #fff !important;

  font-size: 30px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-cart-empty p {
  margin: 10px 0 18px !important;

  color: #6d6d74;

  font-size: 10px;
  line-height: 1.6;
}

.bbp-cart-empty a {
  color: #ff7600 !important;

  font-size: 9px;
  font-weight: 900;

  text-decoration: none !important;

  text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-cart-hero {
    padding: 34px 0 26px;
  }

  .bbp-cart-hero h1 {
    font-size: 58px !important;
  }

  .bbp-cart-products {
    margin-top: 26px;

    padding: 22px 18px;
  }

  .bbp-cart-row--head {
    display: none;
  }

  .bbp-cart-row {
    grid-template-columns:
      88px
      minmax(0, 1fr);

    gap: 14px;

    padding: 22px 0;
  }

  .bbp-cart-row__image {
    width: 88px;
    height: 88px;
  }

  .bbp-cart-row__meta,
  .bbp-cart-row__quantity,
  .bbp-cart-row__price,
  .bbp-cart-row__total {
    grid-column: 2;

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

    gap: 18px;
  }

  .bbp-cart-row__meta::before,
  .bbp-cart-row__quantity::before,
  .bbp-cart-row__price::before,
  .bbp-cart-row__total::before {
    content: attr(data-label);

    color: #55555c;

    font-size: 8px;
    font-weight: 900;

    text-transform: uppercase;
  }

  .bbp-cart-row__quantity {
    align-items: flex-start;
  }

  .bbp-cart-tools {
    padding: 22px 18px;
  }

  .bbp-cart-tool-select {
    display: grid;

    grid-template-columns: 1fr 1fr;
  }

  .bbp-cart-tool-select label > span {
    width: 100%;
    min-width: 0;
  }

  .bbp-cart-module__input {
    flex-direction: column;
  }

  .bbp-cart-module__input button {
    width: 100%;
  }

  .bbp-cart-shipping__grid {
    grid-template-columns: 1fr;
  }

  .bbp-cart-quote {
    width: 100%;
  }

  .bbp-cart-summary {
    grid-template-columns: 1fr;

    gap: 20px;

    padding: 24px 18px;
  }

  .bbp-cart-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .bbp-cart-checkout {
    width: 100%;
    min-width: 0;

    box-sizing: border-box;
  }

}

@media (max-width: 480px) {

  .bbp-cart-hero h1 {
    font-size: 48px !important;
  }

  .bbp-cart-row {
    grid-template-columns:
      74px
      minmax(0, 1fr);
  }

  .bbp-cart-row__image {
    width: 74px;
    height: 74px;
  }

}

/* =========================================================
   CHECKOUT — PREMIUM FLOW
   ========================================================= */

/* Полностью отключаем старую оболочку OpenCart */

#content.bbp-checkout-page {
  float: none !important;

  width: auto !important;
  max-width: none !important;

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

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

#content.bbp-checkout-page > .bbp-shell {
  background: transparent !important;
}

.bbp-checkout-page {
  min-height: 70vh;

  background: transparent !important;
}

.bbp-checkout-page .bbp-page-breadcrumbs {
  background: transparent !important;
}

.bbp-checkout-page .bbp-checkout-flow {
  background: transparent !important;
}

.bbp-checkout-hero {
  max-width: 1120px;

  padding: 54px 0 38px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-checkout-hero__kicker {
  margin-bottom: 16px;

  color: #ff7600;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;

  text-transform: uppercase;
}

.bbp-checkout-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-size: clamp(58px, 7vw, 108px) !important;
  font-weight: 900 !important;
  line-height: .84 !important;

  letter-spacing: -.035em;

  text-transform: uppercase;
}

.bbp-checkout-hero h1 span {
  color: #ff7600;
}

.bbp-checkout-hero p {
  max-width: 720px;

  margin: 24px 0 0 !important;

  color: #7b7b83;

  font-size: 11px;
  line-height: 1.7;
}


/* FLOW */

.bbp-checkout-flow {
  display: flex;
  flex-direction: column;

  gap: 12px;

  margin-top: 38px;
  margin-bottom: 52px;
}


/* STEP */

.bbp-checkout-step {
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      #111113 0%,
      #0d0d0f 100%
    );
}


/* HEADING */

.bbp-checkout-page .checkout-heading {
  display: flex;
  align-items: center;

  gap: 18px;

  min-height: 88px;

  padding: 18px 26px !important;

  border: 0 !important;

  background: transparent !important;

  color: #fff !important;

  box-sizing: border-box;
}

.bbp-checkout-step__number {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  border: 1px solid rgba(255,118,0,.45);
  border-radius: 50%;

  color: #ff7600;

  font-size: 9px;
  font-weight: 900;
}

.bbp-checkout-step__title {
  display: flex;
  flex-direction: column;

  gap: 5px;

  min-width: 0;
}

.bbp-checkout-step__title small {
  color: #ff7600;

  font-size: 8px;
  font-weight: 900;
  letter-spacing: .09em;

  text-transform: uppercase;
}

.bbp-checkout-step__title > span {
  color: #fff;

  font-size: 24px;
  font-weight: 900;
  line-height: 1;

  text-transform: uppercase;
}


/* MODIFY LINK — добавляется существующим JS */

.bbp-checkout-page .checkout-heading > a {
  margin-left: auto;

  color: #6d6d74 !important;

  cursor: pointer;

  font-size: 8px;
  font-weight: 900;

  text-decoration: none !important;
  text-transform: uppercase;
}

.bbp-checkout-page .checkout-heading > a::after {
  content: " →";
}

.bbp-checkout-page .checkout-heading > a:hover {
  color: #ff7600 !important;
}


/* AJAX CONTENT */

.bbp-checkout-page .checkout-content {
  padding: 0 26px 28px !important;

  border: 0 !important;

  background: transparent !important;

  color: #b4b4ba;
}

.bbp-checkout-page .checkout-content .content {
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.bbp-checkout-page .checkout-content h1,
.bbp-checkout-page .checkout-content h2,
.bbp-checkout-page .checkout-content h3 {
  color: #fff !important;
}

.bbp-checkout-page .checkout-content h2 {
  font-size: 22px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}


/* FORMS — базовая нормализация старых AJAX tpl */

.bbp-checkout-page .checkout-content table.form {
  width: 100% !important;

  border-collapse: separate;
  border-spacing: 0 12px;

  background: transparent !important;
}

.bbp-checkout-page .checkout-content table.form td {
  padding: 4px 8px !important;

  border: 0 !important;

  background: transparent !important;

  color: #8b8b92 !important;

  font-size: 10px;
}

.bbp-checkout-page .checkout-content input[type="text"],
.bbp-checkout-page .checkout-content input[type="password"],
.bbp-checkout-page .checkout-content input[type="email"],
.bbp-checkout-page .checkout-content select,
.bbp-checkout-page .checkout-content textarea {
  min-height: 48px;

  padding: 0 15px !important;

  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 8px !important;

  background: #151517 !important;

  color: #fff !important;

  outline: 0;

  box-sizing: border-box;
}

.bbp-checkout-page .checkout-content textarea {
  min-height: 100px;

  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.bbp-checkout-page .checkout-content input:focus,
.bbp-checkout-page .checkout-content select:focus,
.bbp-checkout-page .checkout-content textarea:focus {
  border-color: rgba(255,118,0,.6) !important;
}


/* RADIO / CHECKBOX */

.bbp-checkout-page .checkout-content input[type="radio"],
.bbp-checkout-page .checkout-content input[type="checkbox"] {
  accent-color: #ff7600;
}


/* BUTTONS */

.bbp-checkout-page .checkout-content .button,
.bbp-checkout-page .checkout-content input.button,
.bbp-checkout-page .checkout-content button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 0 22px !important;

  border: 1px solid #ff7600 !important;
  border-radius: 8px !important;

  background: #ff7600 !important;

  color: #050505 !important;

  cursor: pointer;

  font-size: 9px !important;
  font-weight: 900 !important;

  text-decoration: none !important;
  text-transform: uppercase;
}

.bbp-checkout-page .checkout-content .button span {
  color: inherit !important;
}


/* WARNINGS */

.bbp-checkout-page .warning {
  margin: 12px 0 !important;
  padding: 14px 16px !important;

  border: 1px solid rgba(255,118,0,.4) !important;
  border-radius: 8px !important;

  background: rgba(255,118,0,.06) !important;

  color: #d9b28a !important;

  font-size: 9px !important;
}

.bbp-checkout-page .error {
  display: block;

  margin-top: 5px;

  color: #ff7600 !important;

  font-size: 8px !important;
}


/* LOADER */

.bbp-checkout-page .wait {
  margin-left: 8px;

  color: #777;
}

.bbp-checkout-page .wait img {
  width: 16px;
  height: 16px;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-checkout-hero {
    padding: 34px 0 28px;
  }

  .bbp-checkout-hero h1 {
    font-size: 56px !important;
  }

  .bbp-checkout-flow {
    margin-top: 26px;
  }

  .bbp-checkout-page .checkout-heading {
    min-height: 76px;

    padding: 15px 18px !important;
  }

  .bbp-checkout-step__number {
    flex-basis: 42px;

    width: 42px;
    height: 42px;
  }

  .bbp-checkout-step__title > span {
    font-size: 19px;
  }

  .bbp-checkout-page .checkout-heading > a {
    font-size: 7px;
  }

  .bbp-checkout-page .checkout-content {
    padding: 0 18px 22px !important;
  }

  .bbp-checkout-page .checkout-content table.form,
  .bbp-checkout-page .checkout-content table.form tbody,
  .bbp-checkout-page .checkout-content table.form tr,
  .bbp-checkout-page .checkout-content table.form td {
    display: block;

    width: 100% !important;

    box-sizing: border-box;
  }

  .bbp-checkout-page .checkout-content input[type="text"],
  .bbp-checkout-page .checkout-content input[type="password"],
  .bbp-checkout-page .checkout-content input[type="email"],
  .bbp-checkout-page .checkout-content select,
  .bbp-checkout-page .checkout-content textarea {
    width: 100% !important;
  }

}

@media (max-width: 480px) {

  .bbp-checkout-hero h1 {
    font-size: 46px !important;
  }

  .bbp-checkout-page .checkout-heading {
    gap: 12px;
  }

  .bbp-checkout-step__title > span {
    font-size: 17px;
  }

}

/* =========================================================
   CHECKOUT — PAYMENT ADDRESS
   ========================================================= */

.bbp-checkout-address {
  padding-top: 4px;
}

.bbp-checkout-choice {
  position: relative;

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

  margin: 0 0 12px;
  padding: 18px 20px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;

  background: rgba(255,255,255,.018);

  cursor: pointer;

  transition:
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.bbp-checkout-choice:hover {
  border-color: rgba(255,118,0,.35);
}

.bbp-checkout-choice.is-active {
  border-color: rgba(255,118,0,.62);

  background:
    linear-gradient(
      135deg,
      rgba(255,118,0,.075),
      rgba(255,255,255,.018)
    );
}

.bbp-checkout-choice input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bbp-checkout-choice__mark {
  position: relative;

  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  margin-top: 4px;

  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;

  background: #111114;
}

.bbp-checkout-choice.is-active .bbp-checkout-choice__mark {
  border-color: #ff7600;
}

.bbp-checkout-choice.is-active .bbp-checkout-choice__mark::after {
  content: "";

  position: absolute;
  inset: 4px;

  border-radius: 50%;

  background: #ff7600;
}

.bbp-checkout-choice__content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.bbp-checkout-choice__content small {
  color: #ff7600;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-checkout-choice__content strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 19px;
  font-weight: 700;

  line-height: 1.1;
}

.bbp-checkout-choice__content > span {
  color: #85858b;

  font-size: 11px;
  line-height: 1.5;
}


/* EXISTING */

.bbp-checkout-address__existing,
.bbp-checkout-address__new {
  margin: 0 0 18px;
  padding: 20px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;

  background: rgba(0,0,0,.18);
}

.bbp-checkout-field-label {
  display: block;

  margin-bottom: 8px;

  color: #a4a4aa;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .09em;
  text-transform: uppercase;
}

.bbp-checkout-select {
  display: block;

  width: 100%;
  height: 50px;

  padding: 0 44px 0 15px;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;

  outline: none;

  background: #111114;

  color: #fff;

  font-family: "Manrope", sans-serif;
  font-size: 12px;
}


/* NEW ADDRESS FORM */

.bbp-checkout-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.bbp-checkout-field {
  min-width: 0;
}

.bbp-checkout-field--wide {
  grid-column: 1 / -1;
}

.bbp-checkout-field label {
  display: flex;
  align-items: center;
  gap: 5px;

  margin-bottom: 7px;

  color: #aaaab0;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .07em;
  text-transform: uppercase;
}

.bbp-checkout-field label > span {
  color: #ff7600;
}

.bbp-checkout-field label small {
  margin-left: auto;

  color: #66666c;

  font-size: 8px;
  font-weight: 600;
}

.bbp-checkout-field input[type="text"],
.bbp-checkout-field select {
  box-sizing: border-box;

  width: 100% !important;
  height: 50px;

  margin: 0 !important;
  padding: 0 14px !important;

  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 10px !important;

  outline: none;

  background: #111114 !important;

  color: #fff !important;

  font-family: "Manrope", sans-serif;
  font-size: 12px;
}

.bbp-checkout-field input[type="text"]:focus,
.bbp-checkout-field select:focus,
.bbp-checkout-select:focus {
  border-color: rgba(255,118,0,.7) !important;
}

.bbp-checkout-field input::placeholder {
  color: #55555b;
}


/* ERRORS FROM ORIGINAL CHECKOUT JS */

.bbp-checkout-address .error {
  display: block;

  margin-top: 6px;

  color: #ff7b6f;

  font-size: 10px;
  line-height: 1.4;
}

.bbp-checkout-address .warning {
  margin-bottom: 16px;
  padding: 12px 14px;

  border: 1px solid rgba(255,80,60,.26);
  border-radius: 10px;

  background: rgba(255,80,60,.07);

  color: #ff958b;
}


/* ACTION */

.bbp-checkout-address__actions {
  display: flex;
  justify-content: flex-end;

  padding-top: 8px;
}

#payment-address .bbp-checkout-next,
#shipping-address .bbp-checkout-next {
  min-width: 160px;
  height: 52px;

  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #ff7600 !important;

  color: #090909 !important;

  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px !important;
  font-weight: 800 !important;

  letter-spacing: .05em;
  text-transform: uppercase;

  cursor: pointer;
}

#payment-address .bbp-checkout-next:hover,
#shipping-address .bbp-checkout-next:hover {
  transform: translateY(-1px);
}


/* MOBILE */

@media (max-width: 700px) {

  .bbp-checkout-choice {
    padding: 16px;
  }

  .bbp-checkout-address__existing,
  .bbp-checkout-address__new {
    padding: 16px;
  }

  .bbp-checkout-form-grid {
    grid-template-columns: 1fr;
  }

  .bbp-checkout-field--wide {
    grid-column: auto;
  }

  .bbp-checkout-address__actions {
    display: block;
  }

 #payment-address .bbp-checkout-next,
#shipping-address .bbp-checkout-next {
    width: 100%;
}

}

/* =========================================================
   CHECKOUT — SHIPPING METHOD
   ========================================================= */

.bbp-shipping-method {
  padding-top: 4px;
}


/* INTRO */

.bbp-shipping-method__intro {
  display: flex;
  flex-direction: column;
  gap: 4px;

  margin-bottom: 20px;
}

.bbp-shipping-method__intro small {
  color: #ff7600;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-shipping-method__intro strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 22px;
  font-weight: 700;
}

.bbp-shipping-method__intro span {
  color: #818187;

  font-size: 11px;
  line-height: 1.55;
}


/* GROUP */

.bbp-shipping-method__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bbp-shipping-group {
  padding: 18px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;

  background: rgba(0,0,0,.16);
}

.bbp-shipping-group__title {
  margin-bottom: 12px;

  color: #9d9da3;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .09em;
  text-transform: uppercase;
}


/* OPTION */

.bbp-shipping-option {
  position: relative;

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

  padding: 18px 20px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;

  background: rgba(255,255,255,.018);

  cursor: pointer;

  transition:
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.bbp-shipping-option:hover {
  border-color: rgba(255,118,0,.35);
}

.bbp-shipping-option.is-active {
  border-color: rgba(255,118,0,.65);

  background:
    linear-gradient(
      135deg,
      rgba(255,118,0,.08),
      rgba(255,255,255,.018)
    );
}

.bbp-shipping-option input[type="radio"] {
  position: absolute;

  opacity: 0;

  pointer-events: none;
}

.bbp-shipping-option__mark {
  position: relative;

  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;

  background: #111114;
}

.bbp-shipping-option.is-active .bbp-shipping-option__mark {
  border-color: #ff7600;
}

.bbp-shipping-option.is-active .bbp-shipping-option__mark::after {
  content: "";

  position: absolute;
  inset: 4px;

  border-radius: 50%;

  background: #ff7600;
}


/* OPTION CONTENT */

.bbp-shipping-option__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;

  min-width: 0;
}

.bbp-shipping-option__content small {
  color: #ff7600;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-shipping-option__content strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 19px;
  font-weight: 700;
}

.bbp-shipping-option__content > span {
  color: #77777e;

  font-size: 10px;
}

.bbp-shipping-option__price {
  flex: 0 0 auto;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 20px;
  font-weight: 700;
}


/* ERROR */

.bbp-shipping-group__error {
  padding: 12px 14px;

  border: 1px solid rgba(255,80,60,.24);
  border-radius: 10px;

  background: rgba(255,80,60,.06);

  color: #ff958b;

  font-size: 11px;
}


/* COMMENT */

.bbp-checkout-comment {
  margin-top: 20px;
}

.bbp-checkout-comment > label {
  display: flex;
  flex-direction: column;
  gap: 3px;

  margin-bottom: 10px;
}

.bbp-checkout-comment > label small {
  color: #ff7600;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-checkout-comment > label strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 18px;
}

.bbp-checkout-comment > label span {
  color: #77777e;

  font-size: 10px;
}

.bbp-checkout-comment textarea {
  box-sizing: border-box;

  display: block;

  width: 100% !important;
  min-height: 130px;

  padding: 14px 16px !important;

  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;

  outline: none;

  resize: vertical;

  background: #111114 !important;

  color: #fff !important;

  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 1.6;
}

.bbp-checkout-comment textarea:focus {
  border-color: rgba(255,118,0,.65) !important;
}

.bbp-checkout-comment textarea::placeholder {
  color: #55555b;
}


/* ACTION */

.bbp-shipping-method__actions {
  display: flex;
  justify-content: flex-end;

  padding-top: 20px;
}

#shipping-method .bbp-checkout-next {
  min-width: 160px;
  height: 52px;

  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #ff7600 !important;

  color: #090909 !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 14px !important;
  font-weight: 800 !important;

  letter-spacing: .05em;
  text-transform: uppercase;

  cursor: pointer;
}


/* MOBILE */

@media (max-width: 700px) {

  .bbp-shipping-group {
    padding: 14px;
  }

  .bbp-shipping-option {
    align-items: flex-start;

    padding: 16px;
  }

  .bbp-shipping-option__price {
    margin-left: auto;

    font-size: 17px;
  }

  .bbp-shipping-option__content > span {
    display: none;
  }

  .bbp-shipping-method__actions {
    display: block;
  }

  #shipping-method .bbp-checkout-next {
    width: 100%;
  }

}

/* =========================================================
   CHECKOUT — PAYMENT METHOD
   ========================================================= */

.bbp-payment-method {
  padding-top: 4px;
}


/* INTRO */

.bbp-payment-method__intro {
  display: flex;
  flex-direction: column;
  gap: 4px;

  margin-bottom: 20px;
}

.bbp-payment-method__intro small {
  color: #ff7600;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-payment-method__intro strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 22px;
  font-weight: 700;
}

.bbp-payment-method__intro span {
  color: #818187;

  font-size: 11px;
  line-height: 1.55;
}


/* OPTIONS */

.bbp-payment-method__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbp-payment-option {
  position: relative;

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

  padding: 20px;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;

  background: rgba(255,255,255,.018);

  cursor: pointer;

  transition:
    border-color .2s ease,
    background .2s ease;
}

.bbp-payment-option:hover {
  border-color: rgba(255,118,0,.35);
}

.bbp-payment-option.is-active {
  border-color: rgba(255,118,0,.65);

  background:
    linear-gradient(
      135deg,
      rgba(255,118,0,.08),
      rgba(255,255,255,.018)
    );
}

.bbp-payment-option input[type="radio"] {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-payment-option__mark {
  position: relative;

  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;

  background: #111114;
}

.bbp-payment-option.is-active .bbp-payment-option__mark {
  border-color: #ff7600;
}

.bbp-payment-option.is-active .bbp-payment-option__mark::after {
  content: "";

  position: absolute;
  inset: 4px;

  border-radius: 50%;

  background: #ff7600;
}

.bbp-payment-option__content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.bbp-payment-option__content small {
  color: #ff7600;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-payment-option__content strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 20px;
  font-weight: 700;
}

.bbp-payment-option__content > span {
  color: #77777e;

  font-size: 10px;
}


/* FOOT */

.bbp-payment-method__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;

  margin-top: 20px;
}


/* AGREEMENT */

.bbp-payment-agree {
  position: relative;

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

  color: #9b9ba1;

  font-size: 11px;

  cursor: pointer;
}

.bbp-payment-agree input {
  position: absolute;

  opacity: 0;
  pointer-events: none;
}

.bbp-payment-agree__box {
  position: relative;

  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  border: 1px solid rgba(255,255,255,.25);
  border-radius: 5px;

  background: #111114;
}

.bbp-payment-agree input:checked + .bbp-payment-agree__box {
  border-color: #ff7600;
  background: #ff7600;
}

.bbp-payment-agree input:checked + .bbp-payment-agree__box::after {
  content: "";

  position: absolute;

  left: 5px;
  top: 2px;

  width: 5px;
  height: 9px;

  border-right: 2px solid #090909;
  border-bottom: 2px solid #090909;

  transform: rotate(45deg);
}

.bbp-payment-agree a {
  color: #fff;

  text-decoration: none;

  border-bottom: 1px solid rgba(255,118,0,.45);
}


/* BUTTON */

#payment-method .bbp-checkout-next {
  flex: 0 0 auto;

  min-width: 160px;
  height: 52px;

  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #ff7600 !important;

  color: #090909 !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 14px !important;
  font-weight: 800 !important;

  letter-spacing: .05em;
  text-transform: uppercase;

  cursor: pointer;
}


/* MOBILE */

@media (max-width: 700px) {

  .bbp-payment-option {
    padding: 16px;
  }

  .bbp-payment-option__content > span {
    display: none;
  }

  .bbp-payment-method__footer {
    align-items: stretch;
    flex-direction: column;

    gap: 16px;
  }

  .bbp-payment-agree {
    align-items: flex-start;
  }

  #payment-method .bbp-checkout-next {
    width: 100%;
  }

}

/* =========================================================
   CHECKOUT — CONFIRM
   ========================================================= */

.bbp-confirm {
  padding-top: 4px;
}


/* INTRO */

.bbp-confirm__intro {
  display: flex;
  flex-direction: column;
  gap: 4px;

  margin-bottom: 22px;
}

.bbp-confirm__intro small {
  color: #ff7600;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-confirm__intro strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 22px;
  font-weight: 700;
}

.bbp-confirm__intro span {
  color: #818187;

  font-size: 11px;
  line-height: 1.55;
}


/* PRODUCTS */

.bbp-confirm-products {
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;

  background: rgba(0,0,0,.16);
}

.bbp-confirm-products__head {
  display: grid;
  grid-template-columns:
    minmax(0, 2.2fr)
    minmax(100px, .8fr)
    minmax(90px, .6fr)
    minmax(110px, .7fr)
    minmax(110px, .7fr);

  gap: 16px;

  padding: 13px 18px;

  border-bottom: 1px solid rgba(255,255,255,.07);

  background: rgba(255,255,255,.025);
}

.bbp-confirm-col {
  color: #717177;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .09em;
  text-transform: uppercase;
}

.bbp-confirm-col--qty,
.bbp-confirm-col--price,
.bbp-confirm-col--total {
  text-align: right;
}


/* PRODUCT ROW */

.bbp-confirm-product {
  display: grid;
  grid-template-columns:
    minmax(0, 2.2fr)
    minmax(100px, .8fr)
    minmax(90px, .6fr)
    minmax(110px, .7fr)
    minmax(110px, .7fr);

  align-items: center;
  gap: 16px;

  padding: 20px 18px;

  border-bottom: 1px solid rgba(255,255,255,.065);
}

.bbp-confirm-product:last-child {
  border-bottom: 0;
}

.bbp-confirm-product small {
  display: none;
}

.bbp-confirm-product__main {
  min-width: 0;
}

.bbp-confirm-product__name {
  display: inline-block;

  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;

  text-decoration: none;
}

a.bbp-confirm-product__name:hover {
  color: #ff7600;
}

.bbp-confirm-product__options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;

  margin-top: 7px;
}

.bbp-confirm-product__options span {
  color: #74747a;

  font-size: 9px;
}

.bbp-confirm-product__options b {
  color: #aaaab0;
}


/* CELLS */

.bbp-confirm-product__cell {
  color: #a4a4aa;

  font-size: 11px;
}

.bbp-confirm-product__qty,
.bbp-confirm-product__price,
.bbp-confirm-product__total {
  text-align: right;
}

.bbp-confirm-product__total strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 18px;
  font-weight: 700;
}


/* SUMMARY */

.bbp-confirm-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 40px;

  margin-top: 18px;
  padding: 22px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255,118,0,.045),
      rgba(255,255,255,.015)
    );
}

.bbp-confirm-summary__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bbp-confirm-summary__label small {
  color: #ff7600;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .13em;
}

.bbp-confirm-summary__label strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 24px;
  font-weight: 700;
}

.bbp-confirm-summary__label span {
  max-width: 380px;

  color: #77777e;

  font-size: 10px;
  line-height: 1.55;
}


/* TOTAL ROWS */

.bbp-confirm-summary__totals {
  display: flex;
  flex-direction: column;
}

.bbp-confirm-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  min-height: 38px;

  border-bottom: 1px solid rgba(255,255,255,.065);
}

.bbp-confirm-summary__row span {
  color: #8b8b91;

  font-size: 11px;
}

.bbp-confirm-summary__row strong {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 16px;
  font-weight: 700;
}

.bbp-confirm-summary__row.is-total {
  min-height: 54px;

  border-bottom: 0;
}

.bbp-confirm-summary__row.is-total span {
  color: #fff;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 18px;
  font-weight: 700;
}

.bbp-confirm-summary__row.is-total strong {
  color: #ff7600;

  font-size: 28px;
}


/* PAYMENT */

.bbp-confirm-payment {
  display: flex;
  justify-content: flex-end;

  margin-top: 20px;
}


/*
 * Payment-extension markup differs depending on
 * installed OpenCart payment module.
 */

.bbp-confirm-payment .buttons {
  width: 100%;

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

  border: 0 !important;

  background: transparent !important;
}

.bbp-confirm-payment .buttons .right {
  float: none !important;

  display: flex;
  justify-content: flex-end;
}

#confirm #button-confirm,
.bbp-confirm-payment input[type="button"],
.bbp-confirm-payment input[type="submit"],
.bbp-confirm-payment a.button {
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 210px;
  height: 54px;

  margin: 0 !important;
  padding: 0 26px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #ff7600 !important;
  box-shadow: none !important;

  color: #090909 !important;

  font-family: "Barlow Condensed", sans-serif !important;

  font-size: 14px !important;
  font-weight: 800 !important;

  line-height: 1 !important;
  letter-spacing: .05em;

  text-decoration: none !important;
  text-transform: uppercase;

  cursor: pointer;
}

#confirm #button-confirm span,
.bbp-confirm-payment a.button span {
  padding: 0 !important;

  background: transparent !important;

  color: inherit !important;

  font: inherit !important;
}

#confirm #button-confirm:hover,
.bbp-confirm-payment input[type="button"]:hover,
.bbp-confirm-payment input[type="submit"]:hover,
.bbp-confirm-payment a.button:hover {
  transform: translateY(-1px);
}


/* MOBILE */

@media (max-width: 800px) {

  .bbp-confirm-products__head {
    display: none;
  }

  .bbp-confirm-product {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

    padding: 18px 16px;
  }

  .bbp-confirm-product__main {
    grid-column: 1 / -1;
  }

  .bbp-confirm-product small {
    display: block;

    margin-bottom: 4px;

    color: #66666c;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .bbp-confirm-product__qty,
  .bbp-confirm-product__price,
  .bbp-confirm-product__total,
  .bbp-confirm-product__model {
    text-align: left;
  }

  .bbp-confirm-product__total {
    text-align: right;
  }

  .bbp-confirm-summary {
    grid-template-columns: 1fr;

    gap: 20px;

    padding: 18px 16px;
  }

  .bbp-confirm-payment {
    display: block;
  }

  .bbp-confirm-payment .buttons .right {
    display: block;
  }

  #confirm #button-confirm,
  .bbp-confirm-payment input[type="button"],
  .bbp-confirm-payment input[type="submit"],
  .bbp-confirm-payment a.button {
    width: 100%;
  }

}

/* =========================================================
   MOBILE — LARGE HERO SAFE
   ========================================================= */

@media (max-width: 390px) {

  .bbp-account-hero h1,
  .bbp-account-login__hero h1,
  .bbp-checkout-hero h1 {
    font-size: clamp(48px, 14.8vw, 58px) !important;
    line-height: .88 !important;
    letter-spacing: -.035em !important;

    max-width: 100%;

    word-break: normal;
    overflow-wrap: normal;
  }

}


@media (max-width: 350px) {

  .bbp-account-hero h1,
  .bbp-account-login__hero h1,
  .bbp-checkout-hero h1 {
    font-size: 46px !important;
  }

}

/* =========================================================
   PRODUCT OPTIONS — FINAL PREMIUM
   ========================================================= */

.product-info .bbp-product-options {
  display: grid;
  gap: 18px;

  width: 100%;

  margin: 0 0 22px !important;
}


.product-info .bbp-product-options .bbp-option-group {
  width: 100%;

  margin: 0 !important;
}


.product-info .bbp-option-title {
  display: flex;
  align-items: center;
  gap: 5px;

  margin: 0 0 9px;

  color: #d8d8dc;

  font-size: 10px;
  font-weight: 800;

  line-height: 1.3;
  letter-spacing: .09em;

  text-transform: uppercase;
}


.product-info .bbp-option-required {
  color: var(--bb-orange);

  font-size: 13px;
  line-height: 1;
}


/* SELECT */

.product-info .bbp-option-select {
  width: 100% !important;
  height: 48px !important;

  margin: 0 !important;
  padding: 0 14px !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;

  background: #151517 !important;

  color: #fff !important;

  font-size: 12px !important;

  outline: none !important;

  cursor: pointer;
}


.product-info .bbp-option-select:focus {
  border-color: rgba(255,118,0,.65) !important;

  box-shadow: 0 0 0 3px rgba(255,118,0,.07);
}


/* RADIO / CHECKBOX */

.product-info .bbp-option-values {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;
}


.product-info .bbp-option-pill {
  position: relative;

  display: block;

  margin: 0;

  cursor: pointer;
}


.product-info .bbp-option-pill input {
  position: absolute;

  opacity: 0;

  pointer-events: none;
}


.product-info .bbp-option-pill > span {
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 0 14px;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;

  background: #141416;

  color: #aaa;

  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}


.product-info .bbp-option-pill strong {
  color: inherit;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.3;
}


.product-info .bbp-option-pill small {
  color: #77777c;

  font-size: 10px;

  white-space: nowrap;
}


.product-info .bbp-option-pill:hover > span {
  border-color: rgba(255,118,0,.40);

  color: #fff;
}


.product-info .bbp-option-pill input:checked + span {
  border-color: var(--bb-orange);

  background: rgba(255,118,0,.10);

  color: #fff;

  box-shadow: inset 0 0 0 1px rgba(255,118,0,.08);
}


.product-info .bbp-option-pill input:checked + span small {
  color: var(--bb-orange);
}


/* IMAGE OPTIONS */

.product-info .bbp-option-image-grid {
  display: grid;

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

  gap: 8px;
}


.product-info .bbp-option-image-choice {
  position: relative;

  display: block;

  cursor: pointer;
}


.product-info .bbp-option-image-choice input {
  position: absolute;

  opacity: 0;

  pointer-events: none;
}


.product-info .bbp-option-image-choice > span {
  min-height: 88px;

  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;

  column-gap: 10px;

  padding: 9px;

  border: 1px solid rgba(255,255,255,.11);
  border-radius: 9px;

  background: #141416;

  transition:
    border-color .2s ease,
    background .2s ease;
}


.product-info .bbp-option-image-choice img {
  width: 48px !important;
  height: 48px !important;

  grid-row: 1 / 3;

  object-fit: contain;

  border-radius: 6px;

  background: #f4f4f2;
}


.product-info .bbp-option-image-choice strong {
  color: #d5d5d8;

  font-size: 10px;
  line-height: 1.25;
}


.product-info .bbp-option-image-choice small {
  color: #7e7e83;

  font-size: 9px;
}


.product-info .bbp-option-image-choice input:checked + span {
  border-color: var(--bb-orange);

  background: rgba(255,118,0,.08);
}


.product-info .bbp-option-image-choice input:checked + span strong {
  color: #fff;
}


.product-info .bbp-option-image-choice input:checked + span small {
  color: var(--bb-orange);
}


/* TEXT / DATE / TIME */

.product-info .bbp-option-control {
  width: 100% !important;
  min-width: 0;

  height: 48px !important;

  margin: 0 !important;
  padding: 0 14px !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;

  background: #151517 !important;

  color: #fff !important;

  font-size: 12px !important;

  outline: none !important;

  box-shadow: none !important;
}


.product-info .bbp-option-control:focus {
  border-color: rgba(255,118,0,.65) !important;

  box-shadow: 0 0 0 3px rgba(255,118,0,.07) !important;
}


.product-info textarea.bbp-option-control {
  height: auto !important;
  min-height: 108px;

  padding-top: 13px !important;
  padding-bottom: 13px !important;

  line-height: 1.5;

  resize: vertical;
}


/* FILE */

.product-info .bbp-option-upload {
  min-height: 46px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 8px !important;

  background: rgba(255,255,255,.035) !important;

  color: #d8d8db !important;

  font-size: 10px !important;
  font-weight: 800 !important;

  letter-spacing: .06em;

  text-transform: uppercase;

  cursor: pointer;
}


.product-info .bbp-option-upload span {
  color: inherit !important;
}


.product-info .bbp-option-upload:hover {
  border-color: rgba(255,118,0,.55) !important;

  background: rgba(255,118,0,.08) !important;

  color: var(--bb-orange) !important;
}


/* VALIDATION */

.product-info .error {
  display: block;

  margin: 7px 0 0;

  color: #ff6b6b !important;

  font-size: 10px !important;
  line-height: 1.4;
}


/* MOBILE */

@media (max-width: 600px) {

  .product-info .bbp-product-options {
    gap: 17px;
  }


  .product-info .bbp-option-values {
    display: grid;

    grid-template-columns: 1fr;
  }


  .product-info .bbp-option-pill {
    width: 100%;
  }


  .product-info .bbp-option-pill > span {
    width: 100%;
  }


  .product-info .bbp-option-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .product-info .bbp-option-upload {
    width: 100%;
  }

}


@media (max-width: 360px) {

  .product-info .bbp-option-image-grid {
    grid-template-columns: 1fr;
  }

}

/* =========================================================
   HEADER — CART HOVER FINAL FIX
   ========================================================= */

.bbp-site-header .bbp-site-cart,
.bbp-site-header .bbp-site-cart:link,
.bbp-site-header .bbp-site-cart:visited,
.bbp-site-header .bbp-site-cart:hover,
.bbp-site-header .bbp-site-cart:focus,
.bbp-site-header .bbp-site-cart:active {
  display: inline-flex !important;
  align-items: center !important;

  flex: 0 0 auto !important;

  min-height: 38px;

  padding-left: 26px !important;

  border-left: 1px solid rgba(255,255,255,.12) !important;

  opacity: 1 !important;
  visibility: visible !important;

  text-decoration: none !important;

  font-size: 12px !important;
  font-weight: 800 !important;

  text-transform: uppercase !important;

  cursor: pointer !important;
}


.bbp-site-header .bbp-site-cart,
.bbp-site-header .bbp-site-cart:visited {
  color: rgba(255,255,255,.82) !important;
}


.bbp-site-header .bbp-site-cart:hover,
.bbp-site-header .bbp-site-cart:focus {
  color: #ff7600 !important;

  background: transparent !important;
}

/* =========================================================
   CART — REMOVE PRODUCT FINAL
   ========================================================= */

.bbp-cart-remove {
  width: fit-content;

  min-height: 32px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  gap: 7px;

  margin-top: 8px !important;
  padding: 0 11px !important;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 6px;

  background: rgba(255,255,255,.025);

  color: #77777d !important;

  font-size: 8px !important;
  font-weight: 900 !important;

  letter-spacing: .04em;

  text-decoration: none !important;
  text-transform: uppercase;

  cursor: pointer;

  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease;
}


.bbp-cart-remove span {
  color: #ff7600;

  font-size: 15px;
  font-weight: 500;

  line-height: 1;
}


.bbp-cart-remove:hover {
  border-color: rgba(255,118,0,.50);

  background: rgba(255,118,0,.07);

  color: #ff7600 !important;
}


@media (max-width: 760px) {

  .bbp-cart-remove {
    min-height: 36px;

    margin-top: 0 !important;

    padding: 0 13px !important;
  }

}

/* =========================================================
   MANUFACTURER / BRAND PAGE
   ========================================================= */

.bbp-manufacturer-page {
  min-height: 70vh;
  padding: 54px 0 90px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(255,118,0,.055),
      transparent 30%
    ),
    #070707;

  color: #fff;
}


/* HERO */

.bbp-manufacturer-hero {
  margin-bottom: 36px;
  padding-bottom: 38px;

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.bbp-manufacturer-hero__kicker {
  margin-bottom: 14px;

  color: var(--bb-orange);

  font-size: 10px;
  font-weight: 900;

  letter-spacing: .16em;
  text-transform: uppercase;
}

.bbp-manufacturer-hero__row {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 40px;
}

.bbp-manufacturer-hero h1 {
  margin: 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: clamp(62px, 7vw, 102px) !important;
  font-weight: 900 !important;

  line-height: .86;
  letter-spacing: -.045em;

  text-transform: uppercase;
}

.bbp-manufacturer-hero p {
  max-width: 600px;

  margin: 22px 0 0;

  color: #85858a;

  font-size: 13px;
  line-height: 1.7;
}

.bbp-manufacturer-hero__count {
  min-width: 120px;

  display: flex;
  flex-direction: column;

  align-items: flex-end;
}

.bbp-manufacturer-hero__count strong {
  color: var(--bb-orange);

  font-family: "Barlow Condensed", sans-serif;

  font-size: 54px;
  font-weight: 900;

  line-height: .9;
}

.bbp-manufacturer-hero__count span {
  margin-top: 6px;

  color: #626267;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .12em;
  text-transform: uppercase;
}


/* CONTENT */

.bbp-manufacturer-content {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
}


/* PLACEHOLDER */

.bbp-manufacturer-product-placeholder {
  color: #161619;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 56px;
  font-weight: 900;
}


/* STORES */

.bbp-manufacturer-stores {
  display: flex;
  flex-direction: column;

  gap: 5px;

  margin-top: 14px;
  padding-top: 12px;

  border-top: 1px solid rgba(255,255,255,.06);
}

.bbp-manufacturer-stores > span {
  color: #66666b;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .10em;
  text-transform: uppercase;
}

.bbp-manufacturer-stores small {
  color: #8a8a8f;

  font-size: 9px;
  line-height: 1.4;
}


/* PAGINATION */

.bbp-manufacturer-pagination {
  display: flex;
  justify-content: center;

  margin-top: 34px;
}

.bbp-manufacturer-pagination .results {
  display: none !important;
}

.bbp-manufacturer-pagination .links {
  float: none !important;
}


/* ABOUT */

.bbp-manufacturer-about {
  margin-top: 72px;
  padding: 30px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0c0c0e;
}

.bbp-manufacturer-about__head {
  margin-bottom: 24px;
}

.bbp-manufacturer-about__head > span {
  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .14em;
  text-transform: uppercase;
}

.bbp-manufacturer-about__head h2 {
  margin: 7px 0 0 !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 38px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-manufacturer-about__body {
  max-width: 900px;

  color: #8c8c91;

  font-size: 13px;
  line-height: 1.8;
}

.bbp-manufacturer-about__body p {
  margin: 0 0 14px;
}


/* EMPTY */

.bbp-manufacturer-empty {
  padding: 72px 30px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;

  background: #0c0c0e;

  text-align: center;
}

.bbp-manufacturer-empty > span {
  color: var(--bb-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .14em;
}

.bbp-manufacturer-empty h2 {
  margin: 12px 0 10px !important;

  color: #fff !important;

  font-family: "Barlow Condensed", sans-serif;

  font-size: 34px !important;
  font-weight: 900 !important;

  text-transform: uppercase;
}

.bbp-manufacturer-empty p {
  margin: 0;

  color: #77777c;
}


/* MOBILE */

@media (max-width: 760px) {

  .bbp-manufacturer-page {
    padding: 30px 0 66px;
  }

  .bbp-manufacturer-page .bbp-shell {
    width: min(100% - 28px, var(--bb-container));
  }

  .bbp-manufacturer-hero {
    margin-bottom: 26px;
    padding-bottom: 28px;
  }

  .bbp-manufacturer-hero__row {
    align-items: flex-start;
    flex-direction: column;

    gap: 22px;
  }

  .bbp-manufacturer-hero h1 {
    font-size: clamp(54px, 16vw, 72px) !important;
  }

  .bbp-manufacturer-hero__count {
    align-items: flex-start;
  }

  .bbp-manufacturer-hero__count strong {
    font-size: 42px;
  }

  .bbp-manufacturer-about {
    margin-top: 48px;
    padding: 20px;
  }

  .bbp-manufacturer-about__head h2 {
    font-size: 30px !important;
  }

}

/* FOOTER BRAND — FINAL */
.bbp-footer-brand {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbp-footer-brand span {
    color: #ff7600;
}

@media (max-width: 760px) {
    .bbp-footer-brand {
        font-size: 29px;
    }
}

/* =========================================================
   FOOTER — INFORMATION / SUPPORT FINAL
   ========================================================= */

.bbp-site-footer__support {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.07);
}

.bbp-site-footer__support-title {
    margin-bottom: 12px;

    color: #fff;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .10em;
    text-transform: uppercase;
}

.bbp-site-footer__support > a {
    display: block;

    width: fit-content;

    margin-top: 8px;

    color: #8d8d92 !important;

    font-size: 11px;
    text-decoration: none;
}

.bbp-site-footer__support > a:hover {
    color: #ff7600 !important;
}


.bbp-site-footer__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 16px;
}

.bbp-site-footer__socials a {
    color: #ff7600 !important;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .08em;
    text-transform: uppercase;
}


/* LEGAL NAV */

.bbp-site-footer__policy {
    display: flex;
    flex-wrap: wrap;

    gap: 8px 22px;

    margin-top: 48px;
    padding: 20px 0;

    border-top: 1px solid rgba(255,255,255,.07);
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-site-footer__policy a {
    color: #66666b !important;

    font-size: 9px;
    font-weight: 700;

    text-decoration: none;
}

.bbp-site-footer__policy a:hover {
    color: #ff7600 !important;
}


/* DISCLAIMER */

.bbp-site-footer__legal strong {
    color: #77777c;
    font-weight: 900;
    text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 760px) {

    .bbp-site-footer__policy {
        margin-top: 34px;
        gap: 12px 18px;
    }

    .bbp-site-footer__policy a {
        font-size: 10px;
    }

    .bbp-site-footer__support {
        margin-top: 22px;
    }

}

/* =========================================================
   AFFILIATE — LOGIN
   ========================================================= */

.bbp-affiliate-login-page {
    min-height: 70vh;
    padding: 54px 0 90px;

    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(255,118,0,.055),
            transparent 32%
        ),
        #070707;

    color: #fff;
}


/* HERO */

.bbp-affiliate-login-hero {
    max-width: 980px;
    margin-bottom: 46px;
}

.bbp-affiliate-login-hero__kicker {
    margin-bottom: 14px;

    color: #ff7600;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .17em;
    text-transform: uppercase;
}

.bbp-affiliate-login-hero h1 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: clamp(58px, 6.5vw, 92px) !important;
    font-weight: 900 !important;

    line-height: .88 !important;
    letter-spacing: -.045em;

    text-transform: uppercase;
}

.bbp-affiliate-login-hero h1 span {
    color: #ff7600;
}

.bbp-affiliate-login-hero p {
    max-width: 650px;

    margin: 24px 0 0;

    color: #8c8c91;

    font-size: 13px;
    line-height: 1.75;
}


/* MESSAGES */

.bbp-affiliate-message {
    margin-bottom: 24px;
    padding: 16px 18px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;

    background: #0d0d0f;

    font-size: 11px;
}

.bbp-affiliate-message--success {
    border-color: rgba(255,118,0,.35);
    color: #ddd;
}

.bbp-affiliate-message--error {
    border-color: rgba(255,118,0,.45);
    color: #ddd;
}


/* GRID */

.bbp-affiliate-login-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;
}


/* CARD */

.bbp-affiliate-card {
    position: relative;

    min-height: 430px;

    display: flex;
    flex-direction: column;

    padding: 34px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.006)
        ),
        #0c0c0e;

    overflow: hidden;
}

.bbp-affiliate-card--intro {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,118,0,.10),
            transparent 38%
        ),
        #0c0c0e;
}

.bbp-affiliate-card__number {
    position: absolute;
    top: 24px;
    right: 26px;

    color: rgba(255,255,255,.045);

    font-family: "Barlow Condensed", sans-serif;
    font-size: 72px;
    font-weight: 900;

    line-height: 1;
}

.bbp-affiliate-card__eyebrow {
    margin-bottom: 14px;

    color: #ff7600;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;
    text-transform: uppercase;
}

.bbp-affiliate-card h2 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 42px !important;
    font-weight: 900 !important;

    line-height: .95 !important;

    text-transform: uppercase;
}

.bbp-affiliate-card > p {
    max-width: 430px;

    margin: 20px 0 30px;

    color: #85858a;

    font-size: 12px;
    line-height: 1.75;
}

.bbp-affiliate-card__lead {
    margin-bottom: 24px !important;
}


/* FORM */

.bbp-affiliate-form {
    display: grid;
    gap: 18px;

    margin-top: 4px;
}

.bbp-affiliate-field {
    display: grid;
    gap: 8px;
}

.bbp-affiliate-field > span {
    color: #77777c;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.bbp-affiliate-field input {
    width: 100%;
    height: 50px;

    box-sizing: border-box;

    padding: 0 15px;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 8px !important;

    outline: none;

    background: #101012 !important;

    color: #fff !important;

    font-family: "Manrope", sans-serif;
    font-size: 12px;
}

.bbp-affiliate-field input::placeholder {
    color: #4f4f54;
}

.bbp-affiliate-field input:focus {
    border-color: rgba(255,118,0,.65) !important;
}

.bbp-affiliate-form__meta {
    min-height: 18px;
}

.bbp-affiliate-form__meta a {
    color: #77777c !important;

    font-size: 10px;

    text-decoration: none;
}

.bbp-affiliate-form__meta a:hover {
    color: #ff7600 !important;
}


/* BUTTON */

.bbp-affiliate-primary {
    width: fit-content;
    min-height: 48px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-top: auto;
    padding: 0 20px;

    border: 0 !important;
    border-radius: 8px;

    background: #ff7600 !important;

    color: #050505 !important;

    font-family: "Manrope", sans-serif;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .06em;

    text-decoration: none !important;
    text-transform: uppercase;

    cursor: pointer;
}

.bbp-affiliate-primary span {
    font-size: 14px;
}

.bbp-affiliate-form .bbp-affiliate-primary {
    margin-top: 8px;
}


/* NOTE */

.bbp-affiliate-login-note {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    margin-top: 18px;
    padding: 18px 22px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;

    background: rgba(255,255,255,.015);
}

.bbp-affiliate-login-note span {
    color: #ff7600;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.bbp-affiliate-login-note p {
    margin: 0;

    color: #65656a;

    font-size: 10px;
}


/* MOBILE */

@media (max-width: 760px) {

    .bbp-affiliate-login-page {
        padding: 30px 0 64px;
    }

    .bbp-affiliate-login-hero {
        margin-bottom: 32px;
    }

    .bbp-affiliate-login-hero h1 {
        font-size: clamp(50px, 14vw, 66px) !important;
    }

    .bbp-affiliate-login-grid {
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-card {
        min-height: 0;
        padding: 24px;

        border-radius: 14px;
    }

    .bbp-affiliate-card h2 {
        font-size: 34px !important;
    }

    .bbp-affiliate-card__number {
        font-size: 54px;
    }

    .bbp-affiliate-primary {
        width: 100%;
        margin-top: 12px;
    }

    .bbp-affiliate-login-note {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* =========================================================
   AFFILIATE — REGISTER
   ========================================================= */

.bbp-affiliate-register-page {
    min-height: 70vh;
    padding: 54px 0 90px;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(255,118,0,.055),
            transparent 32%
        ),
        #070707;

    color: #fff;
}


/* HERO */

.bbp-affiliate-register-hero {
    max-width: 980px;
    margin-bottom: 46px;
}

.bbp-affiliate-register-hero h1 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: clamp(58px, 6.3vw, 90px) !important;
    font-weight: 900 !important;

    line-height: .88 !important;
    letter-spacing: -.045em;

    text-transform: uppercase;
}

.bbp-affiliate-register-hero h1 span {
    color: #ff7600;
}

.bbp-affiliate-register-hero p {
    max-width: 660px;

    margin: 24px 0 0;

    color: #88888d;

    font-size: 13px;
    line-height: 1.75;
}


/* FORM */

.bbp-affiliate-register-form {
    display: grid;
    gap: 18px;
}


/* SECTION */

.bbp-affiliate-register-section {
    padding: 30px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.022),
            rgba(255,255,255,.006)
        ),
        #0c0c0e;
}

.bbp-affiliate-register-section__head {
    display: flex;
    align-items: flex-start;

    gap: 18px;

    margin-bottom: 28px;
    padding-bottom: 20px;

    border-bottom: 1px solid rgba(255,255,255,.07);
}

.bbp-affiliate-register-section__head > span {
    color: #ff7600;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 22px;
    font-weight: 900;

    line-height: 1;
}

.bbp-affiliate-register-section__head small {
    display: block;

    margin-bottom: 5px;

    color: #66666b;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .13em;
}

.bbp-affiliate-register-section__head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 32px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-transform: uppercase;
}


/* GRID */

.bbp-affiliate-register-grid {
    display: grid;

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

    gap: 20px;
}

.bbp-affiliate-field--wide {
    grid-column: 1 / -1;
}


/* SELECT */

.bbp-affiliate-register-page
.bbp-affiliate-field select {
    width: 100%;
    height: 50px;

    box-sizing: border-box;

    padding: 0 14px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;

    outline: none;

    background: #101012;

    color: #fff;

    font-family: "Manrope", sans-serif;
    font-size: 12px;
}

.bbp-affiliate-register-page
.bbp-affiliate-field select:focus {
    border-color: rgba(255,118,0,.65);
}


/* ERROR */

.bbp-affiliate-field-error {
    color: #ff7600 !important;

    font-size: 9px !important;
    line-height: 1.4;
}


/* PAYMENT */

.bbp-affiliate-payment-options {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 22px;
}

.bbp-affiliate-payment-options label {
    position: relative;

    cursor: pointer;
}

.bbp-affiliate-payment-options input {
    position: absolute;

    opacity: 0;
    pointer-events: none;
}

.bbp-affiliate-payment-options span {
    min-height: 40px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 0 16px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;

    background: #101012;

    color: #85858a;

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
}

.bbp-affiliate-payment-options
input:checked + span {
    border-color: #ff7600;

    background: rgba(255,118,0,.08);

    color: #ff7600;
}

.bbp-affiliate-payment-panel {
    padding-top: 4px;
}


/* AGREEMENT */

.bbp-affiliate-register-submit {
    padding: 24px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;

    background: #0c0c0e;
}

.bbp-affiliate-agree {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-bottom: 22px;

    color: #77777c;

    font-size: 10px;
    line-height: 1.6;
}

.bbp-affiliate-agree input {
    flex: 0 0 auto;

    margin-top: 3px;

    accent-color: #ff7600;
}

.bbp-affiliate-agree a {
    color: #ff7600 !important;
}


/* ACTIONS */

.bbp-affiliate-register-actions {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 14px;
}

.bbp-affiliate-secondary {
    min-height: 46px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    padding: 0 18px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;

    color: #8b8b90 !important;

    font-size: 9px;
    font-weight: 900;

    text-decoration: none !important;
    text-transform: uppercase;
}

.bbp-affiliate-secondary:hover {
    border-color: rgba(255,118,0,.45);

    color: #ff7600 !important;
}


/* MOBILE */

@media (max-width: 760px) {

    .bbp-affiliate-register-page {
        padding: 30px 0 64px;
    }

    .bbp-affiliate-register-hero {
        margin-bottom: 32px;
    }

    .bbp-affiliate-register-hero h1 {
        font-size: clamp(
            50px,
            14vw,
            66px
        ) !important;
    }

    .bbp-affiliate-register-section {
        padding: 22px;

        border-radius: 14px;
    }

    .bbp-affiliate-register-grid {
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-field--wide {
        grid-column: auto;
    }

    .bbp-affiliate-payment-options {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-payment-options span {
        width: 100%;
        box-sizing: border-box;
    }

    .bbp-affiliate-register-actions {
        flex-direction: column-reverse;
    }

    .bbp-affiliate-register-actions
    .bbp-affiliate-primary,
    .bbp-affiliate-register-actions
    .bbp-affiliate-secondary {
        width: 100%;
        box-sizing: border-box;
    }

}

/* =========================================================
   AFFILIATE — ACCOUNT
   ========================================================= */

.bbp-affiliate-account-page {
    min-height: 70vh;
    padding: 54px 0 90px;

    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(255,118,0,.055),
            transparent 32%
        ),
        #070707;

    color: #fff;
}


/* HERO */

.bbp-affiliate-account-hero {
    max-width: 980px;
    margin-bottom: 46px;
}

.bbp-affiliate-account-hero h1 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: clamp(58px, 6.4vw, 90px) !important;
    font-weight: 900 !important;

    line-height: .88 !important;
    letter-spacing: -.045em;

    text-transform: uppercase;
}

.bbp-affiliate-account-hero h1 span {
    color: #ff7600;
}

.bbp-affiliate-account-hero p {
    max-width: 650px;

    margin: 24px 0 0;

    color: #89898e;

    font-size: 13px;
    line-height: 1.75;
}


/* GRID */

.bbp-affiliate-account-grid {
    display: grid;

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

    gap: 16px;
}


/* CARD */

.bbp-affiliate-account-card {
    position: relative;

    min-height: 245px;

    display: flex;
    flex-direction: column;

    box-sizing: border-box;

    padding: 28px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.024),
            rgba(255,255,255,.006)
        ),
        #0c0c0e;

    color: inherit !important;

    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.bbp-affiliate-account-card:hover {
    transform: translateY(-3px);

    border-color: rgba(255,118,0,.40);

    background:
        linear-gradient(
            145deg,
            rgba(255,118,0,.055),
            rgba(255,255,255,.006)
        ),
        #0c0c0e;
}

.bbp-affiliate-account-card--accent {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,118,0,.10),
            transparent 42%
        ),
        #0c0c0e;
}

.bbp-affiliate-account-card--wide {
    grid-column: 1 / -1;

    min-height: 220px;
}


/* NUMBER */

.bbp-affiliate-account-card__number {
    position: absolute;

    top: 20px;
    right: 24px;

    color: rgba(255,255,255,.045);

    font-family: "Barlow Condensed", sans-serif;

    font-size: 64px;
    font-weight: 900;

    line-height: 1;
}


/* ICON */

.bbp-affiliate-account-card__icon {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;

    color: #ff7600;

    font-size: 13px;
}


/* TEXT */

.bbp-affiliate-account-card__eyebrow {
    margin-bottom: 8px;

    color: #ff7600;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .13em;
}

.bbp-affiliate-account-card h2 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 31px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-transform: uppercase;
}

.bbp-affiliate-account-card p {
    max-width: 460px;

    margin: 14px 0 26px;

    color: #77777c;

    font-size: 11px;
    line-height: 1.65;
}

.bbp-affiliate-account-card__link {
    margin-top: auto;

    color: #77777c;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.bbp-affiliate-account-card:hover
.bbp-affiliate-account-card__link {
    color: #ff7600;
}


/* NOTE */

.bbp-affiliate-account-note {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    margin-top: 18px;
    padding: 18px 22px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;

    background: rgba(255,255,255,.015);
}

.bbp-affiliate-account-note span {
    color: #ff7600;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.bbp-affiliate-account-note p {
    margin: 0;

    color: #65656a;

    font-size: 10px;
}


/* MOBILE */

@media (max-width: 760px) {

    .bbp-affiliate-account-page {
        padding: 30px 0 64px;
    }

    .bbp-affiliate-account-hero {
        margin-bottom: 32px;
    }

    .bbp-affiliate-account-hero h1 {
        font-size: clamp(
            50px,
            14vw,
            66px
        ) !important;
    }

    .bbp-affiliate-account-grid {
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-account-card,
    .bbp-affiliate-account-card--wide {
        grid-column: auto;

        min-height: 220px;

        padding: 23px;
    }

    .bbp-affiliate-account-card h2 {
        font-size: 28px !important;
    }

    .bbp-affiliate-account-note {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* =========================================================
   AFFILIATE — TRACKING
   ========================================================= */

.bbp-affiliate-tracking-page {
    min-height: 70vh;

    padding: 54px 0 90px;

    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(255,118,0,.055),
            transparent 32%
        ),
        #070707;

    color: #fff;
}


/* HERO */

.bbp-affiliate-tracking-hero {
    max-width: 980px;

    margin-bottom: 46px;
}

.bbp-affiliate-tracking-hero h1 {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Barlow Condensed", sans-serif;

    font-size:
        clamp(58px, 6.4vw, 90px) !important;

    font-weight: 900 !important;

    line-height: .88 !important;
    letter-spacing: -.045em;

    text-transform: uppercase;
}

.bbp-affiliate-tracking-hero h1 span {
    color: #ff7600;
}

.bbp-affiliate-tracking-hero p {
    max-width: 660px;

    margin: 24px 0 0;

    color: #89898e;

    font-size: 13px;
    line-height: 1.75;
}


/* GRID */

.bbp-affiliate-tracking-grid {
    display: grid;

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

    gap: 18px;
}


/* CARD */

.bbp-affiliate-tracking-card {
    position: relative;

    min-height: 430px;

    box-sizing: border-box;

    padding: 32px;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.024),
            rgba(255,255,255,.006)
        ),
        #0c0c0e;

    overflow: hidden;
}

.bbp-affiliate-tracking-card--accent {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,118,0,.10),
            transparent 42%
        ),
        #0c0c0e;
}

.bbp-affiliate-tracking-card__number {
    position: absolute;

    top: 22px;
    right: 25px;

    color: rgba(255,255,255,.045);

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 68px;
    font-weight: 900;

    line-height: 1;
}

.bbp-affiliate-tracking-card__eyebrow {
    margin-bottom: 10px;

    color: #ff7600;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;
}

.bbp-affiliate-tracking-card h2 {
    margin: 0 !important;

    color: #fff !important;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 36px !important;
    font-weight: 900 !important;

    line-height: .95 !important;

    text-transform: uppercase;
}

.bbp-affiliate-tracking-card > p {
    max-width: 440px;

    margin: 18px 0 28px;

    color: #77777c;

    font-size: 11px;
    line-height: 1.7;
}


/* TEXTAREA */

.bbp-affiliate-tracking-page
.bbp-affiliate-field textarea {
    width: 100%;

    min-height: 96px;

    box-sizing: border-box;

    resize: vertical;

    padding: 14px 15px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 8px;

    outline: none;

    background: #101012;

    color: #fff;

    font-family:
        "Manrope",
        sans-serif;

    font-size: 11px;
    line-height: 1.6;
}

.bbp-affiliate-tracking-page
.bbp-affiliate-field textarea:focus {
    border-color:
        rgba(255,118,0,.65);
}


/* COPY */

.bbp-affiliate-copy {
    min-height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-top: 14px;
    padding: 0 16px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 8px;

    background: transparent;

    color: #99999e;

    font-family:
        "Manrope",
        sans-serif;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease;
}

.bbp-affiliate-copy:hover {
    border-color:
        rgba(255,118,0,.50);

    background:
        rgba(255,118,0,.04);

    color: #ff7600;
}


/* AUTOCOMPLETE LEGACY JQUERY UI */

.bbp-affiliate-tracking-page
.ui-autocomplete {
    z-index: 9999 !important;

    max-height: 280px;

    overflow-y: auto;

    border:
        1px solid rgba(255,255,255,.10) !important;

    background:
        #111113 !important;
}

.bbp-affiliate-tracking-page
.ui-menu-item a {
    padding:
        10px 13px !important;

    border: 0 !important;

    background:
        transparent !important;

    color:
        #aaa !important;

    font-size: 10px;
}

.bbp-affiliate-tracking-page
.ui-menu-item a:hover,
.bbp-affiliate-tracking-page
.ui-state-focus,
.bbp-affiliate-tracking-page
.ui-state-hover {
    background:
        rgba(255,118,0,.08) !important;

    color:
        #ff7600 !important;
}


/* MOBILE */

@media (max-width: 760px) {

    .bbp-affiliate-tracking-page {
        padding:
            30px 0 64px;
    }

    .bbp-affiliate-tracking-hero {
        margin-bottom: 32px;
    }

    .bbp-affiliate-tracking-hero h1 {
        font-size:
            clamp(
                50px,
                14vw,
                66px
            ) !important;
    }

    .bbp-affiliate-tracking-grid {
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-tracking-card {
        min-height: 0;

        padding: 23px;

        border-radius: 14px;
    }

    .bbp-affiliate-tracking-card h2 {
        font-size:
            30px !important;
    }

    .bbp-affiliate-copy {
        width: 100%;

        box-sizing: border-box;
    }

}

/* =========================================================
   DARK AUTOFILL FIX
   ========================================================= */

.bbp-affiliate-register-page input:-webkit-autofill,
.bbp-affiliate-register-page input:-webkit-autofill:hover,
.bbp-affiliate-register-page input:-webkit-autofill:focus,
.bbp-affiliate-login-page input:-webkit-autofill,
.bbp-affiliate-login-page input:-webkit-autofill:hover,
.bbp-affiliate-login-page input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;

    -webkit-box-shadow:
        0 0 0 1000px #101012 inset !important;

    box-shadow:
        0 0 0 1000px #101012 inset !important;

    caret-color: #fff;

    transition:
        background-color 9999s ease-out 0s;
}

/* =========================================================
   AFFILIATE — PAYMENT REQUEST / STATISTICS
   ========================================================= */

.bbp-affiliate-payment-request-page,
.bbp-affiliate-statistics-page {
    min-height: 70vh;
    padding: 54px 0 90px;
    background: #070707;
    color: #fff;
}

.bbp-affiliate-payment-history {
    color: #929297;
    font-size: 11px;
    line-height: 1.7;
}

.bbp-affiliate-statistics-filter {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        auto
        auto;
    gap: 14px;
    align-items: end;

    margin-bottom: 18px;
    padding: 22px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #0c0c0e;
}

.bbp-affiliate-statistics-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.bbp-affiliate-stat {
    min-height: 120px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 20px;

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;

    background: #101012;
}

.bbp-affiliate-stat span {
    color: #707075;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;
}

.bbp-affiliate-stat strong {
    color: #fff;

    font-family: "Barlow Condensed", sans-serif;

    font-size: 32px;
    font-weight: 900;

    line-height: 1;
}

.bbp-affiliate-stat:nth-child(6) strong,
.bbp-affiliate-stat:nth-child(7) strong {
    color: #ff7600;
}

@media (max-width: 900px) {

    .bbp-affiliate-statistics-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .bbp-affiliate-statistics-filter {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .bbp-affiliate-payment-request-page,
    .bbp-affiliate-statistics-page {
        padding: 30px 0 64px;
    }

    .bbp-affiliate-statistics-filter {
        grid-template-columns: 1fr;
    }

    .bbp-affiliate-statistics-grid {
        grid-template-columns: 1fr 1fr;
    }

}

/* =========================================================
   AFFILIATE — NETWORK STATISTICS
   ========================================================= */

.bbp-affiliate-network-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.bbp-affiliate-network-table {
    width: 100%;
    border-collapse: collapse;
}

.bbp-affiliate-network-table th,
.bbp-affiliate-network-table td {
    padding: 16px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    text-align: left;
}

.bbp-affiliate-network-table th {
    color: #6f6f74;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #0c0c0e;
}

.bbp-affiliate-network-table td {
    color: #d8d8dc;
    font-size: 11px;
}

.bbp-affiliate-network-table td strong {
    color: #ff7600;
    font-weight: 900;
}

.bbp-affiliate-pagination {
    margin-top: 18px;
}

.bbp-affiliate-network-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
}

@media (max-width: 700px) {

    .bbp-affiliate-network-table thead {
        display: none;
    }

    .bbp-affiliate-network-table,
    .bbp-affiliate-network-table tbody,
    .bbp-affiliate-network-table tr,
    .bbp-affiliate-network-table td {
        display: block;
        width: 100%;
    }

    .bbp-affiliate-network-table tr {
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 12px;
        background: #101012;
        box-sizing: border-box;
    }

    .bbp-affiliate-network-table td {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        padding: 8px 0;
        border: 0;
    }

    .bbp-affiliate-network-table td:before {
        content: attr(data-label);

        color: #717176;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

}

/* =========================================================
   ACCOUNT — GIFT VOUCHER
   ========================================================= */

.bbp-voucher-page {
    min-height: 70vh;
    padding: 54px 0 90px;
    background: #070707;
    color: #fff;
}

.bbp-voucher-hero {
    margin-bottom: 30px;
}

.bbp-voucher-hero__kicker {
    margin-bottom: 12px;
    color: #ff7600;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bbp-voucher-hero h1 {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(46px, 7vw, 86px);
    font-weight: 900;
    line-height: .9;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

.bbp-voucher-hero h1 span {
    color: #ff7600;
}

.bbp-voucher-hero p {
    max-width: 700px;
    margin: 18px 0 0;
    color: #8a8a90;
    font-size: 12px;
    line-height: 1.7;
}

.bbp-voucher-message {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(255,118,0,.35);
    border-radius: 10px;
    background: rgba(255,118,0,.08);
    color: #fff;
}

.bbp-voucher-form {
    display: grid;
    gap: 16px;
}

.bbp-voucher-section {
    padding: 24px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #0c0c0e;
}

.bbp-voucher-section__head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.bbp-voucher-section__head > span {
    color: #ff7600;
    font-size: 11px;
    font-weight: 900;
}

.bbp-voucher-section__head small {
    display: block;
    margin-bottom: 4px;
    color: #6e6e74;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.bbp-voucher-section__head h2 {
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.bbp-voucher-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bbp-voucher-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bbp-voucher-field > span {
    color: #b9b9bd;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
}

.bbp-voucher-field input,
.bbp-voucher-field textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    outline: none;
    background: #101012;
    color: #fff;
    font: inherit;
}

.bbp-voucher-field input:focus,
.bbp-voucher-field textarea:focus {
    border-color: #ff7600;
}

.bbp-voucher-themes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
}

.bbp-voucher-theme {
    position: relative;
}

.bbp-voucher-theme input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.bbp-voucher-theme span {
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: #101012;
    color: #d6d6da;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.bbp-voucher-theme input:checked + span {
    border-color: #ff7600;
    background: rgba(255,118,0,.08);
    color: #fff;
}

.bbp-voucher-error {
    display: block;
    margin-top: 6px;
    color: #ff7600;
    font-size: 9px;
}

.bbp-voucher-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 0 0;
}

.bbp-voucher-agree {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #87878c;
    font-size: 9px;
    line-height: 1.5;
}

.bbp-voucher-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 50px;
    padding: 0 22px;
    border: 0;
    border-radius: 9px;
    background: #ff7600;
    color: #0a0a0a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
}

@media (max-width: 700px) {

    .bbp-voucher-page {
        padding: 30px 0 64px;
    }

    .bbp-voucher-grid,
    .bbp-voucher-themes {
        grid-template-columns: 1fr;
    }

    .bbp-voucher-submit {
        flex-direction: column;
        align-items: stretch;
    }

    .bbp-voucher-primary {
        width: 100%;
    }

}

/* =========================================================
   MOBILE MENU — CATALOG FIX
   ========================================================= */

@media (max-width: 767px) {

    .bbp-mobile-menu {
        overflow-x: hidden !important;
    }

    .bbp-mobile-catalog,
    .bbp-mobile-catalog__list,
    .bbp-mobile-catalog-item,
    .bbp-mobile-catalog-item__children {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .bbp-mobile-catalog__list {
        padding: 0 !important;
        margin: 24px 0 0 !important;
        overflow: hidden !important;
    }

    .bbp-mobile-catalog-item {
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .bbp-mobile-catalog-item > summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 0 0 38px !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid rgba(255,255,255,.08) !important;

        list-style: none !important;
    }

    .bbp-mobile-catalog-item > summary::-webkit-details-marker {
        display: none !important;
    }

    .bbp-mobile-catalog-item__name {
        display: block !important;

        flex: 1 1 auto !important;

        min-width: 0 !important;

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

        color: #d8d8dc !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;

        transform: none !important;
        position: static !important;
    }

    .bbp-mobile-catalog-item > summary i {
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 2px !important;

        color: #ff7600 !important;

        position: static !important;
        transform: none !important;
    }

    .bbp-mobile-catalog-item__children {
        margin: 0 !important;
        padding: 0 0 0 38px !important;
    }

    .bbp-mobile-catalog-item__children > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 52px !important;

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

        box-sizing: border-box !important;

        border-bottom: 1px solid rgba(255,255,255,.06) !important;

        position: static !important;
        transform: none !important;
    }

    .bbp-mobile-catalog-item__children > a span {
        margin: 0 !important;
        padding: 0 14px 0 0 !important;

        color: #aaaab0 !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;

        white-space: normal !important;

        position: static !important;
        transform: none !important;
    }

    .bbp-mobile-catalog-item__children > a i {
        flex: 0 0 auto !important;

        color: #ff7600 !important;

        position: static !important;
        transform: none !important;
    }

    .bbp-mobile-catalog-item__all {
        color: #ff7600 !important;
    }

    .bbp-mobile-catalog-item__all span {
        color: #ff7600 !important;
        font-weight: 800 !important;
    }

}

/* =========================================================
   MOBILE MENU — VERTICAL SCROLL FIX
   ========================================================= */

@media (max-width: 767px) {

    .bbp-mobile-nav-root {
        position: fixed !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100dvh !important;

        overflow: hidden !important;
    }

    .bbp-mobile-menu {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;

        box-sizing: border-box !important;

        padding-bottom: 120px !important;
    }

    .bbp-mobile-menu__nav,
    .bbp-mobile-menu__services {
        overflow: visible !important;
        max-height: none !important;
    }

    .bbp-mobile-catalog {
        overflow: visible !important;
        max-height: none !important;
    }

    .bbp-mobile-catalog__list {
        overflow: visible !important;
        max-height: none !important;
    }

    .bbp-mobile-catalog-item {
        overflow: visible !important;
        max-height: none !important;
    }

    .bbp-mobile-catalog-item__children {
        overflow: visible !important;
        max-height: none !important;
    }

}

/* MOBILE MENU — SINGLE CATEGORY ALIGN FIX */

@media (max-width: 767px) {

    .bbp-mobile-catalog-item--link {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 0 0 38px !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid rgba(255,255,255,.08) !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;

        transform: none !important;
        float: none !important;

        overflow: hidden !important;
    }

    .bbp-mobile-catalog-item--link > span {
        display: block !important;
        flex: 1 1 auto !important;

        min-width: 0 !important;

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

        color: #d8d8dc !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;

        position: static !important;
        transform: none !important;
        float: none !important;
    }

    .bbp-mobile-catalog-item--link > i {
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 2px !important;

        color: #ff7600 !important;

        position: static !important;
        transform: none !important;
        float: none !important;
    }

}

/* =========================================================
   PROMO SLIDER — ARROWS FINAL OVERRIDE
   ========================================================= */

.bbp-promo .nivo-directionNav {
    pointer-events: none !important;
}

.bbp-promo .nivo-directionNav a {
    width: 52px !important;
    height: 52px !important;

    top: 50% !important;
    margin-top: -26px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(8, 8, 8, 0.92) !important;
    background-image: none !important;

    border: 1px solid rgba(255, 118, 0, 0.75) !important;
    border-radius: 50% !important;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45) !important;

    text-indent: -9999px !important;
    overflow: hidden !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
    z-index: 100 !important;
}

.bbp-promo .nivo-prevNav {
    left: 22px !important;
}

.bbp-promo .nivo-nextNav {
    right: 22px !important;
}

.bbp-promo .nivo-prevNav::after,
.bbp-promo .nivo-nextNav::after {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -52%) !important;

    color: #ffffff !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-indent: 0 !important;

    font-family: Arial, sans-serif !important;
}

.bbp-promo .nivo-prevNav::after {
    content: "‹" !important;
}

.bbp-promo .nivo-nextNav::after {
    content: "›" !important;
}

.bbp-promo .nivo-directionNav a:hover {
    background: #ff7600 !important;
    border-color: #ff7600 !important;
    transform: scale(1.06) !important;
}

.bbp-promo .nivo-directionNav a {
    background: #0a0a0a !important;
    border: 2px solid #ff7600 !important;
    opacity: 1 !important;
    filter: none !important;
}

.bbp-promo .nivo-prevNav::after {
    content: "\2039" !important;
}

.bbp-promo .nivo-nextNav::after {
    content: "\203A" !important;
}

body::after {
    content: "FTP TEST";
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 999999;
    background: red;
    color: white;
    padding: 10px 14px;
    font-size: 18px;
    font-weight: 700;
}