/* 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 #EEF0F7; border-radius: 16px; overflow: hidden; box-shadow: 0 3px 0 #E5E8F2; 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: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: 15px; line-height: 1.3; letter-spacing: -.01em; margin-bottom: 6px; }

.bs-nav a:hover { background: #F6F7FB; }
.bs-search:focus { outline: none; border-color: #FFB703; box-shadow: 0 0 0 3px rgba(37,99,235,.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: 'Poppins', system-ui, sans-serif; font-weight: 600; font-size: 14.5px; padding: 11px 13px; border-radius: 11px; cursor: pointer; border: 1.5px solid #EEF0F7; background: #fff; color: #1F2340; transition: all .14s; }
.bs-sidebtn.is-on { font-weight: 800; border-color: #BFDBFE; background: #E6F0FF; color: #2563EB; }
.bs-count { font-weight: 800; font-size: 11.5px; color: #A79B80; }
.bs-sidebtn.is-on .bs-count { color: #2563EB; }

/* Chips (Classe / Ano) */
.bs-chip { font-family: 'Poppins', system-ui, sans-serif; font-weight: 600; font-size: 13px; padding: 8px 13px; border-radius: 999px; cursor: pointer; border: 1.5px solid #E5E8F2; background: #fff; color: #1F2340; transition: all .14s; }
.bs-chip:hover { background: #E6F0FF; border-color: #BFDBFE; }
.bs-chip.is-on { font-weight: 800; border-color: #E09E00; background: #2563EB; color: #fff; box-shadow: 0 2px 0 #E09E00; }

/* 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: 'Poppins', system-ui, sans-serif; border: 1.5px solid #EEF0F7; background: #F8FAFD; box-shadow: 0 3px 0 #E5E8F2; text-align: left; }
.bs-moment.is-on { border-color: #BFDBFE; 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; }
}