/* Old Times Bazar – burgundy / gold theme */
:root {
  --wine:#3d0d0f;
  --wine-dark:#250708;
  --gold:#e8c55f;
  --gold-soft:#fff0b3;
  --cream:#fbf5e9;
  --paper:#fffdf8;
  --ink:#281b18;
  --muted:#6d5a50;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  font-family: Georgia, 'Times New Roman', serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 10%, rgba(232,197,95,.16), transparent 34rem),
    linear-gradient(135deg,#f8efde 0%,#fffaf2 52%,#efe0c7 100%);
  min-height:100vh;
}
a { color:#6e201f; }
.hero {
  min-height:390px;
  background:
    linear-gradient(rgba(24,5,6,.46),rgba(24,5,6,.68)),
    url('prodejna-obrazy.jpg') center 43%/cover no-repeat;
  display:grid;
  place-items:center;
  text-align:center;
  padding:38px 20px;
  border-bottom:5px solid var(--gold);
}
.hero-inner { max-width:920px; color:white; text-shadow:0 2px 10px rgba(0,0,0,.7); }
.hero-logo { width:150px; height:150px; object-fit:cover; border-radius:8px; border:3px solid var(--gold); box-shadow:0 10px 28px rgba(0,0,0,.35); }
.hero h1 { margin:16px 0 6px; font-size:clamp(38px,6vw,74px); line-height:1; letter-spacing:.035em; }
.hero p { margin:8px auto 0; max-width:760px; font-size:clamp(18px,2.4vw,27px); line-height:1.35; }
.header { display:flex; justify-content:center; align-items:center; gap:18px; padding:14px 18px; background:rgba(61,13,15,.97); color:var(--gold-soft); border-bottom:1px solid var(--gold); text-shadow:0 1px 2px rgba(0,0,0,.45); }
.header .logo { width:76px; height:76px; object-fit:cover; border-radius:6px; border:1px solid var(--gold); }
.header h2 { margin:0; font-size:clamp(22px,3vw,34px); letter-spacing:.03em; text-align:center; }
.section { max-width:1180px; margin:0 auto; padding:52px 22px; }
.section.compact { padding-top:30px; padding-bottom:30px; }
.section-title { text-align:center; color:var(--wine); font-size:clamp(30px,4vw,44px); margin:0 0 18px; }
.lead-card, .contact-card, .seo-card { background:rgba(255,253,248,.94); border:1px solid rgba(61,13,15,.16); border-top:4px solid var(--gold); border-radius:8px; box-shadow:0 12px 32px rgba(48,20,10,.11); padding:26px; }
.lead-card { max-width:980px; margin:0 auto; font-size:18px; line-height:1.65; }
.cta-row { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:24px; }
.oldtimes-button { display:inline-block; padding:13px 24px; border:2px solid var(--gold); border-radius:3px; background:var(--wine); color:var(--gold-soft); text-decoration:none; font-weight:800; text-shadow:0 1px 2px rgba(0,0,0,.42); letter-spacing:.025em; box-shadow:inset 0 0 0 2px var(--wine), 0 5px 14px rgba(46,10,12,.18); transition:.16s ease; }
.oldtimes-button:hover { background:var(--gold); color:var(--wine-dark); transform:translateY(-1px); }
.oldtimes-button.light { background:var(--gold); color:var(--wine-dark); }
.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.gallery-card { background:#fff; border:1px solid #d8c4a1; border-radius:8px; overflow:hidden; box-shadow:0 10px 26px rgba(46,27,15,.12); }
.gallery-card img { width:100%; height:410px; object-fit:cover; display:block; }
.gallery-card div { padding:18px; }
.gallery-card h3 { margin:0 0 8px; color:var(--wine); font-size:23px; }
.gallery-card p { margin:0; color:var(--muted); line-height:1.5; }
.category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.category-card { padding:20px; background:var(--wine); color:#fff7de; border:1px solid var(--gold); border-radius:6px; }
.category-card h3 { margin:0 0 8px; color:var(--gold-soft); text-shadow:0 1px 2px rgba(0,0,0,.35); }
.category-card p { margin:0; line-height:1.5; }
.contact-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:20px; }
.contact-card h2, .contact-card h3 { color:var(--wine); }
.contact-list { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.contact-list a { font-weight:700; }
.footer { margin-top:42px; padding:26px 18px; text-align:center; color:#eadcae; background:var(--wine-dark); border-top:4px solid var(--gold); font-family:Arial,sans-serif; font-size:14px; line-height:1.55; }
.footer a { color:var(--gold-soft); font-weight:700; text-decoration-thickness:1.5px; }
.legal-wrap { max-width:900px; margin:28px auto 50px; padding:28px; background:rgba(255,253,248,.96); border:1px solid #dcc9a8; border-radius:8px; box-shadow:0 10px 28px rgba(49,22,11,.1); line-height:1.62; font-family:Arial,sans-serif; }
.legal-wrap h1,.legal-wrap h2 { color:var(--wine); }
.legal-meta { background:#f5ead2; border-left:4px solid var(--gold); padding:14px; }
@media (max-width:900px){ .gallery-grid,.category-grid{grid-template-columns:repeat(2,1fr)} .contact-grid{grid-template-columns:1fr} }
@media (max-width:650px){
  .hero{min-height:300px;padding:28px 16px;background-position:center top}.hero-logo{width:110px;height:110px}.hero h1{font-size:clamp(35px,12vw,54px)}.hero p{font-size:18px}
  .header{gap:9px;padding:10px}.header .logo{width:58px;height:58px}.header h2{font-size:21px}
  .section{padding:36px 14px}.gallery-grid,.category-grid{grid-template-columns:1fr}.gallery-card img{height:360px}.lead-card,.contact-card,.seo-card{padding:20px}.legal-wrap{margin:18px 10px 32px;padding:20px}
}


/* Old Times Bazar – finální předprodukční úpravy */
body { overflow-x:hidden; }
.hero-inner, .section, .lead-card, .gallery-card, .contact-card { min-width:0; }
.home-hero { min-height:440px; }
.home-nav {
  position:sticky; top:0; z-index:50; display:flex; justify-content:center; flex-wrap:wrap;
  gap:6px 22px; padding:11px 16px; background:rgba(37,7,8,.97); border-bottom:1px solid var(--gold);
  font-family:Arial,sans-serif;
}
.home-nav a { color:var(--gold-soft); text-decoration:none; font-weight:800; padding:6px 4px; text-shadow:0 1px 2px rgba(0,0,0,.5); }
.home-nav a:hover { color:white; text-decoration:underline; }
.eyebrow { margin:0 0 8px; font:700 13px/1.3 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#8d5c28; }
.eyebrow.centered { text-align:center; }
.seo-copy { padding-top:10px; }
.seo-card { max-width:980px; margin:0 auto; font-size:17px; line-height:1.65; }
.seo-card h2 { margin-top:0; color:var(--wine); }
.single-contact { grid-template-columns:minmax(0,780px); justify-content:center; }
.contact-actions { justify-content:flex-start; }
.hero h1 { overflow-wrap:normal; word-break:normal; text-wrap:balance; }
.hero p, .section-title { text-wrap:balance; }
@media (max-width:650px) {
  .home-hero { min-height:330px; padding:24px 14px; background-position:center 18%; }
  .hero-logo { width:96px; height:96px; }
  .hero h1 { font-size:clamp(34px,11vw,48px); letter-spacing:.015em; }
  .hero p { max-width:92vw; font-size:17px; }
  .home-nav { position:static; gap:2px 12px; padding:8px 10px; }
  .home-nav a { font-size:14px; }
  .gallery-card img { height:310px; }
  .section-title { font-size:clamp(27px,8vw,36px); }
  .lead-card { font-size:16px; line-height:1.58; }
  .contact-actions { justify-content:center; }
}
@media (max-width:380px) {
  .hero h1 { font-size:32px; }
  .oldtimes-button { width:100%; text-align:center; }
}