/* ============ DESIGN TOKENS ============ */
:root{
  --bk-bg: #fdfcf8;
  --bk-surface: #ffffff;
  --bk-ink: #1a1a1a;
  --bk-ink-soft: #4a4a4a;
  --bk-ink-muted: #8a8a8a;
  --bk-ink-faint: #b8b3a8;
  --bk-border: #e8e4dc;
  --bk-border-soft: #f0ece4;
  --bk-accent: #b8543d;
  --bk-accent-dark: #8f3f2c;
  --bk-accent-soft: #fdf5f2;
  --bk-success: #2d6a4f;
  --bk-radius-sm: 6px;
  --bk-radius-md: 10px;
  --bk-radius-lg: 16px;
  --bk-shadow-sm: 0 1px 3px rgba(20,15,5,.06);
  --bk-shadow-md: 0 4px 12px rgba(20,15,5,.08), 0 2px 4px rgba(20,15,5,.04);
  --bk-shadow-lg: 0 16px 40px rgba(20,15,5,.18);
  --bk-font-display: 'Fraunces', Georgia, serif;
  --bk-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bk-transition: 220ms cubic-bezier(.4,0,.2,1);
}

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

.bk-scope { font-family: var(--bk-font-body); color: var(--bk-ink); line-height: 1.5; }

/* ============================================================
   ISOLAMENTO contra Astra/temas — neutraliza padroes do tema
   ============================================================ */
.bk-scope a,
.bk-scope a:hover,
.bk-scope a:focus,
.bk-scope a:visited { text-decoration: none !important; box-shadow: none !important; }
.bk-scope a:not(.bk-btn):not(.bk-drawer__btn):not(.bk-cart-empty__cta) { color: inherit !important; }
.bk-scope button { font-family: inherit !important; line-height: 1.2 !important; }
.bk-scope button:not(.bk-btn):not(.bk-drawer__btn):not(.bk-cart-empty__cta):not(.bk-book-card__btn--buy):not(.bk-newsletter__btn) { box-shadow: none !important; text-shadow: none !important; }
.bk-scope h1, .bk-scope h2, .bk-scope h3, .bk-scope h4, .bk-scope h5, .bk-scope h6 { color: inherit; line-height: inherit; letter-spacing: inherit; margin: 0; }
.bk-scope p { margin: 0; }
.bk-scope ul, .bk-scope ol { list-style: none; margin: 0; padding: 0; }
.bk-scope .woocommerce-Price-amount,
.bk-scope .woocommerce-Price-amount bdi,
.bk-scope .woocommerce-Price-currencySymbol { color: inherit !important; background: transparent !important; text-decoration: none !important; }

.bk-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* ===========================================================
   HEADER
   =========================================================== */
.bk-topbar { background: var(--bk-ink); color: rgba(255,255,255,.85); font-size: 12px; letter-spacing: .03em; text-align: center; padding: 8px 16px; }
.bk-topbar strong { color: #fff; font-weight: 600; }

.bk-header { background: var(--bk-surface); border-bottom: 1px solid var(--bk-border); position: relative; z-index: 100; }
.bk-header.is-sticky { position: sticky; top: 0; z-index: 100; }
.bk-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; height: 76px; }
.bk-header__inner .bk-logo { justify-self: start; }
.bk-header__inner .bk-nav { justify-self: center; }
.bk-header__inner .bk-actions { justify-self: end; }

.bk-logo { font-family: var(--bk-font-display); font-size: 26px; font-weight: 600; letter-spacing: -.02em; color: var(--bk-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.bk-logo__dot { display: inline-block; width: 6px; height: 6px; background: var(--bk-accent); border-radius: 50%; position: relative; top: -2px; }
.bk-logo__sub { font-family: var(--bk-font-body); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--bk-ink-muted); margin-left: 8px; border-left: 1px solid var(--bk-border); padding-left: 8px; }
.bk-logo img { max-height: 64px; width: auto; display: block; }
.bk-header__inner { height: auto; min-height: 76px; padding: 12px 0; }
/* Reset Astra/Elementor que comprimem SVGs e botoes */
.bk-scope .bk-iconbtn,
.bk-scope .bk-burger { padding: 0 !important; min-height: 0 !important; box-shadow: none !important; text-shadow: none !important; }
.bk-scope .bk-iconbtn { width: 42px !important; height: 42px !important; padding: 0 !important; }
.bk-scope .bk-burger { width: 42px !important; height: 42px !important; padding: 0 !important; }

.bk-scope svg { stroke: currentColor; fill: none; vertical-align: middle; flex-shrink: 0; overflow: visible; opacity: 1; visibility: visible; display: inline-block; max-width: none; }
.bk-scope .bk-iconbtn > svg,
.bk-scope .bk-burger > svg { width: 20px !important; height: 20px !important; min-width: 20px; min-height: 20px; }
.bk-scope .bk-iconbtn { color: var(--bk-ink); }
.bk-scope .bk-iconbtn svg path,
.bk-scope .bk-iconbtn svg circle,
.bk-scope .bk-iconbtn svg line,
.bk-scope .bk-iconbtn svg polyline,
.bk-scope .bk-iconbtn svg polygon,
.bk-scope .bk-iconbtn svg rect { stroke: currentColor; fill: none; }

.bk-nav { display: flex; align-items: center; gap: 4px; justify-self: center; }
.bk-nav__link { font-size: 14px; font-weight: 500; color: var(--bk-ink-soft); text-decoration: none; padding: 10px 14px; border-radius: var(--bk-radius-sm); position: relative; transition: var(--bk-transition); }
.bk-nav__link:hover { color: var(--bk-ink); background: var(--bk-accent-soft); }
.bk-nav__link.is-active { color: var(--bk-accent); }
.bk-nav__link.is-active::after { content: ''; position: absolute; inset: auto 14px -2px 14px; height: 2px; background: var(--bk-accent); border-radius: 2px; }

.bk-actions { display: flex; align-items: center; gap: 4px; }
.bk-iconbtn { width: 42px; height: 42px; border: 0; background: transparent; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--bk-ink); position: relative; transition: var(--bk-transition); }
.bk-iconbtn:hover { background: var(--bk-accent-soft); color: var(--bk-accent); }
.bk-iconbtn svg { width: 20px; height: 20px; }
.bk-iconbtn__badge { position: absolute; top: 6px; right: 6px; min-width: 18px; height: 18px; padding: 0 5px; background: var(--bk-accent); color: #fff; border-radius: 99px; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; border: 2px solid var(--bk-surface); font-variant-numeric: tabular-nums; line-height: 1; }

.bk-search { position: relative; z-index: 200; }
.bk-search__panel { position: absolute; top: calc(100% + 8px); right: 0; width: 360px; background: var(--bk-surface); border: 1px solid var(--bk-border); border-radius: var(--bk-radius-md); box-shadow: var(--bk-shadow-lg); padding: 12px; display: none; animation: bk-fade-in 200ms cubic-bezier(.4,0,.2,1); z-index: 200; }
.bk-search.is-open .bk-search__panel { display: block; }
.bk-header { position: relative; z-index: 100; }
.bk-header.is-sticky { z-index: 100; }
.bk-search__input { width: 100%; padding: 12px 14px; border: 1.5px solid var(--bk-border); border-radius: var(--bk-radius-sm); font-family: inherit; font-size: 14px; background: var(--bk-bg); color: var(--bk-ink); outline: none; transition: var(--bk-transition); }
.bk-search__input:focus { border-color: var(--bk-accent); background: #fff; box-shadow: 0 0 0 3px rgba(184,84,61,.1); }
.bk-search__hint { font-size: 11px; color: var(--bk-ink-muted); margin: 8px 4px 0; letter-spacing: .04em; }

/* ============ INLINE SEARCH (toggle por botão lupa) ============ */
.bk-search--inline { position: relative; width: auto; }
.bk-scope .bk-search--inline .bk-search__form {
  position: absolute !important;
  top: calc(100% + 12px); right: 0;
  width: 360px; max-width: calc(100vw - 32px);
  background: var(--bk-surface) !important;
  padding: 10px !important;
  border: 1px solid var(--bk-border) !important;
  border-radius: var(--bk-radius-md) !important;
  box-shadow: var(--bk-shadow-lg) !important;
  display: none !important;
  align-items: center !important;
  margin: 0 !important;
  z-index: 200;
  animation: bk-fade-in 180ms ease;
}
.bk-search--inline.is-open .bk-search__form { display: flex !important; }
.bk-search--inline .bk-search__icon { position: absolute; left: 14px; pointer-events: none; color: var(--bk-ink-muted); display: inline-flex; z-index: 2; }
.bk-search--inline .bk-search__icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }
.bk-scope .bk-search--inline .bk-search__input { width: 100% !important; padding: 10px 38px 10px 42px !important; height: 42px !important; border: 1.5px solid var(--bk-border) !important; border-radius: 99px !important; background: var(--bk-bg) !important; font-family: inherit !important; font-size: 14px !important; color: var(--bk-ink) !important; outline: 0 !important; transition: var(--bk-transition) !important; margin: 0 !important; box-shadow: none !important; line-height: 1.2 !important; min-height: 0 !important; }
.bk-scope .bk-search--inline .bk-search__input:focus { border-color: var(--bk-accent) !important; background: var(--bk-surface) !important; box-shadow: 0 0 0 3px rgba(184, 84, 61, .1) !important; }
.bk-search--inline .bk-search__input::placeholder { color: var(--bk-ink-muted); opacity: 1; }
.bk-search--inline .bk-search__input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.bk-search__spinner { position: absolute; right: 14px; width: 16px; height: 16px; border: 2px solid var(--bk-border); border-top-color: var(--bk-accent); border-radius: 50%; display: none; animation: bk-spin 800ms linear infinite; }
.bk-search--inline.is-loading .bk-search__spinner { display: inline-block; }
@keyframes bk-spin { to { transform: rotate(360deg); } }

.bk-search__results { position: absolute; top: calc(100% + 56px); right: 0; width: 360px; max-width: calc(100vw - 32px); background: var(--bk-surface); border: 1px solid var(--bk-border); border-radius: var(--bk-radius-md); box-shadow: var(--bk-shadow-lg); max-height: 460px; overflow-y: auto; display: none; z-index: 200; }
.bk-search--inline.is-open .bk-search__results:not(:empty) { display: block; animation: bk-fade-in 180ms ease; }
.bk-search-result { display: flex !important; align-items: center; gap: 12px; padding: 10px 14px; text-decoration: none !important; color: var(--bk-ink) !important; border-bottom: 1px solid var(--bk-border-soft); transition: background var(--bk-transition); }
.bk-search-result:last-child { border-bottom: 0; }
.bk-search-result:hover, .bk-search-result.is-focused { background: var(--bk-accent-soft); }
.bk-search-result__cover { width: 44px; height: 60px; flex-shrink: 0; background: linear-gradient(135deg,#f3eee3,#e9e2d2); border-radius: 4px; overflow: hidden; }
.bk-search-result__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-search-result__info { min-width: 0; flex: 1; }
.bk-search-result__title { font-size: 14px; font-weight: 500; line-height: 1.2; color: var(--bk-ink); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-search-result__author { font-family: var(--bk-font-display); font-style: italic; font-size: 12px; color: var(--bk-ink-muted); margin: 2px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-search-result__price { font-size: 13px; font-weight: 600; color: var(--bk-accent); font-variant-numeric: tabular-nums; flex-shrink: 0; }
.bk-search-result__price .woocommerce-Price-amount { color: inherit !important; }
.bk-search__empty, .bk-search__loading { padding: 20px 16px; text-align: center; color: var(--bk-ink-muted); font-size: 13px; }
.bk-search__more { display: block; padding: 12px 16px; text-align: center; font-size: 13px; font-weight: 600; color: var(--bk-accent) !important; text-decoration: none !important; border-top: 1px solid var(--bk-border-soft); background: var(--bk-bg); }
.bk-search__more:hover { background: var(--bk-accent-soft); }

@media (max-width: 880px) {
  .bk-scope .bk-search--inline .bk-search__form { position: fixed !important; top: auto; left: 16px; right: 16px; width: auto !important; max-width: none; }
  .bk-search__results { position: fixed !important; left: 16px; right: 16px; width: auto; top: auto; }
}

@keyframes bk-fade-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.bk-burger { display: none; }

@media (max-width: 880px) {
  .bk-header__inner { grid-template-columns: auto 1fr auto; height: 64px; gap: 12px; }
  .bk-nav { display: none; }
  .bk-burger { display: inline-flex; width: 42px; height: 42px; border: 0; background: transparent; align-items: center; justify-content: center; cursor: pointer; color: var(--bk-ink); }
  .bk-burger svg { width: 22px; height: 22px; }
  .bk-logo__sub { display: none; }
  .bk-logo { font-size: 22px; }
  .bk-search__panel { width: calc(100vw - 32px); right: -16px; }
  .bk-topbar { font-size: 11px; padding: 7px 12px; }
}

/* ===========================================================
   FOOTER
   =========================================================== */
.bk-footer { background: var(--bk-ink); color: rgba(255,255,255,.7); padding: 64px 0 32px; }
.bk-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
.bk-footer__brand { font-family: var(--bk-font-display); font-size: 22px; font-weight: 600; color: #fff; margin: 0 0 12px; letter-spacing: -.01em; }
.bk-footer__brand-dot { display: inline-block; width: 6px; height: 6px; background: var(--bk-accent); border-radius: 50%; position: relative; top: -2px; }
.bk-footer__tagline { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.6); max-width: 320px; margin: 0 0 20px; }

.bk-newsletter { display: flex; gap: 8px; max-width: 360px; }
.bk-newsletter__input { flex: 1; min-width: 0; padding: 11px 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: var(--bk-radius-sm); color: #fff; font-family: inherit; font-size: 13px; outline: none; transition: var(--bk-transition); }
.bk-newsletter__input::placeholder { color: rgba(255,255,255,.4); }
.bk-newsletter__input:focus { border-color: var(--bk-accent); background: rgba(255,255,255,.1); }
.bk-newsletter__btn { padding: 11px 18px; background: var(--bk-accent); color: #fff; border: 0; border-radius: var(--bk-radius-sm); font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--bk-transition); white-space: nowrap; }
.bk-newsletter__btn:hover { background: var(--bk-accent-dark); }

.bk-footer__col h4 { font-family: var(--bk-font-body); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.5); margin: 0 0 18px; }
.bk-footer__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.bk-footer__link { color: rgba(255,255,255,.75); text-decoration: none; font-size: 14px; transition: color var(--bk-transition); display: inline-flex; align-items: center; gap: 8px; }
.bk-footer__link:hover { color: var(--bk-accent); }

.bk-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12px; color: rgba(255,255,255,.5); }
.bk-footer__legal { display: flex; gap: 20px; flex-wrap: wrap; }
.bk-footer__legal a { color: inherit; text-decoration: none; }
.bk-footer__legal a:hover { color: var(--bk-accent); }
.bk-footer__payments { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.bk-footer__pay { height: 22px; padding: 4px 8px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: 4px; font-size: 9px; font-weight: 700; letter-spacing: .04em; color: rgba(255,255,255,.7); display: inline-flex; align-items: center; }

@media (max-width: 880px) {
  .bk-footer { padding: 48px 0 24px; }
  .bk-footer__grid { grid-template-columns: 1fr; gap: 36px; margin-bottom: 36px; }
  .bk-footer__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ===========================================================
   CART DRAWER
   =========================================================== */
.bk-overlay { position: fixed; inset: 0; background: rgba(20,15,5,.45); backdrop-filter: blur(2px); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity 280ms cubic-bezier(.4,0,.2,1); }
.bk-overlay.is-open { opacity: 1; pointer-events: auto; }

.bk-drawer { position: fixed; inset: 0 0 0 auto; width: 440px; max-width: 100vw; background: var(--bk-surface); z-index: 9999; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 320ms cubic-bezier(.4,0,.2,1); box-shadow: -16px 0 40px rgba(20,15,5,.12); }
.bk-drawer.is-open { transform: translateX(0); }

.bk-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid var(--bk-border); flex-shrink: 0; }
.bk-drawer__title { font-family: var(--bk-font-display); font-size: 22px; font-weight: 500; margin: 0; letter-spacing: -.01em; display: inline-flex; align-items: baseline; gap: 8px; }
.bk-drawer__count { font-family: var(--bk-font-body); font-size: 13px; font-weight: 500; color: var(--bk-ink-muted); }
.bk-drawer__close { width: 38px; height: 38px; border: 0; background: transparent; border-radius: 50%; cursor: pointer; color: var(--bk-ink-soft); display: inline-flex; align-items: center; justify-content: center; transition: var(--bk-transition); }
.bk-drawer__close:hover { background: var(--bk-accent-soft); color: var(--bk-accent); }
.bk-drawer__close svg { width: 18px; height: 18px; }

.bk-shipbar { padding: 14px 24px; background: var(--bk-accent-soft); border-bottom: 1px solid var(--bk-border-soft); flex-shrink: 0; }
.bk-shipbar__msg { font-size: 13px; color: var(--bk-ink); margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.bk-shipbar__msg svg { width: 16px; height: 16px; color: var(--bk-accent); flex-shrink: 0; }
.bk-shipbar__msg strong { color: var(--bk-accent); font-weight: 600; }
.bk-shipbar__bar { height: 4px; background: rgba(184,84,61,.15); border-radius: 99px; overflow: hidden; }
.bk-shipbar__fill { height: 100%; background: var(--bk-accent); border-radius: 99px; transition: width 480ms cubic-bezier(.4,0,.2,1); }

.bk-drawer__body { flex: 1; overflow-y: auto; padding: 8px 24px; scrollbar-width: thin; scrollbar-color: var(--bk-border) transparent; }
.bk-drawer__body::-webkit-scrollbar { width: 6px; }
.bk-drawer__body::-webkit-scrollbar-thumb { background: var(--bk-border); border-radius: 3px; }

.bk-cart-item { display: grid; grid-template-columns: 72px 1fr auto; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--bk-border-soft); }
.bk-cart-item:last-child { border-bottom: 0; }
.bk-cart-item__cover { aspect-ratio: 2/3; background: linear-gradient(135deg, #f3eee3, #e9e2d2); border-radius: var(--bk-radius-sm); overflow: hidden; }
.bk-cart-item__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-cart-item__info { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.bk-cart-item__title { font-family: var(--bk-font-display); font-size: 15px; font-weight: 500; line-height: 1.25; color: var(--bk-ink); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bk-cart-item__author { font-family: var(--bk-font-display); font-style: italic; font-size: 12px; color: var(--bk-ink-muted); margin: 0; }
.bk-cart-item__variant { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--bk-accent); background: var(--bk-accent-soft); padding: 3px 6px; border-radius: 3px; margin-top: 4px; width: fit-content; }
.bk-cart-item__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; gap: 8px; }
.bk-qty-mini { display: inline-flex; align-items: center; border: 1px solid var(--bk-border); border-radius: var(--bk-radius-sm); background: var(--bk-bg); overflow: hidden; }
.bk-qty-mini button { width: 28px; height: 28px; border: 0; background: transparent; cursor: pointer; color: var(--bk-ink-soft); font-size: 14px; transition: var(--bk-transition); }
.bk-qty-mini button:hover { background: var(--bk-border); color: var(--bk-ink); }
.bk-qty-mini button:disabled { opacity: .35; cursor: not-allowed; }
.bk-qty-mini__value { width: 32px; text-align: center; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bk-cart-item__price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.bk-cart-item__total { font-size: 15px; font-weight: 600; color: var(--bk-ink); font-variant-numeric: tabular-nums; }
.bk-cart-item__remove { border: 0; background: transparent; font-size: 11px; color: var(--bk-ink-muted); cursor: pointer; padding: 0; display: inline-flex; align-items: center; gap: 3px; transition: var(--bk-transition); }
.bk-cart-item__remove:hover { color: var(--bk-accent); }
.bk-cart-item__remove svg { width: 11px; height: 11px; }

.bk-cart-empty { text-align: center; padding: 60px 24px; color: var(--bk-ink-muted); }
.bk-cart-empty__icon { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: var(--bk-accent-soft); color: var(--bk-accent); display: inline-flex; align-items: center; justify-content: center; }
.bk-cart-empty__icon svg { width: 28px; height: 28px; }
.bk-cart-empty__title { font-family: var(--bk-font-display); font-size: 20px; font-weight: 500; color: var(--bk-ink); margin: 0 0 6px; }
.bk-cart-empty__sub { font-size: 14px; margin: 0 0 24px; }
.bk-cart-empty__cta { display: inline-flex; align-items: center; gap: 6px; padding: 12px 22px; background: var(--bk-ink); color: #fff; text-decoration: none; border-radius: var(--bk-radius-md); font-weight: 600; font-size: 13px; transition: var(--bk-transition); }
.bk-cart-empty__cta:hover { background: var(--bk-accent-dark); }

.bk-drawer__footer { border-top: 1px solid var(--bk-border); padding: 20px 24px 24px; background: var(--bk-bg); flex-shrink: 0; }
.bk-summary { margin-bottom: 16px; }
.bk-summary__row { display: flex; justify-content: space-between; align-items: baseline; margin: 6px 0; font-size: 13px; color: var(--bk-ink-soft); }
.bk-summary__row--total { border-top: 1px dashed var(--bk-border); padding-top: 12px; margin-top: 12px; font-size: 16px; font-weight: 600; color: var(--bk-ink); }
.bk-summary__row strong { font-variant-numeric: tabular-nums; }
.bk-summary__hint { font-size: 11px; color: var(--bk-ink-muted); margin-top: 6px; }

.bk-drawer__actions { display: flex; flex-direction: column; gap: 10px; }
.bk-drawer__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 20px; border-radius: var(--bk-radius-md); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; border: 1.5px solid transparent; transition: var(--bk-transition); text-decoration: none; line-height: 1; }
.bk-drawer__btn--primary { background: var(--bk-ink); color: #fff; }
.bk-drawer__btn--primary:hover { background: var(--bk-accent-dark); transform: translateY(-1px); box-shadow: var(--bk-shadow-md); }
.bk-drawer__btn--secondary { background: transparent; color: var(--bk-ink); border-color: var(--bk-border); }
.bk-drawer__btn--secondary:hover { border-color: var(--bk-ink); }

.bk-drawer__safety { display: flex; justify-content: center; gap: 16px; margin-top: 14px; font-size: 11px; color: var(--bk-ink-muted); }
.bk-drawer__safety span { display: inline-flex; align-items: center; gap: 4px; }
.bk-drawer__safety svg { width: 12px; height: 12px; }

@media (max-width: 480px) {
  .bk-drawer { width: 100vw; }
  .bk-drawer__header { padding: 18px 18px; }
  .bk-drawer__body { padding: 8px 18px; }
  .bk-drawer__footer { padding: 16px 18px 20px; }
  .bk-drawer__title { font-size: 18px; }
  .bk-cart-item { grid-template-columns: 60px 1fr auto; gap: 12px; padding: 14px 0; }
}