/* uffizl.com — classic "handmade" site style (no frameworks) */
* { box-sizing: border-box; }

body {
  margin: 0;
  background: #E8E4D4 url("data:image/gif;base64,R0lGODlhAgACAIAAABkZGRkZGSH5BAAAAAAALAAAAAACAAIAAAICKgA7") repeat;
  color: #33302A;
  font: 13px/1.55 Verdana, Geneva, sans-serif;
}

.wrap { width: 960px; margin: 0 auto 24px; background: #FFFDF5; border: 1px solid #A89A78; }
.wrap { box-shadow: 2px 2px 0 rgba(90,80,50,.25); }

.topbar {
  background: #6B5D3F;
  color: #F3EFE2;
  font-size: 11px;
  padding: 3px 12px;
  display: flex;
  justify-content: space-between;
}
.topbar a { color: #F3EFE2; }

.hdr {
  background: #5B2A2E;
  color: #F5EDD8;
  padding: 22px 18px;
  border-bottom: 3px double #F5EDD8;
}
.hdr h1, .hdr a h1 { margin: 0; font: bold 30px/1.1 "Times New Roman", Times, serif; letter-spacing: .5px; color: #F5EDD8; text-decoration: none; }
.hdr .tag { margin: 4px 0 0; font: italic 13px/1.4 "Times New Roman", Times, serif; color: #DCD2AF; }
.hdr a { color: #F5EDD8; text-decoration: none; }

.menu {
  background: #E4DCC4;
  border-top: 1px solid #A89A78;
  border-bottom: 1px solid #A89A78;
  padding: 6px 12px;
  font-weight: bold;
  font-size: 12px;
}
.menu a { color: #5B2A2E; text-decoration: none; padding: 2px 10px; border-right: 1px solid #A89A78; }
.menu a:last-child { border-right: 0; }
.menu a:hover, .menu a.here { background: #5B2A2E; color: #F5EDD8; }

.crumbs { padding: 6px 18px; font-size: 11px; color: #6B5D3F; border-bottom: 1px dashed #C9BE9C; }
.crumbs a { color: #8B0000; }

.content { padding: 18px; min-height: 400px; }
.content h1, .content h2, .content h3 { font-family: "Times New Roman", Times, serif; color: #5B2A2E; }
.content h1 { font-size: 25px; margin: 4px 0 10px; border-bottom: 2px solid #A89A78; padding-bottom: 4px; }
.content h2 { font-size: 20px; margin: 22px 0 8px; }
.content h3 { font-size: 16px; margin: 16px 0 6px; }
.content p { margin: 0 0 10px; }
.content ul { margin: 0 0 10px 22px; }
.content a { color: #8B0000; }

img.photo {
  border: 1px solid #A89A78;
  background: #FFFDF5;
  padding: 4px;
  margin: 0 0 10px 0;
}
.img-right { float: right; margin: 4px 0 10px 16px; }
.img-center { display: block; margin: 12px auto; }

.facts {
  background: #F1EAD4;
  border: 1px solid #A89A78;
  padding: 10px 14px;
  margin: 14px 0;
  font-size: 12px;
}
.facts h3 { margin-top: 0; }

.note {
  border: 1px dashed #A89A78;
  background: #FBF6E7;
  padding: 8px 12px;
  font-style: italic;
  font-size: 12px;
  margin: 12px 0;
}

table.retro { border-collapse: collapse; width: 100%; margin: 10px 0; font-size: 12px; }
table.retro th, table.retro td { border: 1px solid #A89A78; padding: 6px 10px; text-align: left; vertical-align: top; }
table.retro th { background: #E4DCC4; }

.footer {
  border-top: 3px double #A89A78;
  background: #E4DCC4;
  padding: 10px 18px;
  font-size: 11px;
  color: #5A5142;
}
.footer a { color: #8B0000; }

/* cookie bar — фиксированный низ (не всплывающий) */
.cookie-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: #5B2A2E;
  color: #F5EDD8;
  border-top: 2px solid #A89A78;
  padding: 10px 18px;
  z-index: 10000;
}
.cookie-banner h3 { margin: 0 0 4px; font: bold 14px "Times New Roman", Times, serif; color: #F5EDD8; }
.cookie-banner p { margin: 0 0 8px; font-size: 12px; }
.cookie-banner .btn {
  font: bold 12px Verdana, sans-serif;
  background: #F5EDD8;
  color: #5B2A2E;
  border: 1px solid #A89A78;
  padding: 5px 14px;
  margin-right: 8px;
  cursor: pointer;
}
.cookie-banner .btn:hover { background: #E4DCC4; }
.cookie-banner .link-row { font-size: 11px; }
.cookie-banner .link-row a { color: #DCD2AF; }

@media (max-width: 980px) {
  .wrap { width: 100%; }
  .img-right { float: none; }
}