
:root{
  --paper:#ece4d2; --paper2:#f6f0e2; --ink:#15120d; --soft:#5c5446;
  --red:#c01f2a; --red2:#971520; --line:#c9bc9f;
  --maxw:1040px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"PT Serif",Georgia,serif; font-size:18px; line-height:1.6;
  background-image:repeating-linear-gradient(0deg,transparent 0 27px, rgba(0,0,0,.018) 27px 28px);
}
a{color:var(--red2); text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.1}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
.topbar{height:6px;background:var(--red)}
/* вестникарска глава */
header.site{background:var(--paper);border-bottom:3px double var(--ink)}
.mast{max-width:var(--maxw);margin:0 auto;padding:16px 22px 8px;text-align:center}
.edrule{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:4px 0;
  font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.26em;font-size:.64rem;color:var(--soft)}
.logo{font-family:"Oswald",sans-serif;font-weight:700;font-size:clamp(2rem,7vw,3.1rem);letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink);line-height:1;margin:10px 0 4px;display:inline-block}
.logo:hover{text-decoration:none}
.logo .dom{color:var(--red);font-size:.4em;vertical-align:super;letter-spacing:.08em}
.nav2{max-width:var(--maxw);margin:0 auto;padding:9px 22px 13px;display:flex;gap:6px 20px;justify-content:center;
  flex-wrap:wrap;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;border-top:1px solid var(--line)}
.nav2 a{color:var(--ink);font-weight:500}
.nav2 a:hover{color:var(--red);text-decoration:none}
main{padding:30px 0 10px}
.hero{text-align:center;padding:24px 0 4px}
.kicker{font-family:"Oswald",sans-serif;letter-spacing:.34em;text-transform:uppercase;font-size:.7rem;color:var(--red);font-weight:600}
.hero h1{font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(1.9rem,5vw,2.9rem);color:var(--ink);margin:.2em 0 .12em}
.hero h1 em{color:var(--red);font-style:normal}
.lead{color:var(--soft);max-width:620px;margin:0 auto;font-size:1.05rem}
.card{background:var(--paper2);border:1px solid var(--line);padding:24px}
/* отривен лист */
.leaf{position:relative;max-width:560px;margin:30px auto;background:var(--paper2);border:1px solid var(--line);
  padding:52px 26px 32px;text-align:center;box-shadow:0 2px 0 var(--line),0 22px 44px -30px rgba(0,0,0,.55)}
.leaf-perf{position:absolute;left:14px;right:14px;top:16px;border-top:2px dashed #b9ab8a}
.leaf-hole{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;
  background:var(--paper);border:1px solid var(--line);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.leaf-wd{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.4em;color:var(--red);
  font-weight:600;font-size:.82rem;margin-left:.4em}
.leaf-num{font-family:"Oswald",sans-serif;font-weight:700;font-size:clamp(5rem,22vw,8.6rem);line-height:.84;
  color:var(--ink);margin:.02em 0}
.leaf-mon{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.3em;color:var(--ink);
  font-size:1rem;margin-left:.3em}
.leaf-rule{height:3px;background:var(--ink);width:52px;margin:16px auto 14px}
.leaf-hol{font-family:"PT Serif",serif;font-style:italic;font-size:1.5rem;color:var(--red2);margin-bottom:14px;line-height:1.2}
.leaf-stamp{position:absolute;top:40px;right:16px;width:74px;height:74px;border:2px solid var(--red);border-radius:50%;
  color:var(--red);font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:.6rem;letter-spacing:.1em;
  font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-11deg);
  opacity:.5;line-height:1.25}
@media(max-width:560px){.leaf-stamp{display:none}.leaf{padding-left:16px;padding-right:16px}}
.names{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:4px}
.names a,.names span{display:inline-block;background:var(--paper);border:1px solid var(--ink);color:var(--ink);
  padding:5px 12px;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;
  font-weight:500;text-decoration:none}
.names a:hover{background:var(--red);color:#fff;border-color:var(--red);text-decoration:none}
.today-date{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--red);font-weight:600;font-size:.8rem}
.today-holiday{font-family:"PT Serif",serif;font-size:1.45rem;color:var(--ink);margin:.15em 0 .35em}
.grid{display:grid;gap:18px}
.cols-2{grid-template-columns:1fr 1fr}
@media(max-width:760px){.cols-2{grid-template-columns:1fr}}
/* решетка с печати за най-тачените */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-bottom:0}
@media(max-width:680px){.fgrid{grid-template-columns:repeat(2,1fr)}}
.fcard{padding:18px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  text-decoration:none;display:block;background:var(--paper2);transition:background .12s}
.fcard:hover{background:var(--red);text-decoration:none}
.fcard:hover .fh,.fcard:hover .fd{color:#fff}
.fcard .fh{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-weight:600;
  color:var(--ink);font-size:1.02rem;display:block;margin-bottom:3px}
.fcard .fd{font-family:"Oswald",sans-serif;color:var(--red);font-size:.74rem;text-transform:uppercase;letter-spacing:.18em}
.section-title{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:600;
  font-size:1.1rem;color:var(--ink);margin:48px 0 14px;display:flex;align-items:center;gap:14px}
.section-title:before{content:"";flex:0 0 auto;width:30px;height:3px;background:var(--red)}
.section-title:after{content:"";flex:1;height:1px;background:var(--line)}
.subtle{color:var(--soft)}
.upcoming{padding-left:0;margin:0}
.upcoming li{list-style:none;display:flex;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px dotted #b9ab8a}
.upcoming .u-day{font-family:"Oswald",sans-serif;font-weight:700;color:var(--red);font-size:1.45rem;min-width:118px}
.upcoming b{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-weight:600;font-size:.96rem}
.month h3{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1.2rem;color:var(--ink);
  border-bottom:2px solid var(--red);padding-bottom:5px;margin:34px 0 8px}
.day-row{display:flex;gap:16px;padding:11px 0;border-bottom:1px dotted #b9ab8a;align-items:baseline}
.day-row .dn{font-family:"Oswald",sans-serif;font-weight:700;color:var(--red);min-width:46px;font-size:1.5rem;text-align:right}
.day-row .dh{flex:1}
.day-row .dh b{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.03em}
.day-row .dh small{display:block;color:var(--soft)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pill-row a,.pill-row .tag{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;
  background:var(--paper);padding:3px 9px;border:1px solid var(--line);color:var(--ink)}
.greet{background:var(--paper2);border:1px solid var(--line);border-left:5px solid var(--red);padding:22px 24px;position:relative}
.greet blockquote{margin:0;font-family:"PT Serif",serif;font-style:italic;font-size:1.12rem;color:var(--ink)}
.greet .cat{font-family:"Oswald",sans-serif;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:600}
.copy{margin-top:14px;background:var(--ink);color:var(--paper2);border:0;padding:9px 16px;
  font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-weight:500;cursor:pointer;font-size:.76rem}
.copy:hover{background:var(--red)}
.pozdrav-cta{display:block;text-decoration:none;border:1px solid var(--ink);background:var(--paper2);
  padding:22px 26px;transition:background .14s}
.pozdrav-cta:hover{background:var(--red);text-decoration:none}
.pozdrav-cta:hover .pc-label,.pozdrav-cta:hover .pc-sub{color:#fff}
.pozdrav-cta:hover .pc-arrow{color:#fff;border-color:#fff}
.pc-label{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-weight:600;font-size:1.18rem;color:var(--ink)}
.pc-sub{display:block;color:var(--soft);margin:5px 0 15px}
.pc-arrow{display:inline-block;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;
  font-size:.8rem;font-weight:600;color:var(--red);border:2px solid var(--red);padding:9px 18px}
.cform{max-width:560px}
.cform label{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--soft);margin:16px 0 5px}
.cform input,.cform textarea{width:100%;padding:12px 14px;border:1px solid var(--ink);background:var(--paper2);font-family:"PT Serif",serif;font-size:1rem;color:var(--ink)}
.cform textarea{min-height:150px;resize:vertical}
.search{width:100%;padding:14px 16px;border:1px solid var(--ink);background:var(--paper2);font-size:1.05rem;font-family:"PT Serif",serif}
.alpha{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.alpha a{font-family:"Oswald",sans-serif;padding:5px 10px;border:1px solid var(--line);background:var(--paper2);
  font-weight:600;font-size:.8rem;text-transform:uppercase}
.name-list{columns:4;column-gap:28px}
@media(max-width:760px){.name-list{columns:2}}
.name-list a{display:block;padding:3px 0}
.name-list .grp{break-inside:avoid;margin-bottom:16px}
.name-list .grp b{font-family:"Oswald",sans-serif;color:var(--red);font-size:1.05rem;text-transform:uppercase;
  letter-spacing:.1em;display:block;border-bottom:2px solid var(--ink);margin-bottom:6px}
.breadcrumb{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--soft);margin:4px 0 18px}
.breadcrumb a{color:var(--soft)}
.name-hero{text-align:center;padding:14px 0}
.name-hero h1{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:700;
  font-size:clamp(2.4rem,9vw,4rem);color:var(--ink)}
.faq h3{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;color:var(--ink);margin:26px 0 4px}
.card h2{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;color:var(--ink);margin:30px 0 8px;border-bottom:2px solid var(--red);padding-bottom:4px;display:inline-block}
.card h2:first-of-type{margin-top:18px}
.card p{margin:0 0 14px}
footer.site{margin-top:64px;background:var(--ink);color:#d8ccb3;border-top:6px solid var(--red)}
footer .wrap{padding:34px 22px}
footer a{color:#e7dcc4}
footer a:hover{color:#fff}
footer .logo{font-family:"Oswald",sans-serif;text-transform:uppercase;color:#fff;font-size:1.6rem;letter-spacing:.07em}
footer .logo .dom{color:var(--red)}
.fnav{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}
.muted-note{font-size:.82rem;color:#b3a787}
.cta{display:inline-block;margin-top:8px;background:var(--ink);color:var(--paper2);padding:11px 20px;
  font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:500}
.cta:hover{background:var(--red);text-decoration:none;color:#fff}
.tag{display:inline-block;background:var(--paper);border:1px solid var(--line);padding:3px 9px;
  font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:var(--ink);margin:2px}
