/* BESTIES BUM brand CSS - copied from ../../theme/css/besties.css (Sellavi overrides removed). WP/Woo styles live in theme.css */
:root{
  --bb-art-flower:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23eb2e7d' stroke='%23fffaf2' stroke-width='2.5'%3E%3Ccircle cx='50.0' cy='23.0' r='19'/%3E%3Ccircle cx='75.7' cy='41.7' r='19'/%3E%3Ccircle cx='65.9' cy='71.8' r='19'/%3E%3Ccircle cx='34.1' cy='71.8' r='19'/%3E%3Ccircle cx='24.3' cy='41.7' r='19'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='13' fill='%23fffaf2'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23eb2e7d'/%3E%3C/svg%3E");
  --bb-art-daisy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ffffff' stroke='%23f1d9e4' stroke-width='1'%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(30 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(60 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(90 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(120 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(150 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(210 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(240 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(270 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(300 50 50)'/%3E%3Cellipse cx='50' cy='27' rx='7.5' ry='23' transform='rotate(330 50 50)'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='12' fill='%23ffc93c'/%3E%3Ccircle cx='50' cy='50' r='12' fill='none' stroke='%23f4a81d' stroke-width='1.5'/%3E%3C/svg%3E");
  --bb-art-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23eb2e7d' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 2.7 4.5 6.4 4.5c2.1 0 3.9 1.2 5.6 3.3 1.7-2.1 3.5-3.3 5.6-3.3 3.7 0 5.5 3.9 4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   BESTIES BUM  -  brand stylesheet for Sellavi
   --------------------------------------------------------------------------
   Load order: platform CSS first, then this file (Sellavi CSS editor).
   Fonts (Nunito + Fredoka) are loaded by the <link> in header.twig.
   Everything new is prefixed  bb-  ; the second half restyles the classes
   Sellavi's own templates already use (btn-theme, form-control, ...).
   ========================================================================== */

:root {
  --bb-pink: #eb2e7d;
  --bb-pink-deep: #c41c63;
  --bb-pink-soft: #ffd9e8;
  --bb-cream: #fffaf2;
  --bb-azure: #81e1ff;
  --bb-azure-soft: #d8f5ff;
  --bb-blue: #00aae3;
  --bb-blue-deep: #0085b3;
  --bb-sky: #51cef8;
  --bb-ink: #3b1830;
  --bb-muted: #7d5c70;
  --bb-yellow: #ffc93c;

  --bb-font-head: 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --bb-font-body: 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --bb-font-logo: 'Fredoka', 'Nunito', system-ui, sans-serif;

  --bb-wrap: 1240px;
  --bb-gutter: clamp(16px, 3vw, 32px);
  --bb-border: 4px;
  --bb-radius: 18px;
  --bb-sq: min(16.6667vw, 227px); /* one gingham square: 6 across, like the design */
}

/* ---------- base ---------- */
body {
  background: var(--bb-azure);
  color: var(--bb-ink);
  font-family: var(--bb-font-body);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.bb-wrap { max-width: var(--bb-wrap); margin-inline: auto; padding-inline: var(--bb-gutter); }
.bb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.bb-gingham {
  background-color: #7fdfff;
  background-image:
    linear-gradient(90deg, rgba(0, 150, 215, .17) 50%, transparent 50%),
    linear-gradient(180deg, rgba(0, 150, 215, .17) 50%, transparent 50%);
  background-size: calc(var(--bb-sq) * 2) calc(var(--bb-sq) * 2);
}
.bb-pink {
  background: var(--bb-pink);
  border-block: 7px solid var(--bb-cream);
}

/* ---------- announcement bar (scrolling) ---------- */
.bb-announce {
  background: var(--bb-pink);
  color: #fff;
  overflow: hidden;
  height: 46px;
  display: flex;
  align-items: center;
}
.bb-announce__track {
  display: flex;
  width: max-content;
  animation: bb-marquee 38s linear infinite;
}
.bb-announce:hover .bb-announce__track { animation-play-state: paused; }
.bb-announce__group { display: flex; flex: none; align-items: center; }
.bb-announce__group span {
  font: 800 13px/1 var(--bb-font-head);
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bb-announce__group i { font-style: normal; opacity: .75; padding-inline: 2.2em; }
@keyframes bb-marquee { to { transform: translateX(-50%); } }

/* ---------- header ---------- */
.bb-header {
  position: relative;
  z-index: 30;
  background: var(--bb-azure);
  border-block: 3px solid var(--bb-cream);
}
.bb-header__in {
  max-width: 1440px;
  margin-inline: auto;
  min-height: 92px;
  padding: 6px var(--bb-gutter);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}
.bb-logo { justify-self: start; display: block; line-height: 0; }
.bb-logo img { width: 84px; height: auto; display: block; transition: transform .25s; }
.bb-logo:hover img { transform: rotate(-6deg) scale(1.05); }

.bb-brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 2vw, 24px);
  color: var(--bb-pink);
  font: 700 clamp(30px, 5.2vw, 72px)/1 var(--bb-font-logo);
  letter-spacing: .045em;
  text-decoration: none;
  white-space: nowrap;
  text-shadow: 3px 3px 0 var(--bb-cream);
}
.bb-brand:hover { color: var(--bb-pink-deep); }
.bb-brand::before,
.bb-brand::after {
  content: '';
  flex: none;
  width: clamp(28px, 4.6vw, 66px);
  aspect-ratio: 1;
  background: var(--bb-art-flower) center / contain no-repeat;
  transform: rotate(7deg);
  transition: transform .6s;
}
.bb-brand:hover::before { transform: rotate(-173deg); }
.bb-brand:hover::after { transform: rotate(187deg); }

.bb-actions { justify-self: end; display: flex; align-items: center; gap: clamp(4px, 1.2vw, 14px); }
.bb-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #111;
  cursor: pointer;
  transition: background .2s, transform .2s;
}
.bb-icon:hover { background: rgba(255, 250, 242, .65); transform: translateY(-2px); }
.bb-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bb-cart__n {
  position: absolute;
  right: 0;
  bottom: 2px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font: 800 12px/20px var(--bb-font-head);
  text-align: center;
}
.bb-burger { display: none; }

.bb-search {
  display: none;
  border-top: 3px solid var(--bb-cream);
  background: var(--bb-azure-soft);
  padding: 12px var(--bb-gutter);
}
.bb-search.is-open { display: block; }
.bb-search form { max-width: 720px; margin-inline: auto; display: flex; gap: 10px; }
.bb-search input {
  flex: 1;
  min-width: 0;
  padding: .8em 1.1em;
  border: 3px solid var(--bb-cream);
  border-radius: 999px;
  background: #fff;
  color: var(--bb-ink);
  font: 700 1rem var(--bb-font-body);
}
.bb-search input:focus { outline: 0; border-color: var(--bb-pink); }

/* ---------- blue navigation ribbon ---------- */
.bb-nav { background: var(--bb-blue); border-bottom: 3px solid var(--bb-cream); }
.bb-nav__list {
  max-width: 1440px;
  margin: 0 auto;
  padding: 6px var(--bb-gutter);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 4px 10px;
}
.bb-nav__list > li { display: flex; }
.bb-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 12px;
  border-radius: 999px;
  color: #fff;
  font: 800 13px/1.2 var(--bb-font-head);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, color .2s;
}
/* long labels may wrap onto two lines, like the design */
.bb-nav a.bb-nav__wrap { white-space: normal; max-width: 15em; text-wrap: balance; }
.bb-nav a:hover,
.bb-nav a[aria-current] { background: var(--bb-cream); color: var(--bb-pink); }

@media (max-width: 1080px) {
  .bb-burger {
    display: grid;
    place-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    border: 3px solid var(--bb-cream);
    border-radius: 50%;
    background: var(--bb-pink);
    cursor: pointer;
  }
  .bb-burger span { display: block; width: 18px; height: 3px; border-radius: 3px; background: var(--bb-cream); transition: transform .2s, opacity .2s; }
  .bb-burger[aria-expanded='true'] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .bb-burger[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
  .bb-burger[aria-expanded='true'] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .bb-nav { display: none; }
  .bb-nav.is-open { display: block; }
  .bb-nav__list { flex-direction: column; padding: 10px var(--bb-gutter) 16px; }
  .bb-nav a { justify-content: flex-start; padding: 13px 18px; font-size: 14px; border-radius: 14px; white-space: normal; max-width: none; }
}
.bb-nav__account { display: none; }
@media (max-width: 1080px) { .bb-nav__account { display: flex; } }
@media (max-width: 640px) {
  .bb-header__in { min-height: 68px; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; padding-inline: 12px; }
  .bb-logo img { width: 46px; }
  .bb-brand { justify-self: center; font-size: clamp(17px, 5.4vw, 24px); letter-spacing: .03em; text-shadow: 2px 2px 0 var(--bb-cream); }
  .bb-brand::before, .bb-brand::after { display: none; }
  .bb-actions { gap: 2px; }
  .bb-icon { width: 36px; height: 36px; }
  .bb-icon svg { width: 24px; height: 24px; }
  .bb-burger { width: 38px; height: 38px; margin-left: 4px; }
  .bb-icon--account { display: none; }
}

/* ---------- shared: titles, frames, pills, placeholders ---------- */
.bb-section { position: relative; padding: clamp(48px, 7vw, 96px) 0; overflow: hidden; isolation: isolate; }
.bb-title {
  margin: 0 0 clamp(28px, 4vw, 56px);
  text-align: center;
  color: #fff;
  font: 900 clamp(2.3rem, 6vw, 4.9rem)/1.05 var(--bb-font-head);
  letter-spacing: .02em;
  text-transform: uppercase;
}
.bb-gingham .bb-title {
  -webkit-text-stroke: .14em var(--bb-pink);
  paint-order: stroke fill;
  text-shadow: 0 .06em 0 var(--bb-pink);
}
.bb-title--small { font-size: clamp(1.5rem, 3vw, 2.3rem); }

.bb-frame {
  position: relative;
  display: block;
  overflow: hidden;
  border: var(--bb-border) solid var(--bb-cream);
  background: var(--bb-cream);
  transition: transform .3s cubic-bezier(.3, 1.4, .5, 1), box-shadow .3s;
}
a.bb-frame:hover { transform: translateY(-6px) rotate(-1.2deg); box-shadow: 0 14px 0 rgba(0, 0, 0, .12); }
.bb-frame img, .bb-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.bb-frame, .bb-card__media, .bb-reel { text-decoration: none; }

.bb-ribbon {
  display: inline-block;
  margin: 0;
  padding: .55em 1.1em;
  background: var(--bb-pink);
  color: var(--bb-cream);
  border: 3px solid var(--bb-cream);
  font: 900 clamp(1rem, 2vw, 1.7rem)/1.2 var(--bb-font-head);
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-1.5deg);
  box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
}

.bb-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85em 1.7em;
  border-radius: 999px;
  border: 3px solid var(--bb-cream);
  background: var(--bb-cream);
  color: var(--bb-pink);
  font: 900 clamp(.9rem, 1.4vw, 1.15rem)/1.1 var(--bb-font-head);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 6px 0 var(--bb-pink-deep);
  transition: transform .15s, box-shadow .15s, background .2s, color .2s;
}
.bb-pill:hover { transform: translateY(-3px); box-shadow: 0 9px 0 var(--bb-pink-deep); }
.bb-pill:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--bb-pink-deep); }
.bb-pill--alt { background: var(--bb-blue); color: #fff; box-shadow: 0 6px 0 var(--bb-blue-deep); }
.bb-pill--alt:hover { box-shadow: 0 9px 0 var(--bb-blue-deep); }

/* clearly-marked stand-in for a photo that has not been supplied */
.bb-ph {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 160px;
  background: repeating-linear-gradient(45deg, #ffe3ef 0 14px, #fff1f7 14px 28px);
  color: var(--bb-pink);
  font: 900 .78rem/1.2 var(--bb-font-head);
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}
.bb-ph::before { content: ''; width: 46px; height: 46px; background: var(--bb-art-flower) center / contain no-repeat; }

/* decorative flowers (absolutely placed, set --l --t --s --r inline) */
.bb-deco {
  position: absolute;
  z-index: -1;
  left: var(--l, 0);
  top: var(--t, 0);
  width: var(--s, 172px);
  aspect-ratio: 1;
  transform: rotate(var(--r, 35deg));
  background: var(--bb-art-daisy) center / contain no-repeat;
  pointer-events: none;
}
.bb-deco--flower { background-image: var(--bb-art-flower); }
@media (max-width: 760px) { .bb-deco { --s: 92px !important; opacity: .9; } }

/* ---------- hero ---------- */
.bb-hero { padding: clamp(28px, 4vw, 52px) 0 clamp(34px, 5vw, 64px); }
.bb-hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 22px; margin-bottom: clamp(26px, 4vw, 48px); }
.bb-hero__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2.6vw, 34px);
}
.bb-hero__grid .bb-frame { aspect-ratio: 1 / 1.005; }
.bb-hero__grid .bb-frame img { object-position: center 14%; } /* keep cover titles in frame */
.bb-hero__cap {
  position: absolute;
  inset: auto 0 0 0;
  padding: .55em .8em;
  background: linear-gradient(to top, rgba(235, 46, 125, .95), rgba(235, 46, 125, 0));
  color: #fff;
  font: 900 clamp(.7rem, 1.2vw, .95rem)/1.1 var(--bb-font-head);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2.2em;
}
.bb-hero__lead {
  max-width: 1120px;
  margin: clamp(26px, 4vw, 52px) auto 0;
  padding-inline: var(--bb-gutter);
  color: var(--bb-cream);
  font: 800 clamp(.95rem, 1.9vw, 1.6rem)/1.35 var(--bb-font-head);
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 860px) { .bb-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- product grid + card (used by product_thumbnail.twig) ---------- */
.bb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2.4vw, 32px); }
@media (max-width: 1000px) { .bb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .bb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.bb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bb-cream);
  border: var(--bb-border) solid var(--bb-cream);
  color: var(--bb-ink);
  transition: transform .3s cubic-bezier(.3, 1.4, .5, 1), box-shadow .3s;
}
.bb-card:hover { transform: translateY(-6px); box-shadow: 0 14px 0 rgba(0, 0, 0, .12); }
.bb-card__media { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #fff; }
.bb-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.bb-card:hover .bb-card__media img { transform: scale(1.05); }
.bb-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: .4em .8em;
  border-radius: 999px;
  background: var(--bb-pink);
  color: #fff;
  font: 900 .75rem/1 var(--bb-font-head);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bb-card__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 14px 14px 16px; text-align: center; }
.bb-card__title { margin: 0; font: 900 1.02rem/1.25 var(--bb-font-head); text-transform: uppercase; letter-spacing: .03em; }
.bb-card__title a { color: inherit; text-decoration: none; }
.bb-card__title a:hover { color: var(--bb-pink); }
.bb-card__price { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 2px .5em; margin-top: auto; font: 900 1.25rem/1.1 var(--bb-font-head); color: var(--bb-pink); }
.bb-card__price s { font-size: .85rem; font-weight: 700; color: var(--bb-muted); white-space: nowrap; }
@media (max-width: 720px) {
  .bb-card .bb-pill { padding: .65em 1em; font-size: .72rem; letter-spacing: .04em; white-space: nowrap; }
  .bb-card__title { font-size: .9rem; }
}
.bb-card__actions { display: flex; justify-content: center; gap: 8px; margin-top: 4px; }
.bb-card .bb-pill { padding: .7em 1.3em; border-color: var(--bb-pink); background: var(--bb-pink); color: var(--bb-cream); font-size: .85rem; box-shadow: 0 4px 0 var(--bb-pink-deep); }
.bb-card .bb-pill:hover { box-shadow: 0 7px 0 var(--bb-pink-deep); }
.bb-card__media.bb-ph { display: grid; background: repeating-linear-gradient(45deg, #ffe3ef 0 14px, #fff1f7 14px 28px); }

/* ---------- story section ---------- */
.bb-story__grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(20px, 4vw, 56px); align-items: start; }
.bb-story__left { display: grid; gap: clamp(16px, 2.4vw, 28px); justify-items: center; }
.bb-collage { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bb-collage .bb-frame { aspect-ratio: 1 / .9; }
.bb-story__right .bb-frame { aspect-ratio: 536 / 681; }
@media (max-width: 860px) { .bb-story__grid { grid-template-columns: 1fr; } .bb-story__right { max-width: 420px; margin-inline: auto; width: 100%; } }

/* ---------- photo wall (3 x 2) ---------- */
.bb-wall { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.bb-wall .bb-frame { aspect-ratio: 4 / 3; }
@media (max-width: 720px) { .bb-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- influencers ---------- */
.bb-influencers { padding: clamp(28px, 4vw, 48px) 0 clamp(40px, 6vw, 72px); background: var(--bb-azure); }
.bb-influencers__title { margin: 0 0 18px; color: var(--bb-pink); font: 900 clamp(1.1rem, 2vw, 1.5rem)/1 var(--bb-font-head); letter-spacing: .08em; text-transform: uppercase; }
.bb-reels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.8vw, 24px); }
.bb-reel {
  position: relative;
  display: block;
  aspect-ratio: 322 / 613;
  overflow: hidden;
  border-radius: 12% 12% 0 0 / 6.5% 6.5% 0 0;
  background: var(--bb-pink-soft);
}
.bb-reel img, .bb-reel video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bb-reel .bb-ph { height: 100%; align-content: end; padding-bottom: 14%; }
.bb-reel .bb-ph::before { display: none; }
.bb-reel__play {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  border-radius: 50%;
  background: rgba(255, 250, 242, .92);
  display: grid;
  place-items: center;
  color: var(--bb-pink);
  transition: transform .2s;
}
.bb-reel:hover .bb-reel__play { transform: scale(1.12); }
@media (max-width: 860px) { .bb-reels { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- footer ---------- */
.bb-footer { background: var(--bb-pink); color: var(--bb-cream); border-top: 7px solid var(--bb-cream); }
.bb-footer a { color: inherit; text-decoration: none; }
.bb-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.bb-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: clamp(24px, 4vw, 56px); padding-block: clamp(36px, 5vw, 64px); }
.bb-footer__brand { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.bb-footer__brand img { width: 72px; height: auto; border: 4px solid var(--bb-cream); border-radius: 50%; background: var(--bb-cream); }
.bb-footer__brand b { font: 700 clamp(1.6rem, 3vw, 2.4rem)/1 var(--bb-font-logo); letter-spacing: .04em; }
.bb-footer h3 { margin: 0 0 14px; font: 900 .95rem/1 var(--bb-font-head); letter-spacing: .12em; text-transform: uppercase; }
.bb-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; font-weight: 700; }
.bb-footer p { margin: 0 0 10px; line-height: 1.55; }
.bb-footer__bar { border-top: 3px solid rgba(255, 250, 242, .4); }
.bb-footer__bar .bb-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-block: 16px; font: 800 .8rem/1.4 var(--bb-font-head); letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 900px) { .bb-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bb-footer__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   Content pages: About / Q&A / pricing / delivery ... (information.twig)
   Wrap the text you type in the Sellavi editor with  <div class="bb-prose">
   ========================================================================== */
:is(.bb-prose, .entry-content) { color: var(--bb-ink); font-size: 1.05rem; line-height: 1.75; }
:is(.bb-prose, .entry-content) h2, :is(.bb-prose, .entry-content) h3 { margin: 1.6em 0 .5em; color: var(--bb-pink); font-family: var(--bb-font-head); font-weight: 900; text-transform: uppercase; letter-spacing: .03em; line-height: 1.15; }
:is(.bb-prose, .entry-content) h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
:is(.bb-prose, .entry-content) h3 { font-size: 1.25rem; }
:is(.bb-prose, .entry-content) > :first-child { margin-top: 0; }
:is(.bb-prose, .entry-content) a { color: var(--bb-pink); font-weight: 800; text-underline-offset: 3px; }
:is(.bb-prose, .entry-content) img { max-width: 100%; height: auto; border: var(--bb-border) solid var(--bb-cream); }
:is(.bb-prose, .entry-content) ul { list-style: none; padding-left: 0; }
:is(.bb-prose, .entry-content) ul li { position: relative; padding-left: 1.9em; margin: .45em 0; }
:is(.bb-prose, .entry-content) ul li::before { content: ''; position: absolute; left: 0; top: .3em; width: 1.15em; height: 1.15em; background: var(--bb-art-heart) center / contain no-repeat; }
:is(.bb-prose, .entry-content) table { width: 100%; border-collapse: collapse; background: #fff; }
:is(.bb-prose, .entry-content) th, :is(.bb-prose, .entry-content) td { padding: .75em 1em; border: 2px solid var(--bb-pink-soft); text-align: left; }
:is(.bb-prose, .entry-content) th { background: var(--bb-pink); color: var(--bb-cream); text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }
:is(.bb-prose, .entry-content) details { margin: 12px 0; border: 3px solid var(--bb-cream); background: #fff; }
:is(.bb-prose, .entry-content) details[open] { border-color: var(--bb-pink); }
:is(.bb-prose, .entry-content) summary { cursor: pointer; padding: 1em 3em 1em 1.2em; font-weight: 900; list-style: none; position: relative; }
:is(.bb-prose, .entry-content) summary::-webkit-details-marker { display: none; }
:is(.bb-prose, .entry-content) summary::after { content: '+'; position: absolute; right: 1.1em; top: 50%; transform: translateY(-50%); color: var(--bb-pink); font-size: 1.6rem; }
:is(.bb-prose, .entry-content) details[open] summary::after { content: '\2212'; }
:is(.bb-prose, .entry-content) details > :not(summary) { padding-inline: 1.2em; }
:is(.bb-prose, .entry-content) details > :last-child { padding-bottom: 1em; }

@media (prefers-reduced-motion: reduce) {
  .bb-announce__track { animation: none; justify-content: center; width: 100%; }
  .bb-announce__group[aria-hidden='true'] { display: none; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}