:root { --shop-accent: #666666; }
body { margin:0; color:#333; background:white; font-family:"Open Sans",Arial,Helvetica,sans-serif; }
a { color:#666666; } a:hover { color:#4d4d4d; }
h1,h2,h3,h4 { font-weight:700; color:#666666; }
h1 { font-size:1.5rem; } h2 { font-size:1.3rem; } h3 { font-size:1.2rem; }
header { position:fixed; top:0; width:100%; z-index:100; border-bottom:2px solid #666666; }
.toprow { background:#333333; color:white; min-height:45px; }
.toprow .container { display:flex; justify-content:flex-end; align-items:center; gap:20px; padding-top:8px; padding-bottom:8px; }
.toprow a { color:white; text-decoration:none; }
.toprow .badge { background:white; color:#333; }
.toprow .payment-icons { margin-right:auto; }
.brand-row { background:white; }
.brand-row .container { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:86px; padding-top:15px; padding-bottom:15px; }
.brand { flex:0 1 380px; color:#333; text-decoration:none; } .brand img { width:100%; max-width:380px; max-height:70px; object-fit:contain; object-position:left center; }
.menu ul { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 20px; list-style:none; margin:0; padding:0; }
.menu a { color:#333; text-decoration:none; font-size:.9rem; }
.menu a:hover { text-decoration:underline; }
.menu-toggle { display:none; }
.body-content { padding:170px 30px 50px; min-height:650px; background:white; box-shadow:none; }
.btn-shop { background:#666666; border:1px solid #4d4d4d; color:white; }
.btn-shop:hover { background:#333; color:white; }
.btn-shop-outline { border:1px solid #666666; color:#666666; }
.btn-shop-outline:hover { background:#666666; color:white; }
.booklist { margin-top:40px; font-size:.9rem; }
.booklist .book { display:flex; align-items:flex-end; padding-bottom:40px; gap:15px; }
.booklist .img { flex:0 0 42%; } .booklist .img img { width:100%; max-width:170px; box-shadow:2px 2px 2px #0003; }
.booklist .info { flex:1; min-width:0; } .booklist .title { font-size:1.1rem; font-weight:bold; margin-bottom:5px; line-height:1.15; }
.booklist .title a { text-decoration:none; } .booklist .price { text-align:right; font-weight:bold; margin:10px 0; }
.booklist .shop .btn { width:100%; }
.book-page { margin-top:40px; } .book-page .cover img { width:100%; max-width:240px; box-shadow:2px 2px 2px #0003; }
.book-page .format-list { border-top:1px solid #666666; border-bottom:1px solid #666666; padding:12px 0; margin-bottom:20px; }
.book-page .format .icon { border-radius:50%; background:#666666; display:flex; align-items:center; justify-content:center; padding:10px; }
.book-page .format .icon img { width:100%; }
.book-page .format .text { text-align:center; font-size:.8rem; } .book-page .format h4 { font-size:.8rem; }
.book-page .share-footer { margin-top:20px; }
footer { background:#333333; color:white; padding:20px 0 60px; }
footer h4 { color:white; font-size:1.1rem; } footer a { color:white; text-decoration:underline; }
footer .column { text-align:center; padding:20px 15px; } footer .shop-payment-methods { justify-content:center; margin-bottom:20px; }
@media(min-width:992px) { .booklist .book { flex:0 0 33.333333%; max-width:33.333333%; } }
@media(max-width:991px) {
    .menu-toggle { display:block; } .brand-row .container { flex-wrap:wrap; min-height:80px; }
    .menu { display:none; width:100%; } .menu.mobile-open { display:block; } .menu ul { flex-direction:column; gap:12px; }
    .brand { flex:1 1 0; min-width:0; max-width:none; } .body-content { padding-top:165px; }
}
@media(max-width:575px) { .body-content { padding:155px 20px 35px; } footer .column { border-bottom:1px solid #888; } footer .column:last-child { border-bottom:0; } }
.brand:hover { color:#333; }
.btn-shop:hover { background:#4d4d4d; }