/** Shopify CDN: Minification failed

Line 2877:1 Unexpected "<"

**/
:root {
  --bb-bg: #B85F31;
  --bb-green: #F6E9D6;
  --bb-green-alt: #226F6A;
  --bb-terracotta: #FF8C3A;
  --bb-text: #F7E9D3;
  --bb-text-muted: #F5DDC2;
  --bb-border: #D79A53;
  --bb-footer: #2A2323;
  --bb-cream: #4B3A1F;
  --bb-cream-border: #D79A53;
  --bb-white: #FFF7ED;
  --bb-max: 1200px;
  --bb-max-wide: 1320px;
  --bb-header-height: 80px;
  --bb-shadow-soft: 0 18px 40px rgba(44, 20, 13, 0.16);
  --bb-shadow-card: 0 20px 40px rgba(34, 15, 12, 0.16);
  --bb-shadow-button: 0 10px 24px rgba(255, 140, 58, 0.24);
  --bb-shadow-button-hover: 0 15px 30px rgba(255, 140, 58, 0.30);
  --bb-font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
  --bb-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
  --bb-burgundy: #8A3438;
  --bb-card-dark: #2C2323;
  --bb-card-soft: #5A4724;
  --bb-card-teal: #3E857E;
}


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

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--bb-header-height) + 28px);
}

body {
  margin: 0;
  font-family: var(--bb-font-sans);
  color: var(--bb-text);
  background-color: var(--bb-bg);
  line-height: 1.6;
  overflow-x: hidden;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,0,0,0.08));
}

body.bb-site {
  position: relative;
  min-height: 100vh;
  z-index: 0;
}

body.bb-site::before,
body.bb-site::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body.bb-site::before {
  z-index: -2;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(255, 140, 58, 0.12), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(138, 52, 56, 0.16), transparent 22%),
    radial-gradient(circle at 82% 84%, rgba(215, 154, 83, 0.12), transparent 18%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23C86240' stroke-opacity='.075' stroke-width='1'%3E%3Cpath d='M90 10l26 26-26 26-26-26zM90 62l26 26-26 26-26-26zM90 114l26 26-26 26-26-26zM38 38l26 26-26 26L12 64zM142 38l26 26-26 26-26-26zM38 90l26 26-26 26-26-26zM142 90l26 26-26 26-26-26z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto, auto, auto, 220px 220px;
  background-position: center center, center center, center center, center center;
}

body.bb-site::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(184, 95, 49, 0.26) 0%, rgba(184, 95, 49, 0.16) 30%, rgba(184, 95, 49, 0.06) 100%);
}

img,
svg {
  display: block;
  max-width: 100%;
}

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

a {
  color: inherit;
  text-decoration: none;
}

::placeholder {
  color: #8E9A96;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.bb-skip-link {
  position: absolute;
  left: 1rem;
  top: -10rem;
  z-index: 90;
  padding: 0.85rem 1.1rem;
  border-radius: 999px;
  background: var(--bb-white);
  color: var(--bb-green);
  box-shadow: 0 10px 24px rgba(17, 42, 31, 0.12);
  transition: top 0.2s ease;
}

.bb-skip-link:focus {
  top: 1rem;
}

.site-main {
  position: relative;
}

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

.bb-container--wide {
  width: min(calc(100% - 48px), var(--bb-max-wide));
  margin-inline: auto;
}

.bb-section {
  position: relative;
  padding: 112px 0;
}

.bb-section--hero {
  padding-top: 160px;
  padding-bottom: 88px;
}

.bb-section--hero.bb-section--hero-has-bg {
  overflow: hidden;
  background-image:
    linear-gradient(rgba(15, 41, 30, 0.34), rgba(15, 41, 30, 0.34)),
    var(--bb-hero-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bb-section--hero.bb-section--hero-has-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(253, 248, 244, 0.08) 0%, rgba(253, 248, 244, 0.12) 100%);
  pointer-events: none;
}

.bb-section--hero.bb-section--hero-has-bg .bb-container {
  position: relative;
  z-index: 1;
}

.bb-section--hero.bb-section--hero-has-bg .bb-hero__title,
.bb-section--hero.bb-section--hero-has-bg .bb-hero__text {
  color: var(--bb-white);
}

.bb-section--hero.bb-section--hero-has-bg .bb-badge {
  background: rgba(200, 98, 64, 0.22);
  color: #FFE7DB;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bb-section--hero.bb-section--hero-has-bg .bb-btn--secondary {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--bb-white);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bb-section--hero.bb-section--hero-has-bg .bb-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.46);
}

.bb-section-intro {
  margin-bottom: 64px;
}

.bb-section-intro--center {
  max-width: 760px;
  margin: 0 auto 64px;
  text-align: center;
}

.bb-section-intro--wide {
  max-width: 860px;
}

.bb-title {
  margin: 0 0 18px;
  font-family: var(--bb-font-serif);
  font-size: clamp(2.1rem, 4vw, 3.1rem);
  line-height: 1.14;
  color: var(--bb-green);
  letter-spacing: -0.02em;
}

.bb-title--caps {
  font-family: var(--bb-font-sans);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
}

.bb-title__accent,
.bb-hero__title-accent {
  color: var(--bb-terracotta);
  font-style: italic;
  font-weight: 500;
}

.bb-copy,
.bb-hero__text,
.bb-step__text,
.bb-feature-card__text,
.bb-business__text,
.bb-footer__brand p {
  color: var(--bb-text-muted);
}

.bb-copy {
  margin: 22px auto 0;
  max-width: 720px;
  font-size: 1.08rem;
}

.bb-divider {
  display: inline-block;
  width: 52px;
  height: 4px;
  border-radius: 999px;
  background: var(--bb-terracotta);
}

.bb-divider--wide {
  width: 96px;
}

.bb-surface {
  background: var(--bb-white);
  border: 1px solid var(--bb-border);
  border-radius: 40px;
  box-shadow: var(--bb-shadow-soft);
}

.bb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 1rem 1.7rem;
  font-weight: 700;
  font-size: 0.82rem;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}

.bb-btn:hover {
  transform: translateY(-2px);
}

.bb-btn--primary {
  background: var(--bb-terracotta);
  color: var(--bb-white);
  box-shadow: var(--bb-shadow-button);
}

.bb-btn--primary:hover {
  background: #A64E30;
  box-shadow: var(--bb-shadow-button-hover);
}

.bb-btn--secondary {
  background: var(--bb-white);
  border-color: var(--bb-border);
  color: var(--bb-green);
  box-shadow: 0 8px 24px rgba(17, 42, 31, 0.04);
}

.bb-btn--secondary:hover {
  border-color: var(--bb-green);
}

.bb-btn--light {
  background: var(--bb-white);
  color: var(--bb-green);
  box-shadow: 0 18px 36px rgba(10, 20, 16, 0.16);
}

.bb-btn--sm {
  padding: 0.95rem 1.55rem;
  font-size: 0.74rem;
}

.bb-btn--xl {
  width: 100%;
  padding: 1.25rem 1.6rem;
  font-size: 0.86rem;
}

.bb-btn:disabled,
.bb-btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  transform: none;
}

.bb-icon,
.bb-icon-inline {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.bb-icon-inline {
  width: 1.1rem;
  height: 1.1rem;
}

.bb-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 60;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    backdrop-filter 0.3s ease;
}

.bb-header.is-scrolled {
  background: rgba(253, 248, 244, 0.92);
  border-bottom: 1px solid var(--bb-border);
  box-shadow: 0 8px 24px rgba(20, 41, 31, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.bb-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: var(--bb-header-height);
}

.bb-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-family: var(--bb-font-serif);
  font-size: 1.85rem;
  font-weight: 600;
  color: var(--bb-green);
}

.bb-brand__icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: rgba(200, 98, 64, 0.12);
  color: var(--bb-terracotta);
}

.bb-brand__icon svg {
  width: 1.3rem;
  height: 1.3rem;
}

.bb-nav--desktop {
  display: flex;
  align-items: center;
  gap: 1.85rem;
}

.bb-nav__link {
  color: var(--bb-green);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.bb-nav__link:hover {
  color: var(--bb-terracotta);
}

.bb-lang-switch {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem;
  border: 1px solid var(--bb-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 8px 18px rgba(17, 42, 31, 0.03);
}

.bb-lang-switch__btn {
  border: 0;
  background: transparent;
  color: var(--bb-text-muted);
  padding: 0.52rem 0.9rem;
  border-radius: 999px;
  font-size: 0.74rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.bb-lang-switch__btn.is-active {
  background: var(--bb-green);
  color: var(--bb-white);
}

.bb-header__mobile-controls {
  display: none;
  align-items: center;
  gap: 0.75rem;
}

.bb-mobile-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid var(--bb-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--bb-green);
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(17, 42, 31, 0.03);
}

.bb-mobile-toggle__icon {
  position: absolute;
  width: 22px;
  height: 22px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.bb-mobile-toggle__icon--close {
  opacity: 0;
  transform: scale(0.82);
}

.bb-mobile-toggle.is-open .bb-mobile-toggle__icon--menu {
  opacity: 0;
  transform: scale(0.82);
}

.bb-mobile-toggle.is-open .bb-mobile-toggle__icon--close {
  opacity: 1;
  transform: scale(1);
}

.bb-mobile-panel {
  position: fixed;
  top: 88px;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(42, 35, 35, 0.96);
  border-bottom: 1px solid rgba(215,154,83,0.25);
  box-shadow: 0 24px 40px rgba(15, 41, 30, 0.18);
  z-index: 10000;

  display: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.bb-mobile-panel.is-open {
  display: block;
}

.bb-mobile-panel__inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem 1.75rem;
}

.bb-mobile-panel__link {
  color: #f8efe4;
  font-size: 1.05rem;
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(248, 239, 228, 0.12);
  text-decoration: none;
}
.bb-header,
.bb-header__inner,
.bb-header__mobile-controls {
  overflow: visible !important;
}

.bb-mobile-panel__cta {
  margin-top: 0.25rem;
}

.bb-hero {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bb-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.8rem 1.2rem;
  margin-bottom: 1.8rem;
  border-radius: 999px;
  background: rgba(200, 98, 64, 0.1);
  color: var(--bb-terracotta);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bb-badge svg {
  width: 1rem;
  height: 1rem;
}

.bb-hero__title {
  margin: 0;
  font-family: var(--bb-font-serif);
  font-size: clamp(2.85rem, 6.2vw, 5.2rem);
  line-height: 1.1;
  color: var(--bb-green);
  letter-spacing: -0.02em;
}

.bb-hero__text {
  max-width: 720px;
  margin: 1.75rem auto 0;
  font-size: 1.15rem;
}

.bb-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.6rem;
}

.bb-how__shell {
  padding: 3.1rem 3.4rem 3.6rem;
}

.bb-how__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.bb-step {
  text-align: center;
  padding: 0.5rem 0.5rem 0;
}

.bb-step__icon {
  display: grid;
  place-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  border: 1px solid var(--bb-border);
  border-radius: 999px;
  background: #F8F2EC;
  color: var(--bb-terracotta);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.bb-step:hover .bb-step__icon {
  transform: translateY(-6px);
  box-shadow: 0 16px 28px rgba(17, 42, 31, 0.08);
}

.bb-step__icon svg {
  width: 34px;
  height: 34px;
}

.bb-step__title {
  margin: 0 0 0.85rem;
  color: var(--bb-green);
  font-size: 1.35rem;
  font-weight: 600;
}

.bb-step__text {
  margin: 0;
  font-size: 1rem;
}

.bb-order__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 2.5rem;
  align-items: start;
}

.bb-order__form {
  background: var(--bb-white);
  border: 1px solid var(--bb-border);
  border-radius: 30px;
  box-shadow: var(--bb-shadow-soft);
  padding: 2.5rem;
}

.bb-order__group + .bb-order__group {
  margin-top: 2.25rem;
}

.bb-order__group-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.25rem;
  font-family: var(--bb-font-serif);
  font-size: 1.45rem;
  font-weight: 500;
  color: var(--bb-green);
}

.bb-order__group-index {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #F8F2EC;
  color: var(--bb-terracotta);
  font-family: var(--bb-font-sans);
  font-size: 1rem;
  font-weight: 700;
}

.bb-textarea {
  width: 100%;
  min-height: 160px;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--bb-border);
  border-radius: 22px;
  background: #FAFAFA;
  color: var(--bb-text);
  resize: vertical;
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.bb-textarea:focus {
  outline: none;
  border-color: var(--bb-green);
  background: var(--bb-white);
  box-shadow: 0 0 0 4px rgba(26, 67, 49, 0.05);
}

.bb-upload-wrap {
  margin-bottom: 1.25rem;
}

.bb-upload {
  display: block;
  padding: 2rem 1.4rem;
  border: 1.5px dashed var(--bb-border);
  border-radius: 22px;
  background: #FAFAFA;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.bb-upload:hover {
  border-color: var(--bb-terracotta);
  background: var(--bb-white);
  transform: translateY(-2px);
}

.bb-upload__icon {
  width: 44px;
  height: 44px;
  margin: 0 auto 0.9rem;
  color: var(--bb-terracotta);
}

.bb-upload__title {
  display: block;
  color: var(--bb-green);
  font-size: 1.08rem;
  font-weight: 700;
}

.bb-upload__feedback {
  display: block;
  margin-top: 0.35rem;
  color: var(--bb-text-muted);
  font-size: 0.92rem;
}

.bb-options-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.bb-options-grid--delivery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.bb-choice {
  display: block;
  position: relative;
}

.bb-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bb-choice__box {
  height: 100%;
  padding: 1rem 0.85rem;
  border: 1px solid var(--bb-border);
  border-radius: 20px;
  background: var(--bb-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--bb-text-muted);
  font-size: 0.92rem;
  font-weight: 700;
  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.bb-choice__box--delivery {
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
  padding: 1.2rem 1.1rem;
}

.bb-choice__box:hover {
  transform: translateY(-2px);
  border-color: rgba(26, 67, 49, 0.25);
  box-shadow: 0 10px 18px rgba(26, 67, 49, 0.06);
}

.bb-choice input:checked + .bb-choice__box {
  border-color: var(--bb-terracotta);
  background: rgba(200, 98, 64, 0.06);
  color: var(--bb-terracotta);
  box-shadow: inset 0 0 0 1px rgba(200, 98, 64, 0.16);
}

.bb-options-grid--delivery .bb-choice input:checked + .bb-choice__box {
  border-color: var(--bb-green);
  background: rgba(26, 67, 49, 0.05);
  color: var(--bb-green);
}

.bb-choice__title {
  display: block;
  color: var(--bb-green);
  font-size: 1rem;
  font-weight: 700;
}

.bb-choice__meta {
  display: block;
  margin-top: 0.2rem;
  color: var(--bb-text-muted);
  font-size: 0.9rem;
  font-weight: 500;
}

.bb-choice__price {
  color: var(--bb-terracotta);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bb-choice__price--neutral {
  color: var(--bb-green);
}

.bb-order__aside {
  position: relative;
}

.bb-order__pricing {
  padding: 2rem;
  border-radius: 24px;
  background: var(--bb-green-alt);
  color: var(--bb-white);
  box-shadow: 0 24px 38px rgba(26, 54, 50, 0.22);
}

.bb-order__pricing-inner {
  position: sticky;
  top: calc(var(--bb-header-height) + 2rem);
}

.bb-order__pricing-title {
  margin: 0 0 1.6rem;
  font-family: var(--bb-font-serif);
  font-size: 2rem;
  font-weight: 500;
  color: var(--bb-white);
}

.bb-service-list {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}

.bb-service-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  color: rgba(255, 255, 255, 0.9);
}

.bb-service-list__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-top: 0.05rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--bb-terracotta);
}

.bb-service-list__icon svg {
  width: 14px;
  height: 14px;
}

.bb-order__total {
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.bb-order__total-label {
  margin-bottom: 0.35rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.bb-order__total-value {
  color: var(--bb-bg);
  font-family: var(--bb-font-serif);
  font-size: clamp(2.75rem, 6vw, 4rem);
  line-height: 1;
}

.bb-order__editor-note {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  background: rgba(200, 98, 64, 0.08);
  color: var(--bb-green);
  font-size: 0.95rem;
}

.bb-why__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}

.bb-why__cards {
  display: grid;
  gap: 1.5rem;
}

.bb-feature-card {
  padding: 2rem;
  border-radius: 24px;
}

.bb-feature-card--cream {
  border: 1px solid var(--bb-cream-border);
  background: var(--bb-cream);
  color: var(--bb-green);
}

.bb-feature-card--dark {
  background: var(--bb-green-alt);
  color: var(--bb-white);
}

.bb-feature-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.bb-feature-card__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

.bb-feature-card--cream .bb-feature-card__icon {
  background: #F6EFE0;
  color: var(--bb-terracotta);
}

.bb-feature-card--dark .bb-feature-card__icon {
  background: rgba(255, 255, 255, 0.1);
  color: var(--bb-white);
}

.bb-feature-card__icon svg {
  width: 24px;
  height: 24px;
}

.bb-feature-card__title {
  margin: 0;
  font-family: var(--bb-font-serif);
  font-size: 1.9rem;
  color: inherit;
}

.bb-feature-card__text {
  margin: 0;
  font-size: 1rem;
  color: inherit;
  opacity: 0.82;
}

.bb-comparison {
  overflow: hidden;
  border: 1px solid var(--bb-border);
  border-radius: 24px;
  background: #FCFCFC;
  box-shadow: 0 12px 28px rgba(17, 42, 31, 0.04);
}

.bb-comparison__title {
  padding: 1.35rem 1.6rem;
  background: var(--bb-green-alt);
  color: var(--bb-white);
  text-align: center;
  font-family: var(--bb-font-serif);
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bb-comparison__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.bb-comparison__table th,
.bb-comparison__table td {
  padding: 1rem 1.1rem;
  border-bottom: 1px solid #F0F0F0;
}

.bb-comparison__table thead th {
  color: var(--bb-green);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
}

.bb-comparison__table thead th:nth-child(2) {
  background: var(--bb-cream);
  color: var(--bb-terracotta);
  text-align: center;
}

.bb-comparison__table thead th:nth-child(3) {
  color: #88928F;
  text-align: center;
}

.bb-comparison__table tbody td:first-child {
  color: var(--bb-green);
  font-weight: 600;
}

.bb-comparison__table tbody td:nth-child(2) {
  background: var(--bb-cream);
  text-align: center;
}

.bb-comparison__table tbody td:nth-child(3) {
  color: #A0AAB2;
  text-align: center;
}

.bb-comparison__table tbody tr:last-child td {
  border-bottom: 0;
}

.bb-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.bb-status-icon--yes {
  color: var(--bb-terracotta);
}

.bb-status-icon--no {
  color: #98A29D;
}

.bb-status-icon svg {
  width: 18px;
  height: 18px;
}

.bb-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.bb-review {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 2rem;
  border: 1px solid var(--bb-cream-border);
  border-radius: 24px;
  background: var(--bb-cream);
}

.bb-review__quote {
  margin: 0 0 2rem;
  color: var(--bb-text-muted);
  font-size: 1rem;
  font-style: italic;
}

.bb-review__footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bb-review__avatar {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #D1F1E5;
  color: var(--bb-green-alt);
  font-size: 1.2rem;
  font-weight: 800;
}

.bb-review__name {
  color: var(--bb-green);
  font-weight: 700;
}

.bb-review__tag {
  margin-top: 0.2rem;
  color: var(--bb-terracotta);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bb-footer__brand p {
  margin: 0;
}

.bb-video-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.bb-video-card {
  position: relative;
  display: block;
  color: var(--bb-white);
  aspect-ratio: 9 / 16;
  border: 4px solid var(--bb-white);
  border-radius: 24px;
  overflow: hidden;
  background: var(--bb-green);
  box-shadow: 0 15px 35px rgba(26, 67, 49, 0.1);
}

.bb-video-card__media,
.bb-video-card__image,
.bb-video-card__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.bb-video-card__image,
.bb-video-card__placeholder {
  object-fit: cover;
  transition: transform 0.7s ease;
}

.bb-video-card:hover .bb-video-card__image,
.bb-video-card:hover .bb-video-card__placeholder {
  transform: scale(1.05);
}

.bb-video-card__placeholder {
  display: grid;
  place-items: center;
  background: linear-gradient(140deg, rgba(26, 67, 49, 0.92), rgba(200, 98, 64, 0.48));
}

.bb-video-card__placeholder svg {
  width: 80px;
  height: 80px;
  opacity: 0.8;
}

.bb-video-card__top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  gap: 0.7rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent);
}

.bb-video-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 0.84rem;
  font-weight: 700;
}

.bb-video-card__stat svg {
  width: 15px;
  height: 15px;
}

.bb-video-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1.6rem;
  text-align: center;
  background: linear-gradient(to top, rgba(15, 41, 30, 0.94) 7%, rgba(15, 41, 30, 0.22) 48%, transparent);
}

.bb-video-card__play {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: rgba(200, 98, 64, 0.92);
  box-shadow: 0 16px 28px rgba(200, 98, 64, 0.22);
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.bb-video-card:hover .bb-video-card__play {
  transform: scale(1.08);
  background: var(--bb-terracotta);
}

.bb-video-card__play svg {
  width: 24px;
  height: 24px;
  margin-left: 2px;
}

.bb-video-card__title {
  margin: 0;
  font-family: var(--bb-font-serif);
  font-size: 1.35rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bb-business {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  overflow: hidden;
  padding: 3rem 3.4rem;
  border-radius: 30px;
  background: var(--bb-green);
  box-shadow: 0 20px 40px rgba(26, 67, 49, 0.2);
}

.bb-business__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.16;
  mix-blend-mode: screen;
  pointer-events: none;
}

.bb-business__content,
.bb-business__actions {
  position: relative;
  z-index: 1;
}

.bb-business__content {
  max-width: 560px;
}

.bb-business__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  color: var(--bb-terracotta);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bb-business__eyebrow svg {
  width: 18px;
  height: 18px;
}

.bb-business__title {
  margin: 0 0 0.9rem;
  color: var(--bb-white);
  font-family: var(--bb-font-serif);
  font-size: clamp(2.2rem, 4vw, 3.1rem);
  line-height: 1.1;
}

.bb-business__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1rem;
}

.bb-footer {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 2rem;
  background: var(--bb-footer);
  color: rgba(255, 255, 255, 0.72);
}

.bb-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

.bb-footer__brand {
  max-width: 360px;
}

.bb-footer__brand .bb-brand {
  margin-bottom: 1.5rem;
  color: var(--bb-white);
  font-size: 2rem;
}

.bb-footer__title {
  margin: 0 0 1.3rem;
  color: var(--bb-white);
  font-family: var(--bb-font-serif);
  font-size: 1.2rem;
}

.bb-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.8rem;
}

.bb-footer__links a,
.bb-footer__contact a {
  transition: color 0.25s ease;
}

.bb-footer__links a:hover,
.bb-footer__contact a:hover {
  color: var(--bb-terracotta);
}

.bb-footer__email {
  display: inline-block;
  margin-bottom: 1.35rem;
  color: var(--bb-terracotta);
  font-weight: 700;
}

.bb-socials {
  display: flex;
  gap: 0.75rem;
}

.bb-social {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: var(--bb-white);
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.bb-social:hover {
  background: var(--bb-terracotta);
  border-color: var(--bb-terracotta);
  transform: translateY(-2px);
}

.bb-social svg {
  width: 17px;
  height: 17px;
}

.bb-footer__bottom {
  padding-top: 1.7rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

@media (min-width: 1024px) {
  .bb-mobile-panel {
    display: none;
  }
}

@media (max-width: 1199px) {
  .bb-order__layout {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}

@media (max-width: 1023px) {
  :root {
    --bb-header-height: 76px;
  }

  .bb-section {
    padding: 88px 0;
  }

  .bb-section--hero {
    padding-top: 150px;
    padding-bottom: 72px;
  }

  .bb-nav--desktop {
    display: none;
  }

  .bb-header__mobile-controls {
    display: flex;
  }

  .bb-how__grid,
  .bb-order__layout,
  .bb-why__layout,
  .bb-footer__grid {
    grid-template-columns: 1fr;
  }

  .bb-order__pricing-inner {
    position: static;
  }

  .bb-business {
    flex-direction: column;
    align-items: flex-start;
  }

  .bb-reviews__grid,
  .bb-video-gallery__grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(78vw, 78vw);
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.35rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .bb-reviews__grid::-webkit-scrollbar,
  .bb-video-gallery__grid::-webkit-scrollbar {
    display: none;
  }

  .bb-reviews__grid > *,
  .bb-video-gallery__grid > * {
    scroll-snap-align: start;
  }
}

@media (max-width: 749px) {
  .bb-container,
  .bb-container--wide {
    width: min(calc(100% - 32px), var(--bb-max));
  }

  .bb-header__inner {
    gap: 0.85rem;
  }

  .bb-brand {
    gap: 0.65rem;
    font-size: 1.55rem;
  }

  .bb-brand__icon {
    width: 2.25rem;
    height: 2.25rem;
  }

  .bb-title {
    font-size: 2rem;
  }

  .bb-copy,
  .bb-hero__text {
    font-size: 1rem;
  }

  .bb-btn {
    width: 100%;
  }

  .bb-hero__actions {
    gap: 0.85rem;
  }

  .bb-how__shell,
  .bb-order__form,
  .bb-order__pricing,
  .bb-feature-card,
  .bb-review,
  .bb-business {
    padding: 1.5rem;
  }

  .bb-how__shell {
    border-radius: 30px;
  }

  .bb-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bb-options-grid--delivery {
    grid-template-columns: 1fr;
  }

  .bb-comparison__table th,
  .bb-comparison__table td {
    padding: 0.85rem 0.8rem;
  }

  .bb-reviews__grid,
  .bb-video-gallery__grid {
    grid-auto-columns: minmax(86vw, 86vw);
    gap: 1rem;
  }

  .bb-video-gallery__grid {
    gap: 1.25rem;
  }

  .bb-video-card__title {
    font-size: 1.15rem;
  }
}

@media (max-width: 479px) {
  .bb-lang-switch__btn {
    padding: 0.45rem 0.72rem;
  }

  .bb-header__mobile-controls {
    gap: 0.5rem;
  }

  .bb-order__group-title {
    font-size: 1.25rem;
  }

  .bb-choice__box--delivery {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


/* BabaBeldi warm restyle */
.bb-header { background: transparent; }
.bb-header.is-scrolled { background: rgba(138, 52, 56, 0.90); border-bottom-color: rgba(247, 233, 211, 0.18); box-shadow: 0 10px 24px rgba(42, 23, 20, 0.18); }
.bb-brand { color: var(--bb-white); }
.bb-brand__icon { background: rgba(255, 140, 58, 0.14); color: var(--bb-terracotta); }
.bb-nav__link, .bb-mobile-panel__link { color: var(--bb-white); }
.bb-lang-switch { background: rgba(35,28,28,0.88); border-color: rgba(215,154,83,0.7); }
.bb-lang-switch__btn { color: #F7E9D3; }
.bb-lang-switch__btn.is-active { background: #588454; color: #FFF7ED; }
.bb-mobile-toggle { background: rgba(35,28,28,0.88); color: var(--bb-white); border-color: rgba(215,154,83,0.7); }
.bb-mobile-panel { background: rgba(42,35,35,0.96); }
.bb-mobile-panel__link { border-bottom-color: rgba(215,154,83,0.25); }
.bb-badge { background: rgba(250, 188, 143, 0.18); color: #FFD5B0; }
.bb-title, .bb-step__title, .bb-order__group-title, .bb-review__name, .bb-comparison__table tbody td:first-child, .bb-footer__title, .bb-copy, .bb-hero__text, .bb-step__text, .bb-feature-card__text, .bb-business__text, .bb-footer__brand p, .bb-review__quote, .bb-upload__feedback, .bb-choice__meta { color: var(--bb-white); }
.bb-surface, .bb-how__shell, .bb-order__form, .bb-comparison, .bb-review, .bb-business, .bb-footer { box-shadow: var(--bb-shadow-soft); }
.bb-how__shell, .bb-order__form, .bb-comparison { background: rgba(44,35,35,0.88); border-color: rgba(215,154,83,0.85); }
.bb-step__icon, .bb-order__group-index { background: rgba(255, 140, 58, 0.16); border-color: rgba(215,154,83,0.85); }
.bb-textarea, .bb-upload, .bb-choice__box { background: rgba(31,24,24,0.72); border-color: rgba(215,154,83,0.85); color: var(--bb-white); }
.bb-textarea:focus { border-color: #FFD09D; background: rgba(31,24,24,0.88); box-shadow: 0 0 0 4px rgba(255,140,58,0.14); }
.bb-upload__title, .bb-choice__title { color: var(--bb-white); }
.bb-choice input:checked + .bb-choice__box { background: rgba(255, 140, 58, 0.14); border-color: #FFD09D; color: #FFD09D; }
.bb-options-grid--delivery .bb-choice input:checked + .bb-choice__box { background: rgba(246, 233, 214, 0.10); border-color: #FFF2DD; color: var(--bb-white); }
.bb-choice__price--neutral { color: #FFF2DD; }
.bb-order__pricing { background: var(--bb-card-teal); color: var(--bb-white); }
.bb-order__pricing-title, .bb-order__total-value { color: #FFF3E4; }
.bb-service-list__icon { background: rgba(255,255,255,0.12); }
.bb-feature-card { border: 2px solid rgba(215,154,83,0.9); }
.bb-feature-card--cream { background: rgba(90,71,36,0.9); color: #FFF3E4; }
.bb-feature-card--dark { background: rgba(62,133,126,0.92); color: #FFF3E4; }
.bb-feature-card--cream .bb-feature-card__icon { background: rgba(255,140,58,0.12); }
.bb-comparison { background: rgba(42,35,35,0.88); }
.bb-comparison__title { background: rgba(62,133,126,0.92); color: #FFF3E4; }
.bb-comparison__table thead th { color: #FFF3E4; }
.bb-comparison__table thead th:nth-child(2), .bb-comparison__table tbody td:nth-child(2) { background: rgba(90,71,36,0.88); }
.bb-comparison__table thead th:nth-child(3), .bb-comparison__table tbody td:nth-child(3) { color: #E8D8C5; }
.bb-review { background: rgba(90,71,36,0.92); border: 2px solid rgba(215,154,83,0.9); }
.bb-review__avatar { background: #48C78E; color: #FFF7ED; }
.bb-video-card { border-color: rgba(215,154,83,0.7); box-shadow: var(--bb-shadow-card); }
.bb-video-card__overlay { background: linear-gradient(to top, rgba(44,35,35,0.94) 7%, rgba(44,35,35,0.18) 48%, transparent); }
.bb-video-card__play { background: var(--bb-terracotta); }
.bb-video-card__stat { background: rgba(54, 48, 48, 0.52); color: #FFF3E4; }
.bb-business { background: rgba(44,35,35,0.92); border: 1px solid rgba(215,154,83,0.8); }
.bb-business__eyebrow { color: #FFD09D; }
.bb-footer { background: rgba(42,35,35,0.96); }
.bb-footer__brand .bb-brand { color: #FFF3E4; }
.bb-social { border-color: rgba(215,154,83,0.4); }

@media (max-width: 1023px) {
  body.bb-site::after { background: linear-gradient(180deg, rgba(184,95,49,0.06), rgba(184,95,49,0.04)); }
  .bb-header, .bb-header.is-scrolled { background: rgba(138, 52, 56, 0.96); border-bottom: 0; box-shadow: none; }
  .bb-header__inner { height: 72px; }
  .bb-section { padding: 52px 0; }
  .bb-section--hero { padding-top: 112px; padding-bottom: 44px; }
  .bb-section--hero.bb-section--hero-has-bg { background-position: center top; }
  .bb-hero { max-width: 100%; }
  .bb-badge { margin-bottom: 1.25rem; padding: 0.8rem 1rem; font-size: 0.72rem; letter-spacing: 0.10em; }
  .bb-hero__title { font-size: clamp(2.7rem, 11vw, 4rem); line-height: 1.08; }
  .bb-hero__text { max-width: 320px; margin-top: 1rem; }
  .bb-how__grid, .bb-reviews__grid, .bb-video-gallery__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; overflow: visible; }
  .bb-how__shell, .bb-order__form, .bb-order__pricing, .bb-feature-card, .bb-review, .bb-business, .bb-comparison { border-radius: 26px; }
  .bb-step__icon { width: 84px; height: 84px; margin-bottom: 1.2rem; }
  .bb-step__title { font-size: 1.95rem; }
  .bb-step__text { max-width: 260px; margin: 0 auto; font-size: 1.08rem; }
  .bb-order__layout { gap: 1.25rem; }
  .bb-order__form { order: 1; }
  .bb-order__aside { order: 2; }
  .bb-order__pricing { padding: 1.7rem; }
  .bb-order__pricing-title { font-size: 2rem; }
  .bb-order__total-value { font-size: 3.4rem; }
  .bb-feature-card__title { font-size: 1.75rem; text-decoration: underline; text-underline-offset: 0.15em; }
  .bb-comparison__title { font-size: 1.45rem; letter-spacing: 0.08em; }
  .bb-comparison__table th, .bb-comparison__table td { padding: 0.75rem 0.5rem; font-size: 0.88rem; }
  .bb-review__quote { margin-bottom: 1.4rem; }
  .bb-video-card { aspect-ratio: 9 / 14.5; }
  .bb-video-card__top { justify-content: flex-start; padding: 0.9rem; }
  .bb-video-card__play { width: 58px; height: 58px; margin-bottom: 0.8rem; }
}

@media (max-width: 749px) {
  .bb-container, .bb-container--wide { width: min(calc(100% - 26px), var(--bb-max)); }
  .bb-brand { font-size: 1.95rem; }
  .bb-brand__icon { width: 2rem; height: 2rem; background: transparent; }
  .bb-lang-switch__btn { font-size: 0.72rem; padding: 0.45rem 0.6rem; }
  .bb-mobile-toggle { width: 44px; height: 44px; }
  .bb-title { font-size: 2.35rem; text-transform: uppercase; letter-spacing: 0.02em; }
  .bb-copy { max-width: 310px; }
  .bb-btn { width: 100%; min-height: 62px; font-size: 0.9rem; }
  .bb-btn--secondary { background: rgba(42,35,35,0.86); }
  .bb-how__shell, .bb-order__form, .bb-order__pricing, .bb-feature-card, .bb-review, .bb-business, .bb-comparison { padding: 1.45rem; }
  .bb-order__form { background: rgba(44,35,35,0.88); }
  .bb-order__group-title { font-size: 1.5rem; }
  .bb-textarea { min-height: 120px; }
  .bb-upload { padding: 1.55rem 1rem; }
  .bb-options-grid { gap: 0.8rem; }
  .bb-choice__box { border-radius: 18px; min-height: 72px; }
  .bb-choice__box--delivery { min-height: auto; }
  .bb-order__pricing { margin-top: 0.25rem; }
  .bb-feature-card__header { align-items: flex-start; }
  .bb-feature-card__icon { width: 40px; height: 40px; border-radius: 12px; }
  .bb-review__avatar { width: 42px; height: 42px; }
  .bb-video-card__title { font-size: 1.45rem; }
}
body,
.shopify-section,
.bb-page,
.bb-hero {
  background-color: transparent !important;
}

body {
  background: linear-gradient(rgba(55, 24, 18, 0.60), rgba(55, 24, 18, 0.60)),
              url('/cdn/shop/files/8f9eeab5-8a65-4eb7-8b70-858e76f61231.jpg?v=1773425659') center center / cover no-repeat fixed !important;
}

.bb-hero,
.bb-hero__inner,
.bb-hero__overlay,
.bb-hero__content {
  background: transparent !important;
}

.order-form__submit,
.order-form button[type="submit"] {
  margin-top: 28px !important;
}
.bb-btn--secondary,
.bb-btn-secondary,
a[href="#vid"].bb-btn,
.bb-hero .bb-btn--secondary,
.bb-hero .bb-btn-secondary {
  background: #2b2323 !important;
  color: #f6e7d2 !important;
  border: 1px solid #d89a52 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
}

.bb-btn--secondary:hover,
.bb-btn-secondary:hover,
a[href="#vid"].bb-btn:hover,
.bb-hero .bb-btn--secondary:hover,
.bb-hero .bb-btn-secondary:hover {
  background: #3a2d2d !important;
  color: #fff3e2 !important;
  border-color: #efac63 !important;
}
.bb-order button[type="submit"],
.order-form button[type="submit"],
.order-form__submit,
.bb-order__submit {
  margin-top: 32px !important;
}

.bb-choice-box--delivery,
.bb-choice__box--delivery,
.bb-order .bb-choice-box:last-of-type,
.bb-order .bb-choice__box:last-of-type {
  margin-bottom: 10px !important;
}
.bb-video-card,
.bb-videos .bb-video-card,
.bb-videos .bb-card {
  background: rgba(35, 28, 28, 0.82) !important;
  border: 1px solid #d89a52 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.20) !important;
}

.bb-video-card_title,
.bb-video-card__title,
.bb-videos h3,
.bb-videos .bb-card-title {
  color: #f6e7d2 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
}

.bb-video-card_stats,
.bb-video-card__stats,
.bb-videos .bb-stat,
.bb-videos .bb-chip {
  background: rgba(25, 20, 20, 0.72) !important;
  color: #f6e7d2 !important;
  border: 1px solid rgba(216,154,82,0.55) !important;
}

.bb-video-card .play,
.bb-video-card__play,
.bb-videos .bb-play {
  background: #d97832 !important;
  color: #fff3e2 !important;
}
.bb-order .bb-group:last-of-type {
  margin-bottom: 26px !important;
}

.bb-order .bb-group:last-of-type + button,
.bb-order .bb-group:last-of-type + .order-form__submit,
.bb-order .bb-group:last-of-type + .bb-order__submit,
.bb-order form button[type="submit"],
.bb-order form .order-form__submit,
.bb-order form .bb-order__submit {
  margin-top: 26px !important;
}

.bb-order .bb-submit-wrap,
.bb-order .bb-order__submit-wrap,
.bb-order .order-form__actions {
  margin-top: 26px !important;
}.bb-order .bb-group:last-of-type {
  margin-bottom: 26px !important;
}

.bb-order .bb-group:last-of-type + button,
.bb-order .bb-group:last-of-type + .order-form__submit,
.bb-order .bb-group:last-of-type + .bb-order__submit,
.bb-order form button[type="submit"],
.bb-order form .order-form__submit,
.bb-order form .bb-order__submit {
  margin-top: 26px !important;
}

.bb-order .bb-submit-wrap,
.bb-order .bb-order__submit-wrap,
.bb-order .order-form__actions {
  margin-top: 26px !important;
}
.bb-order .bb-group:last-of-type {
  margin-bottom: 26px !important;
}

.bb-order .bb-group:last-of-type + button,
.bb-order .bb-group:last-of-type + .order-form__submit,
.bb-order .bb-group:last-of-type + .bb-order__submit,
.bb-order form button[type="submit"],
.bb-order form .order-form__submit,
.bb-order form .bb-order__submit {
  margin-top: 26px !important;
}

.bb-order .bb-submit-wrap,
.bb-order .bb-order__submit-wrap,
.bb-order .order-form__actions {
  margin-top: 26px !important;
}

.bb-order .bb-dev-note,
.bb-order .bb-note,
.bb-order .bb-helper,
.bb-order .bb-product-note {
  display: none !important;
}


/* Final polish fixes */
.bb-business__actions .bb-btn--light,
.bb-business__actions a.bb-btn--light {
  background: #2b2323 !important;
  color: #f6e7d2 !important;
  border: 1px solid #d89a52 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.22) !important;
}

.bb-business__actions .bb-btn--light:hover,
.bb-business__actions a.bb-btn--light:hover {
  background: #3a2d2d !important;
  color: #fff3e2 !important;
  border-color: #efac63 !important;
}

.bb-business__actions .bb-btn--light .bb-icon-inline,
.bb-business__actions a.bb-btn--light .bb-icon-inline {
  color: #efac63 !important;
}

.bb-order__form [data-order-submit] {
  margin-top: 1.5rem !important;
}

.bb-order__form .bb-options-grid--delivery {
  margin-bottom: 0.45rem !important;
}

.bb-order__editor-note {
  display: none !important;
}

@media (max-width: 1023px) {
  .bb-reviews__grid,
  .bb-video-gallery__grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 84vw !important;
    gap: 1rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.35rem !important;
    align-items: stretch !important;
  }

  .bb-reviews__grid > *,
  .bb-video-gallery__grid > * {
    scroll-snap-align: start;
  }

  .bb-reviews__grid::-webkit-scrollbar,
  .bb-video-gallery__grid::-webkit-scrollbar {
    display: none;
  }

  .bb-review {
    min-height: 320px;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
  }

  .bb-review__quote {
    margin-bottom: 1.25rem;
  }

  .bb-comparison__table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
  }

  .bb-comparison__table thead th:nth-child(2),
  .bb-comparison__table tbody td:nth-child(2) {
    background: rgba(110, 84, 39, 0.92) !important;
    border-left: 1px solid rgba(215,154,83,0.45);
    border-right: 1px solid rgba(215,154,83,0.45);
  }

  .bb-comparison__table thead th:nth-child(3),
  .bb-comparison__table tbody td:nth-child(3) {
    background: rgba(34, 30, 30, 0.82) !important;
  }
}

@media (max-width: 749px) {
  .bb-order__form [data-order-submit] {
    margin-top: 1.85rem !important;
  }

  .bb-review {
    min-height: 344px;
  }

  .bb-comparison__table th,
  .bb-comparison__table td {
    padding: 0.75rem 0.45rem !important;
    font-size: 0.82rem !important;
  }

  .bb-comparison__table thead th:nth-child(2),
  .bb-comparison__table thead th:nth-child(3) {
    font-size: 0.76rem !important;
    white-space: nowrap;
  }
}


/* Final polish pass */
.bb-order__note,
.bb-dev-note,
.bb-note,
.bb-helper,
.bb-product-note {
  display: none !important;
}

.bb-business .bb-btn--light,
.bb-business .bb-btn,
.bb-business__actions .bb-btn {
  background: rgba(35, 29, 29, 0.92) !important;
  color: #F8E8D7 !important;
  border: 1px solid rgba(216,154,82,0.95) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.22) !important;
}

.bb-business .bb-btn--light:hover,
.bb-business .bb-btn:hover,
.bb-business__actions .bb-btn:hover {
  background: rgba(52, 38, 38, 0.96) !important;
  color: #FFF6EA !important;
}

.bb-order__form [data-order-submit],
.bb-order form [data-order-submit] {
  margin-top: 2.25rem !important;
}

@media (max-width: 749px) {
  .bb-how__shell {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }

  .bb-step__icon {
    width: 68px !important;
    height: 68px !important;
    margin-bottom: 0.9rem !important;
  }

  .bb-step__title {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
  }

  .bb-step__text {
    font-size: 0.98rem !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
  }

  .bb-comparison__title {
    font-size: 1.15rem !important;
    letter-spacing: 0.05em !important;
    padding: 1rem 0.8rem !important;
  }

  .bb-comparison__table {
    table-layout: fixed !important;
    width: 100% !important;
  }

  .bb-comparison__table th,
  .bb-comparison__table td {
    font-size: 0.78rem !important;
    padding: 0.72rem 0.35rem !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .bb-comparison__table thead th:first-child,
  .bb-comparison__table tbody td:first-child {
    width: 42% !important;
  }

  .bb-comparison__table thead th:nth-child(2),
  .bb-comparison__table tbody td:nth-child(2),
  .bb-comparison__table thead th:nth-child(3),
  .bb-comparison__table tbody td:nth-child(3) {
    width: 29% !important;
  }

  .bb-comparison__table thead th:nth-child(2),
  .bb-comparison__table thead th:nth-child(3) {
    font-size: 0.68rem !important;
    letter-spacing: 0.02em !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .bb-reviews__grid {
    grid-auto-columns: 84vw !important;
    align-items: stretch !important;
  }

  .bb-review {
    min-height: 290px !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: 1fr auto !important;
  }

  .bb-review__quote {
    font-size: 0.98rem !important;
    line-height: 1.55 !important;
  }

  .bb-video-gallery__grid {
    grid-auto-columns: 84vw !important;
  }

  .bb-video-card {
    aspect-ratio: 9 / 14 !important;
  }

  .bb-video-card__top {
    padding: 0.75rem !important;
    gap: 0.45rem !important;
    flex-wrap: wrap !important;
  }

  .bb-video-card__stat {
    font-size: 0.82rem !important;
    padding: 0.55rem 0.72rem !important;
  }

  .bb-video-card__overlay {
    padding: 1rem 1rem 1.1rem !important;
  }

  .bb-video-card__play {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 0.7rem !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .bb-video-card__title {
    font-size: 1.02rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    max-width: 92% !important;
    margin: 0 auto !important;
    word-break: break-word !important;
  }
}

.bb-cart {
  background: rgba(44,35,35,0.88);
  border: 1px solid rgba(215,154,83,0.85);
  border-radius: 30px;
  padding: 1.5rem;
  box-shadow: var(--bb-shadow-soft);
}

.bb-cart__layout {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(280px,0.7fr);
  gap: 1.4rem;
  align-items: start;
}

.bb-cart__items,
.bb-cart__summary {
  background: rgba(35,29,29,0.76);
  border: 1px solid rgba(216,154,82,0.45);
  border-radius: 24px;
  padding: 1.2rem;
}

.bb-cart__item {
  display: grid;
  grid-template-columns: 88px 1fr auto;
  gap: 1rem;
  align-items: start;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(216,154,82,0.18);
}

.bb-cart__item:last-child { border-bottom: 0; }
.bb-cart__item-image img { width: 88px; height: 88px; object-fit: cover; border-radius: 18px; }
.bb-cart__item-title { margin: 0 0 0.35rem; font-size: 1.1rem; color: #FFF3E4; }
.bb-cart__prop { font-size: 0.92rem; color: #F3E7DA; margin: 0.18rem 0; }
.bb-cart__price, .bb-cart__total-line strong { color: #FFF3E4; font-weight: 700; }
.bb-cart__total-line { display:flex; justify-content:space-between; gap:1rem; padding:0.55rem 0; color:#F3E7DA; }
.bb-cart__actions { display:flex; flex-direction:column; gap:0.85rem; margin-top:1rem; }
.bb-cart__empty { text-align:center; padding: 2rem 1rem; color:#FFF3E4; }
.bb-cart__qty { width: 84px; }
.bb-cart .bb-btn { width: 100%; }

@media (max-width: 900px) {
  .bb-cart__layout { grid-template-columns: 1fr; }
  .bb-cart__item { grid-template-columns: 72px 1fr; }
  .bb-cart__item-image img { width: 72px; height: 72px; }
  .bb-cart__price { grid-column: 2; }
}
.bb-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}

.bb-brand-logo {
  display: block;
  height: 62px;
  width: auto;
  max-width: 260px;
  object-fit: contain;
}

@media (max-width: 749px) {
  .bb-brand-logo {
    height: 44px;
    max-width: 180px;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 749px) {
    html,
    body {
      background: #7a2f2f !important;
    }

    body {
      position: relative !important;
      min-height: 100vh !important;
      isolation: isolate !important;
    }

    body::before {
      content: "" !important;
      position: fixed !important;
      inset: 0 !important;
      background-image: url("/cdn/shop/files/8f9eeab5-8a65-4eb7-8b70-858e76f61231_9efcbe22-864c-450b-9092-dc34f775881f.jpg?v=1773445572") !important;
      background-size: cover !important;
      background-position: center top !important;
      background-repeat: no-repeat !important;
      z-index: -2 !important;
      pointer-events: none !important;
    }

    body::after {
      content: "" !important;
      position: fixed !important;
      inset: 0 !important;
      background: rgba(90, 34, 28, 0.28) !important;
      z-index: -1 !important;
      pointer-events: none !important;
    }

    main,
    .shopify-section,
    .bb-section,
    .bb-page,
    .template-index {
      background: transparent !important;
      position: relative !important;
      z-index: 1 !important;
    }

    [data-header],
    .bb-header,
    .site-header,
    header {
      background: #963a3f !important;
    }
  }
}
@media (max-width: 749px) {
  .bb-reviews .bb-review,
  .bb-reviews .bb-review-card,
  .bb-reviews .bb-card {
    min-height: 520px !important;
    height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .bb-reviews .bb-review__quote,
  .bb-reviews .bb-review-quote,
  .bb-reviews .bb-card__text,
  .bb-reviews .bb-review p {
    flex: 1 1 auto !important;
  }

  .bb-reviews .bb-review__footer,
  .bb-reviews .bb-review-footer,
  .bb-reviews .bb-card__footer {
    margin-top: 18px !important;
  }
}
.bb-brand__icon,
.bb-brand__text {
  display: none !important;
}

.bb-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
  overflow: visible !important;
}

.bb-brand-logo {
  display: block;
  height: 72px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  transform: scale(1.9);
  transform-origin: left center;
}

@media (max-width: 749px) {
  .bb-brand-logo {
    height: 52px !important;
    transform: scale(1.5);
    transform-origin: left center;
  }
}
.bb-video-card__media {
  position: relative;
  overflow: hidden;
}

.bb-video-card__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bb-video-card--inline-video .bb-video-card__top {
  pointer-events: none;
}

.bb-video-card--inline-video .bb-video-card__overlay {
  pointer-events: auto;
}

.bb-video-card__play {
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 20;
}

.bb-video-card__title {
  pointer-events: none;
}

/* make review cards same height */
.bb-review-card,
.bb-reviews__card,
.bb-testimonial-card {
  min-height: 430px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* make the text area take the free space */
.bb-review-card__quote,
.bb-reviews__quote,
.bb-testimonial-card__quote,
.bb-review-card p,
.bb-reviews__card p,
.bb-testimonial-card p {
  flex: 1;
}

/* keep the avatar + name block aligned at the bottom */
.bb-review-card__footer,
.bb-reviews__footer,
.bb-testimonial-card__footer,
.bb-review-card__author,
.bb-reviews__author,
.bb-testimonial-card__author {
  margin-top: auto;
}

/* mobile */
@media (max-width: 749px) {
  .bb-review-card,
  .bb-reviews__card,
  .bb-testimonial-card {
    min-height: 390px;
  }
}
/* =========================
   MOBILE FIX - VIDEO GALLERY
   ========================= */
.bb-video-gallery__grid {
  gap: 24px;
}

.bb-video-card {
  position: relative;
  overflow: hidden !important;
  isolation: isolate;
}

.bb-video-card__media {
  position: relative;
  overflow: hidden !important;
}

.bb-video-card__image,
.bb-video-card__video,
.bb-video-card video,
.bb-video-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-video-card__top {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  z-index: 5;
}

.bb-video-card__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  z-index: 6;
}

.bb-video-card__title {
  position: relative;
  z-index: 7;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 749px) {
  .bb-video-gallery__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    overflow: visible !important;
  }

  .bb-video-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .bb-video-card__title {
    font-size: 2rem !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }
}

/* =========================
   MOBILE FIX - REVIEWS
   ========================= */
.bb-reviews__grid,
.bb-reviews__track,
.bb-reviews__slider,
.bb-testimonials__grid,
.bb-testimonials__track {
  gap: 24px;
}

.bb-review-card,
.bb-reviews__card,
.bb-testimonial-card,
.bb-testimonials__card {
  min-height: 430px !important;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box;
}

.bb-review-card__quote,
.bb-reviews__quote,
.bb-testimonial-card__quote,
.bb-testimonials__quote,
.bb-review-card p,
.bb-reviews__card p,
.bb-testimonial-card p,
.bb-testimonials__card p {
  flex: 1 1 auto;
}

.bb-review-card__footer,
.bb-reviews__footer,
.bb-testimonial-card__footer,
.bb-testimonials__footer,
.bb-review-card__author,
.bb-reviews__author,
.bb-testimonial-card__author,
.bb-testimonials__author {
  margin-top: auto !important;
}

@media (max-width: 749px) {
  .bb-review-card,
  .bb-reviews__card,
  .bb-testimonial-card,
  .bb-testimonials__card {
    min-height: 390px !important;
  }
}
/* STEP 1 — mobile width fix */
@media (max-width: 749px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .shopify-section,
  .bb-section,
  .bb-container,
  .bb-video-gallery__grid,
  .bb-reviews__grid,
  .bb-testimonials__grid,
  .bb-order__layout {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .bb-video-gallery__grid,
  .bb-reviews__grid,
  .bb-testimonials__grid {
    display: flex !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .bb-video-card,
  .bb-review-card,
  .bb-reviews__card,
  .bb-testimonial-card,
  .bb-testimonials__card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .bb-video-card img,
  .bb-video-card video,
  .bb-review-card img,
  .bb-reviews__card img,
  .bb-testimonial-card img,
  .bb-testimonials__card img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
/* STEP — mobile reviews same height */
@media (max-width: 749px) {
  .bb-reviews__grid,
  .bb-reviews__track,
  .bb-testimonials__grid,
  .bb-testimonials__track {
    align-items: stretch !important;
  }

  .bb-review-card,
  .bb-reviews__card,
  .bb-testimonial-card,
  .bb-testimonials__card {
    height: 430px !important;
    min-height: 430px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .bb-review-card p,
  .bb-reviews__card p,
  .bb-testimonial-card p,
  .bb-testimonials__card p,
  .bb-review-card__quote,
  .bb-reviews__quote,
  .bb-testimonial-card__quote,
  .bb-testimonials__quote {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 7 !important;
    overflow: hidden !important;
    flex-grow: 1 !important;
  }

  .bb-review-card__footer,
  .bb-reviews__footer,
  .bb-testimonial-card__footer,
  .bb-testimonials__footer,
  .bb-review-card__author,
  .bb-reviews__author,
  .bb-testimonial-card__author,
  .bb-testimonials__author {
    margin-top: auto !important;
  }
}
.reviews__item {
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

.reviews__item .review-content {
  flex-grow: 1;
}

/* smoother video cards */
.bb-video-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.bb-video-card::before,
.bb-video-card::after {
  display: none !important;
  content: none !important;
}

.bb-video-card__media {
  background: transparent !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(212, 153, 84, 0.75) !important;
  box-shadow: none !important;
}

.bb-video-card__image,
.bb-video-card__video,
.bb-video-card video,
.bb-video-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* smooth video cards: remove brown gutters/strips around videos */
.bb-video-gallery__grid {
  gap: 14px !important;
}

.bb-video-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.bb-video-card::before,
.bb-video-card::after {
  display: none !important;
  content: none !important;
}

.bb-video-card__media {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

.bb-video-card video,
.bb-video-card img,
.bb-video-card__video,
.bb-video-card__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

.bb-video-card__overlay {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.bb-video-card__top {
  top: 16px !important;
  left: 16px !important;
  right: 16px !important;
}
/* phone only - give footer/contact area more breathing room */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 749px) {
    footer,
    .bb-footer,
    .site-footer {
      padding-left: 20px !important;
      padding-right: 20px !important;
      box-sizing: border-box !important;
    }

    footer .bb-container,
    footer .page-width,
    .bb-footer .bb-container,
    .bb-footer__inner,
    .bb-footer__grid,
    .site-footer .page-width,
    .site-footer .bb-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }

    footer h2,
    footer h3,
    footer p,
    footer a,
    footer li,
    .bb-footer h2,
    .bb-footer h3,
    .bb-footer p,
    .bb-footer a,
    .bb-footer li,
    .site-footer h2,
    .site-footer h3,
    .site-footer p,
    .site-footer a,
    .site-footer li {
      line-height: 1.55 !important;
    }

    .bb-footer__social,
    .bb-socials,
    .social-links,
    .list-social {
      margin-top: 18px !important;
      gap: 14px !important;
      flex-wrap: wrap !important;
    }
  }
}
/* also clean the TOP / outer wrapper of the video area */
.bb-video-gallery,
.bb-video-gallery__viewport,
.bb-video-gallery__track,
.bb-video-gallery__grid,
.bb-video-gallery__grid > *,
.bb-video-gallery__track > * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.bb-video-card__top,
.bb-video-card__overlay {
  background: transparent !important;
}

@media (max-width: 749px) {
  .bb-video-gallery,
  .bb-video-gallery__viewport,
  .bb-video-gallery__track,
  .bb-video-gallery__grid {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
  }

  .bb-video-gallery__grid > *,
  .bb-video-gallery__track > * {
    background: transparent !important;
    margin-top: 0 !important;
  }
}
/* PHONE ONLY - reviews smaller, footer at bottom, no weird empty space */
@media (max-width: 749px) {
  .bb-reviews__grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
  }

  .bb-review {
    flex: 0 0 calc(100vw - 128px) !important;
    width: calc(100vw - 128px) !important;
    min-width: calc(100vw - 128px) !important;
    max-width: calc(100vw - 128px) !important;
    min-height: 190px !important;
    height: 190px !important;
    padding: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    scroll-snap-align: center !important;
    box-sizing: border-box !important;
    border-radius: 24px !important;
  }

  .bb-review__quote {
    margin: 0 0 10px !important;
    font-size: 0.86rem !important;
    line-height: 1.38 !important;
  }

  .bb-review__footer {
    margin-top: auto !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .bb-review__avatar {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 0.95rem !important;
  }

  .bb-review__footer h4,
  .bb-review__footer strong,
  .bb-review_footer .bb-review_name {
    font-size: 0.8rem !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  .bb-review__footer p,
  .bb-review__footer span,
  .bb-review__footer small,
  .bb-review_footer .bb-review_meta,
  .bb-review_footer .bb-review_role {
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    margin: 2px 0 0 !important;
    letter-spacing: 0.08em !important;
  }
}
 <div class="bb-service-switch">
  <a class="bb-service-switch_btn bb-service-switch_btn--active" href="#reserver">
    <span data-i18n-fr="Particulier" data-i18n-en="Personal">Particulier</span>
  </a>
  <a class="bb-service-switch__btn" href="#offre-business">
    <span data-i18n-fr="Business" data-i18n-en="Business">Business</span>
  </a>
</div>
.bb-service-switch {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 auto 24px !important;
  padding: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  background: #ea944b !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
}

.bb-service-switch__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #2a1d1a !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}
.bb-service-switch__btn--active {
  background: rgba(33, 21, 19, 0.92) !important;
  color: #f8efe4 !important;
}

.bb-service-switch__btn:hover {
  opacity: 0.92 !important;
}

@media (max-width: 749px) {
  .bb-service-switch {
    width: calc(100% - 20px) !important;
    gap: 8px !important;
    padding: 7px !important;
    margin-bottom: 18px !important;
  }

  .bb-service-switch__btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 11px 14px !important;
    font-size: 0.9rem !important;
  }
}
@media (max-width: 749px) {
  header,
  [data-header],
  .bb-header {
    position: relative !important;
    z-index: 50 !important;
  }

  .bb-lang-switch,
  [data-lang-switch] {
    position: relative !important;
    z-index: 60 !important;
    pointer-events: auto !important;
    margin-right: 10px !important;
  }

  .bb-lang-switch__btn,
  [data-lang-btn] {
    position: relative !important;
    z-index: 61 !important;
    pointer-events: auto !important;
  }

  .bb-mobile-toggle,
  [data-mobile-toggle] {
    position: relative !important;
    z-index: 62 !important;
    flex: 0 0 auto !important;
  }

  .bb-header__actions,
  .bb-mobile-actions,
  .bb-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .bb-hero::before,
  .bb-hero::after,
  .bb-section-intro::before,
  .bb-section-intro::after {
    pointer-events: none !important;
  }
}

html.bb-menu-open,
body.bb-menu-open {
  overflow: hidden !important;
  height: 100% !important;
}

/* ==========================================================
   UNIFIED MOBILE MENU FIX - Replaces all conflicting blocks 
   ========================================================== */
@media (max-width: 749px) {
  .bb-mobile-panel,
  [data-mobile-panel] {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-14px);
    background: rgba(42, 35, 35, 0.96) !important;
    border-bottom: 1px solid rgba(215, 154, 83, 0.25) !important;
    box-shadow: 0 24px 40px rgba(15, 41, 30, 0.12) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: 10000 !important;
    transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease;
  }

  .bb-mobile-panel.is-open,
  [data-mobile-panel].is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .bb-mobile-panel__inner {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
    padding: 1.5rem 0 2rem;
  }

  .bb-mobile-panel__link {
    color: #f8efe4;
    font-size: 1.05rem;
    font-weight: 600;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(215, 154, 83, 0.25);
  }

  .bb-mobile-panel__cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .bb-header,
  .bb-header__inner,
  .bb-header__mobile-controls,
  header {
    overflow: visible !important;
  }
}
/* ==========================================================
   PERFECT MOBILE MENU FIX - Snaps to Content & Solid Dropdown
   ========================================================== */
@media (max-width: 749px) {
  /* 1. ELEVATE THE ENTIRE HEADER ABOVE ALL PAGE CONTENT */
  #shopify-section-header,
  .shopify-section-header,
  .shopify-section-group-header-group,
  header,
  .bb-header {
    position: relative !important;
    z-index: 2147483640 !important;
    overflow: visible !important;
    contain: none !important;
  }

  /* 2. MENU DROPDOWN - HEIGHT AUTO TO HUG THE BUTTON */
  .bb-mobile-panel,
  [data-mobile-panel] {
    position: absolute !important;
    top: 100% !important; 
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: auto !important; /* Let it snap to the content */
    min-height: auto !important; /* Removes the full-screen stretch */
    background-color: #2A2323 !important; 
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 2147483647 !important;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important;
    transform: translateY(-10px); /* Adds a smooth slide-down effect */
    margin: 0 !important;
    border-bottom: 1px solid rgba(215, 154, 83, 0.4) !important; /* Clean gold edge */
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.4) !important; /* Shadow to separate from page below */
  }

  /* 3. SHOW THE MENU PROPERLY WHEN OPENED */
  .bb-mobile-panel.is-open,
  [data-mobile-panel].is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* 4. INNER PADDING GIVES BREATHING ROOM UNDER THE BUTTON */
  .bb-mobile-panel__inner {
    position: relative !important;
    z-index: 2 !important;
    background-color: transparent !important;
    padding-bottom: 2rem !important; /* Space exactly under the Create Video button */
  }
}/* =========================
   SHOW ALL VIDEOS ON PHONE
   ========================= */

@media (max-width: 1023px) {
  .bb-video-gallery,
  .bb-video-gallery__viewport,
  .bb-video-gallery__track {
    overflow: visible !important;
  }

  .bb-video-gallery__grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 78vw !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 12px 10px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    width: max-content !important;
    max-width: none !important;
  }

  .bb-video-gallery__grid > * {
    display: block !important;
    width: 78vw !important;
    min-width: 78vw !important;
    max-width: 78vw !important;
    flex: 0 0 78vw !important;
    scroll-snap-align: start !important;
  }

  .bb-video-gallery__grid::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 749px) {
  .bb-video-gallery__grid {
    grid-auto-columns: 82vw !important;
  }

  .bb-video-gallery__grid > * {
    width: 82vw !important;
    min-width: 82vw !important;
    max-width: 82vw !important;
    flex-basis: 82vw !important;
  }
}/* MOBILE VIDEO SWIPE FIX */
@media (max-width: 1023px) {
  .bb-video-gallery,
  .bb-video-gallery__viewport,
  .bb-video-gallery__track,
  .bb-video-gallery__grid {
    max-width: 100% !important;
  }

  .bb-video-gallery {
    overflow: hidden !important;
  }

  .bb-video-gallery__viewport,
  .bb-video-gallery__track {
    overflow: visible !important;
  }

  .bb-video-gallery__grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 12px 12px !important;
    width: 100% !important;
  }

  .bb-video-gallery__grid::-webkit-scrollbar {
    display: none !important;
  }

  .bb-video-gallery__grid > * {
    flex: 0 0 78vw !important;
    width: 78vw !important;
    min-width: 78vw !important;
    max-width: 78vw !important;
    scroll-snap-align: start !important;
  }

  .bb-video-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 749px) {
  .bb-video-gallery__grid > * {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    min-width: 82vw !important;
    max-width: 82vw !important;
  }
}
button[name="update"],
input[name="update"] {
  display: none !important;
}
@media (max-width: 749px) {
  .bb-cart,
  .bb-cart__layout,
  .bb-cart__items,
  .bb-cart__summary,
  .bb-cart__item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .bb-cart__layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .bb-cart__items,
  .bb-cart__summary {
    padding: 16px !important;
    overflow: hidden !important;
  }

  .bb-cart__item {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  .bb-cart__item-image img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
  }

  .bb-cart__item-details,
  .bb-cart__item-info,
  .bb-cart__item-content {
    min-width: 0 !important;
  }

  .bb-cart__item-title,
  .bb-cart__prop,
  .bb-cart__item-details p,
  .bb-cart__item-details a,
  .bb-cart__item-details span {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .bb-cart__prop a,
  .bb-cart__prop span,
  .bb-cart__prop {
    white-space: normal !important;
  }

  .bb-cart__price {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 6px !important;
    text-align: left !important;
  }

  .bb-cart input[type="number"] {
    width: 90px !important;
    max-width: 100% !important;
  }

  .bb-cart__total-line,
  .bb-cart__subtotal,
  .cart__subtotal {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .bb-cart__total-line strong,
  .bb-cart__subtotal-price,
  .cart__subtotal-price {
    text-align: right !important;
    white-space: nowrap !important;
    justify-self: end !important;
  }

  .bb-cart__actions,
  .bb-cart .bb-btn,
  .bb-cart button,
  .bb-cart a.bb-btn {
    width: 100% !important;
  }
}
.bb-cart__summary,
.bb-order__summary,
.cart__summary {
  overflow: hidden;
}

.bb-cart__total-line,
.bb-cart__subtotal,
.cart__subtotal,
.cart-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.bb-cart__total-line strong,
.bb-cart__subtotal-price,
.cart__subtotal-price,
.cart-subtotal span:last-child {
  max-width: 100%;
  word-break: break-word;
  text-align: right;
}
@media (min-width: 901px) {
  .bb-cart__layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(400px, 0.8fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  .bb-cart__summary {
    min-width: 400px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .bb-cart__total-line {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .bb-cart__total-line strong,
  .bb-cart__summary strong {
    margin-left: auto !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}
.bb-cart__item,
.bb-cart__item * {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.bb-cart__item a,
.bb-cart__item p,
.bb-cart__item span,
.bb-cart__item strong {
  white-space: normal !important;
}