:root{
  --paper:#f6f3ec;--ink:#29332e;--muted:#65716b;
  --line:#d3d6d0;--soft:#e8ede7;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.site{width:min(1180px,calc(100% - 48px));margin:auto}
header{border-bottom:1px solid var(--line);background:rgba(246,243,236,.97);position:sticky;top:0;z-index:10}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:none}
nav{display:flex;align-items:center;gap:25px;font-size:14px}
nav a{color:inherit;text-decoration:none}
nav a:hover{text-decoration:underline;text-underline-offset:5px}
nav a.active{font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:5px}

main{padding:54px 0 90px}
.page-head{margin-bottom:42px}
.page-head h1{font:500 48px/1.1 Georgia,serif;margin:0 0 12px}
.page-head p{font:17px/1.55 Georgia,serif;color:var(--muted);max-width:720px;margin:0}

.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.book{min-width:0;background:rgba(255,255,255,.48);border:1px solid var(--line);border-radius:12px;padding:22px 22px 18px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(41,51,46,.045)}
.cover{height:330px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px;padding-bottom:2px}
.cover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.year{font-size:12px;color:var(--muted);margin-bottom:9px;text-align:left}

.titleblock{text-align:center}
.titleblock h2{
  font:500 23px/1.22 Georgia,serif;
  margin:0 auto 9px;
  max-width:330px;
}
.subtitle{
  font:16px/1.48 Georgia,serif;
  max-width:360px;
  margin:0 auto 8px;
}
.covertext{
  font:14px/1.42 Georgia,serif;
  max-width:360px;
  margin:9px auto 8px;
}
.smalllabel{font:14px/1.3 Georgia,serif;color:var(--muted);margin-bottom:5px}
.smaller{font-size:.78em}
.corona-title{font-size:21px!important;line-height:1.18!important}
.corona-subtitle{font-size:15px!important;line-height:1.42!important}
.corona-subtitle span{font-size:.86em;font-weight:400}
.corona-subtitle strong{font-size:1.05em;letter-spacing:.02em}
.isbn{
  font:14px/1.4 Georgia,serif;
  color:var(--muted);
  margin:0 auto;
}
.info{
  margin-top:auto;padding-top:17px;
  padding-top:13px;
  border-top:1px solid var(--line);
  min-height:42px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.info-links{
  font-size:13px;line-height:1.65;text-align:left;flex:1;
}
.info-links a{color:inherit;text-decoration:none;border-bottom:1px solid #b9c0ba}
.info-links a:hover{border-bottom-color:var(--ink)}
.cart{
  flex:0 0 auto;
  font-size:22px;line-height:1;
  text-decoration:none;color:var(--ink);
  padding:2px 0 0 8px;
}
.cart:hover{transform:translateY(-1px)}
.note{
  margin-top:65px;padding-top:18px;border-top:1px solid var(--line);
  font:14px/1.6 Georgia,serif;color:var(--muted);
}

@media(max-width:950px){
  .books{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .site{width:calc(100% - 30px)}
  .nav{align-items:flex-start;flex-direction:column;padding:16px 0;gap:10px}
  nav{width:100%;overflow-x:auto;white-space:nowrap;gap:18px;padding-bottom:3px}
  main{padding:42px 0 65px}
  .page-head h1{font-size:40px}
  .books{grid-template-columns:1fr;gap:24px}
  .book{padding:20px 18px 16px}
  .cover{height:310px;margin-bottom:18px}
  .titleblock h2{font-size:22px}
  .subtitle{font-size:16px}
}