/* Brand Companion components. Brand colours come from the theme:
   --bc-ink --bc-accent --bc-btn --bc-btn-text --bc-tint --bc-border --bc-muted --bc-head-font */
:root{--bc-ink:#1a1a1a;--bc-accent:#1C65A8;--bc-btn:#1C65A8;--bc-btn-text:#fff;--bc-tint:#F3F5F7;--bc-border:#DDE3E8;--bc-muted:#555;--bc-like:#1F6B45;--bc-dislike:#8C3F12;--bc-head-font:inherit;--bc-radius:8px}

/* Amazon buttons (old ABGenerator classes kept) */
.no-margin.bc-btn-wrap{margin:18px 0}
a.amz-button,a.bc-glance__btn,a.bc-buybar__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:12px 22px;border-radius:var(--bc-radius);background:var(--bc-btn);color:var(--bc-btn-text)!important;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none!important;transition:filter .15s}
a.amz-button:hover,a.bc-glance__btn:hover,a.bc-buybar__btn:hover{filter:brightness(.93)}
a.amz-button:focus-visible,a.bc-glance__btn:focus-visible,a.bc-buybar__btn:focus-visible{outline:3px solid var(--bc-ink);outline-offset:2px}
a.amz-button::after{content:"\2197";font-size:.9em}
a.amz-link{font-weight:700;color:var(--bc-accent)}

/* Guide layout: contents list beside the article on wide screens */
.bc-guide{display:block}
.bc-toc{display:flex;flex-direction:column;gap:8px;border:1px solid var(--bc-border);border-radius:var(--bc-radius);padding:16px 18px;margin:0 0 28px;font-size:15px}
.bc-toc__title{font-family:var(--bc-head-font);font-size:17px;color:var(--bc-ink)}
.bc-toc a{color:var(--bc-accent);text-decoration:none;line-height:1.35}
.bc-toc a:hover{text-decoration:underline}
.bc-toc__more{color:var(--bc-muted)!important}
@media (min-width:1100px){
 .bc-guide{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:start}
 .bc-toc{order:2;position:sticky;top:24px;margin:0}
 .bc-guide__body{order:1;min-width:0}
}

/* Top picks at a glance */
.bc-glance{margin:8px 0 36px}
.bc-glance__title{font-family:var(--bc-head-font);margin:0 0 14px!important}
.bc-glance__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.bc-glance__card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--bc-border);border-top:3px solid var(--bc-accent);border-radius:var(--bc-radius);padding:14px;background:#fff}
.bc-glance__img{display:flex;align-items:center;justify-content:center;height:140px;background:var(--bc-tint);border-radius:6px;overflow:hidden}
.bc-glance__img img{max-height:124px;width:auto;max-width:90%;object-fit:contain;margin:0!important}
.bc-glance__name{font-weight:700;font-size:15px;line-height:1.35;color:var(--bc-ink)!important;text-decoration:none!important}
.bc-glance__name:hover{text-decoration:underline!important}
.bc-glance__btn{margin-top:auto;font-size:14px!important;padding:10px 12px!important}
.bc-glance__all{display:inline-block;margin-top:12px;font-weight:700;color:var(--bc-accent)}
@media (max-width:600px){.bc-glance__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bc-glance__img{height:100px}.bc-glance__img img{max-height:88px}.bc-glance__name{font-size:13px}.bc-glance__btn{font-size:12px!important;padding:8px!important;min-height:38px}}

/* Product sections */
.bc-product{border-top:3px solid var(--bc-ink);padding-top:22px;margin:40px 0;scroll-margin-top:90px}
.bc-product > h2:first-child,.bc-product > h3:first-child{margin-top:0}
.bc-product img{border-radius:6px}
.bc-panel{background:var(--bc-tint);border-radius:var(--bc-radius);padding:14px 18px;margin:16px 0}
.bc-panel > h2:first-child,.bc-panel > h3:first-child,.bc-panel > h4:first-child,.bc-panel > h5:first-child,.bc-panel > h6:first-child{margin:0 0 8px!important;font-size:17px!important;font-family:var(--bc-head-font)}
.bc-panel p:last-child,.bc-panel ul:last-child{margin-bottom:0}
.bc-panel ul{padding-left:1.2em}
.bc-panel--like{border-left:4px solid var(--bc-like)}
.bc-panel--like > :first-child{color:var(--bc-like)}
.bc-panel--dislike{border-left:4px solid var(--bc-dislike)}
.bc-panel--dislike > :first-child{color:var(--bc-dislike)}
.bc-panel--overall{background:#fff;border:1px solid var(--bc-border)}
.bc-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}
.bc-pair .bc-panel{margin:0}

/* Sticky mobile buy bar */
.bc-buybar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bc-border);box-shadow:0 -4px 16px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .2s}
.bc-buybar.is-on{transform:none}
.bc-buybar[hidden]{display:none}
.bc-buybar__name{flex:1;min-width:0;font-weight:700;font-size:14px;line-height:1.3;color:var(--bc-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bc-buybar__btn{flex:none;font-size:14px!important;padding:10px 16px!important}
@media (min-width:900px){.bc-buybar{display:none!important}}
@media (prefers-reduced-motion:reduce){.bc-buybar{transition:none}}
