/* blog.css — карточка «Из блога» в подвале + страницы блога (аренда-ялта.рф) */
.footer .footer-blog { margin-top: 28px; clear: both; float: none; width: 100%; }
.footer .footer-copy { clear: both; }
.footer-article {
  display: block; text-decoration: none; color: #000; background: #fff;
  border: 1px solid rgba(0,0,0,.14); border-left: 4px solid #f92; border-radius: 6px;
  padding: 18px 22px; transition: box-shadow .2s, transform .2s;
}
.footer-article:hover { box-shadow: 0 6px 18px rgba(0,0,0,.12); transform: translateY(-1px); text-decoration: none; color: #000; }
.footer-article-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #f92; margin-bottom: 8px; font-family: Arial, sans-serif; }
.footer-article-title { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.35; margin-bottom: 6px; color: #111; }
.footer-article-teaser { font-size: 14px; line-height: 1.55; color: #444; margin: 0 0 10px; }
.footer-article-link { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: #e07a10; }

/* ----- страницы блога ----- */
.blog-section { background: #fff; padding: 40px 0 50px; }
.post { max-width: 820px; margin: 0 auto; padding: 0 15px; color: #111; font-size: 17px; line-height: 1.75; }
.post .crumbs { font-size: 13px; color: #777; margin-bottom: 22px; font-family: Arial, sans-serif; }
.post .crumbs a { color: #777; text-decoration: underline; }
.post .post-meta { font-size: 13px; color: #888; margin-bottom: 22px; font-family: Arial, sans-serif; }
.post h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.3; margin: 38px 0 14px; color: #111; }
.post h3 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 20px; margin: 26px 0 10px; color: #111; }
.post p { margin: 0 0 16px; }
.post ul, .post ol { margin: 0 0 18px 22px; padding: 0; }
.post li { margin-bottom: 8px; }
.post a { color: #e07a10; text-decoration: underline; }
.post .table-wrap { overflow-x: auto; margin: 20px 0 8px; }
.post table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 15px; line-height: 1.4; }
.post th, .post td { border: 1px solid #ddd; padding: 10px 12px; text-align: left; vertical-align: top; }
.post th { background: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.post td:first-child { font-weight: bold; background: #fafafa; }
.post .note { font-size: 13px; color: #777; margin-bottom: 22px; }
.post .cta-box { background: #fff4e6; border: 1px solid #ffd9a8; border-left: 4px solid #f92; border-radius: 6px; padding: 20px 22px; margin: 34px 0 10px; }
.post .cta-box strong { display: block; font-size: 19px; margin-bottom: 6px; }
.post .cta-box .cta-phone { display: inline-block; font-size: 22px; font-weight: bold; color: #111; text-decoration: none; margin-top: 4px; }
.post .faq h3 { margin-top: 22px; }
.post-list { list-style: none; margin: 0; padding: 0; }
.post-list li { margin: 0 0 18px; }
.post-card { display: block; text-decoration: none; color: #111; border: 1px solid #e3e3e3; border-left: 4px solid #f92; border-radius: 6px; padding: 18px 22px; background: #fff; }
.post-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.1); text-decoration: none; color: #111; }
.post-card .pc-date { font-size: 12px; color: #888; font-family: Arial, sans-serif; margin-bottom: 6px; }
.post-card .pc-title { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 21px; line-height: 1.3; margin-bottom: 6px; }
.post-card .pc-text { font-size: 15px; color: #444; line-height: 1.55; margin-bottom: 8px; }
.post-card .pc-more { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: #e07a10; }
@media (max-width: 600px) {
  .post { font-size: 16px; }
  .post h2 { font-size: 22px; }
}
