:root { --shop-accent: #915352; }
body { margin:0; color:#333; background:#ddd url("images/pattern-1.png"); font-family:Arial,Helvetica,sans-serif; }
a { color:#915352; } a:hover { color:#733f3e; }
h1,h2,h3,h4 { font-weight:700; color:#494949; }
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 #915352; }
.toprow { background:#494949; 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:#f2f2f2; }
.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 300px; } .brand img { width:100%; max-width:300px; }
.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:0 0 8px #bbb; }
.btn-shop { background:#494949; border:1px solid #414141; color:white; }
.btn-shop:hover { background:#333; color:white; }
.btn-shop-outline { border:1px solid #494949; color:#494949; }
.btn-shop-outline:hover { background:#494949; 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 #494949; border-bottom:1px solid #494949; padding:12px 0; margin-bottom:20px; }
.book-page .format .icon { border-radius:50%; background:#915352; 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:#494949; 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-basis:260px; max-width:65%; } .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; } }