:root { --shop-accent: #000; }
body { font-family: "Open Sans", sans-serif; }
header .logo-menu-row .container .logo { width: auto; flex-shrink: 0; }
header .logo-menu-row { padding-top: 1.5rem; }
body { padding-top: 46px; }
header .toprow { position: fixed; top: 0; left: 0; right: 0; height: 46px; background: black; z-index: 1000; }
header .toprow .container { height: 100%; padding: 5px 2rem; align-items: center; }
header .toprow .container a,
header .toprow .container a:hover,
header .toprow .container a:active,
header .toprow .container a:visited { color: white; }
header .toprow .container .badge { background: white; color: black; }
header .payment-icons { margin-right: auto; }
footer .payment-icons { height: auto; min-height: 32px; margin-bottom: 2rem; }
footer a { color: white; }
footer .btn-shop-outline { color: white; border-color: white; margin-top: 1rem; }
footer .btn-shop-outline:hover, footer .btn-shop-outline:focus { color: black; background: white; }
.booklist .booklistrow .book .img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
html { scroll-padding-top: 46px; }
.booklist-title { display: none; }
@media(max-width:991px) {
    header .toprow .container { padding-right: 1rem; padding-left: 1rem; }
    header .logo-menu-row .container { flex-wrap: wrap; }
    header .logo-menu-row .container .logo { width: 70%; }
    header .menu.mobile-open { display: block; width: 100%; padding: 1rem 0; }
    header .menu.mobile-open ul { list-style: none; padding: 0; margin: 0; }
    header .menu.mobile-open a { display: block; padding: .6rem; color: black; }
}