/* Loja (BeeStore) — classes .bs-*. Espelha o design BeeStore.dc.html. */
.bs-wrap { }
.bs-card { transition: transform .15s, box-shadow .15s; background: #fff; border: 1px solid #EFE6D3; border-radius: 16px; overflow: hidden; box-shadow: 0 3px 0 #EDE1C7; display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.bs-card:hover { transform: translateY(-4px); box-shadow: 0 6px 0 #E6D9BE; }
.bs-cover { position: relative; height: 152px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 16px 14px; border-bottom: 1px solid rgba(0,0,0,.06); }
.bs-cardbody { padding: 14px; display: flex; flex-direction: column; flex: 1; }
.bs-cardtitle { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 15px; line-height: 1.3; letter-spacing: -.01em; margin-bottom: 6px; }

.bs-nav a:hover { background: #F3ECDC; }
.bs-search:focus { outline: none; border-color: #F4A52A; box-shadow: 0 0 0 3px rgba(244,165,42,.18); }
.bs-scroll { scrollbar-width: none; }
.bs-scroll::-webkit-scrollbar { display: none; }

/* Filtros — botões da sidebar (Tipo / Momento) */
.bs-sidebtn { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; text-align: left; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 14.5px; padding: 11px 13px; border-radius: 11px; cursor: pointer; border: 1.5px solid #EFE6D3; background: #fff; color: #3A352C; transition: all .14s; }
.bs-sidebtn.is-on { font-weight: 800; border-color: #F4D9A8; background: #FFF0D6; color: #B8700A; }
.bs-count { font-weight: 800; font-size: 11.5px; color: #A79B80; }
.bs-sidebtn.is-on .bs-count { color: #B8700A; }

/* Chips (Classe / Ano) */
.bs-chip { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 13px; padding: 8px 13px; border-radius: 999px; cursor: pointer; border: 1.5px solid #E6DCC6; background: #fff; color: #3A352C; transition: all .14s; }
.bs-chip:hover { background: #FFF0D6; border-color: #F4D9A8; }
.bs-chip.is-on { font-weight: 800; border-color: #C97F12; background: #F4A52A; color: #1B1A17; box-shadow: 0 2px 0 #C97F12; }

/* Cards de momento (scroll horizontal) */
.bs-moment { display: flex; align-items: center; gap: 13px; flex-shrink: 0; min-width: 236px; padding: 16px; border-radius: 16px; cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif; border: 1.5px solid #EFE6D3; background: #FBF7EE; box-shadow: 0 3px 0 #EDE1C7; text-align: left; }
.bs-moment.is-on { border-color: #F4D9A8; background: #FFF6E6; box-shadow: 0 3px 0 #EAD9B6; }

/* Responsivo (espelha o design) */
.bs-only-mobile { display: none !important; }
@media (max-width: 1024px) {
  .bs-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .bs-layout { grid-template-columns: 1fr !important; }
  .bs-side { position: static !important; }
  .bs-side-inner { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
}
@media (max-width: 760px) {
  .bs-only-mobile { display: block !important; }
  .bs-only-desktop { display: none !important; }
  .bs-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .bs-sec { padding-top: 36px !important; padding-bottom: 36px !important; }
  .bs-h1 { font-size: 31px !important; }
  .bs-h2 { font-size: 25px !important; }
  .bs-side-inner { display: block !important; }
  .bs-cover { height: 132px !important; }
  .bs-trust { grid-template-columns: 1fr 1fr !important; }
  .bs-hero-cta { flex-direction: column !important; align-items: stretch !important; }
}
@media (max-width: 420px) {
  .bs-grid { grid-template-columns: 1fr !important; }
  .bs-cover { height: 168px !important; }
}