/* Village Bears rotating header banner (Oct 26 2026): lettering + 5 cut-out bears, new set every 3 hours */
.vb-banner__inner{position:relative;width:100%;max-width:1273px;height:193px;overflow:hidden;display:flex;align-items:flex-end;box-sizing:border-box;padding:0 12px}
.vb-banner__word{flex:0 0 auto;align-self:center;margin:0 6px 0 30px;max-width:none!important;width:auto!important}
body .vb-banner .vb-banner__word img{width:auto;height:172px;display:block}
.vb-banner__bear{flex:0 0 auto;display:flex;align-items:flex-end;height:180px;max-width:none!important;width:auto!important;margin-bottom:6px}
body .vb-banner .vb-banner__bear img{height:100%;width:auto;max-width:190px;object-fit:contain;object-position:bottom;display:block;filter:drop-shadow(0 3px 3px rgba(18,53,96,.16))}
.vb-banner__bear--2{margin-left:auto}
.vb-banner__bear--3,.vb-banner__bear--4,.vb-banner__bear--5{margin-left:-14px}
.vb-banner__bear:hover img{transform:translateY(-3px);transition:transform .2s}
@media (max-width:1100px){
  .vb-banner__inner{height:150px}
  body .vb-banner .vb-banner__word img{height:132px}
  .vb-banner__word{margin-left:8px}
  .vb-banner__bear{height:138px}
  body .vb-banner .vb-banner__bear img{max-width:140px}
  .vb-banner .vb-banner__bear--5{display:none}
}
@media (max-width:760px){
  .vb-banner__inner{height:104px;padding:0 8px}
  body .vb-banner .vb-banner__word img{height:88px}
  .vb-banner__word{margin:0}
  .vb-banner__bear{height:94px;margin-bottom:4px}
  body .vb-banner .vb-banner__bear img{max-width:90px}
  .vb-banner .vb-banner__bear--1,.vb-banner .vb-banner__bear--4,.vb-banner .vb-banner__bear--5{display:none}
  .vb-banner__bear--3{margin-left:-10px}
}
/* original banner bears are small files (about 115 px tall): keep them near their own size */
body .vb-banner .vb-banner__bear--classic img{height:auto;max-height:150px}
@media (max-width:1100px){body .vb-banner .vb-banner__bear--classic img{max-height:120px}}
@media (max-width:760px){body .vb-banner .vb-banner__bear--classic img{max-height:86px}}
/* Footer: responsive_classic's [class*="col"]{float:left;margin-left:5px} also matched vb-footer__cols / __col,
   floating the footer columns to the far left and under the copyright line on wide screens */
html body .vb-footer .vb-footer__cols,html body .vb-footer .vb-footer__col{float:none;margin-left:auto;margin-right:auto}
html body .vb-footer .vb-footer__col{margin:0}
/* Paul, Oct 27: copyright line centred */
html body .vb-footer .vb-footer__legal{text-align:center}
/* Paul, Oct 27: product cards line up across a row even when a bear's name runs to two lines.
   The name always takes two lines' room (longer names end in "..."), and the stock line sits on the card's bottom edge. */
html body .vb-card{height:100%;box-sizing:border-box}
html body .vb-card a.vb-card__name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;line-height:1.3}
html body .vb-card .vb-cap,html body .vb-card .vb-ask{margin-top:auto}
html body .vb-card .vb-cap + .vb-ask{margin-top:0}

/* Wishlist page (Oct 27) */
html body .vb-wishlist__cell{display:flex;flex-direction:column}
html body .vb-wishlist__remove{margin:8px 0 0}
html body .vb-wishlist__removebtn{background:none;border:0;padding:0;color:#304FA6;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
html body .vb-wishlist__intro,html body .vb-wishlist__empty{max-width:640px;margin:0 0 24px}
html body .vb-btn.is-saved{color:#304FA6}