/* Vidimax Blog – ortak yerleşim (tüm blog yazıları bu dosyayı kullanır) */
#blog { padding: 100px 16px 40px; }
.blog-layout { display: flex; flex-direction: column; gap: 40px; }
.blog-main { width: 100%; min-width: 0; }
#blog .blog-main p { padding-left: 0; padding-right: 0; }
#blog .blog-main ul, #blog .blog-main ol { padding: 0 0 0 22px; text-align: left; }
#blog .blog-main .toc, #blog .blog-main .tip, #blog .blog-main .author-box { margin-left: 0; margin-right: 0; }
#blog .blog-main .breadcrumb-nav, #blog .blog-main .faq h3 { padding: 0; }
#blog .blog-main table.sure { width: 100%; }
#blog .blog-main .container { width: 100%; max-width: 100%; }
#blog .blog-main .video-card { width: 100%; float: none; padding: 0; }
#blog .blog-main .container-fluid { padding: 0; }
#blog .blog-main h1 { margin-top: 10px; }

/* Son yazılar */
.blog-sidebar h2 { font-size: 20px; font-weight: 700; margin: 0 0 18px; color: #432f70; }
.blog-sidebar .side-list { display: flex; flex-direction: column; gap: 18px; }
.side-card { display: block; background: #fff; border: 1px solid #ece6f3; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(67,47,112,.07); color: inherit; transition: transform .2s, box-shadow .2s; }
.side-card:hover, .side-card:focus { text-decoration: none; color: inherit; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(67,47,112,.14); }
.side-card img { display: block; width: 100%; height: auto; aspect-ratio: 600 / 340; object-fit: cover; }
.side-card-body { display: block; padding: 12px 14px 14px; }
.side-card-date { display: block; font-size: 12px; font-weight: 600; color: #ff7d04; margin-bottom: 4px; }
.side-card-title { display: block; font-size: 15px; font-weight: 700; line-height: 1.35; color: #432f70; }
.blog-sidebar .side-all { display: inline-block; margin-top: 16px; font-weight: 700; font-size: 14px; color: #e95670; }

/* Geniş ekran: yazı ekranın yarısı, sağda son yazılar */
@media (min-width: 992px) {
  #blog { padding: 110px 3vw 60px; }
  .blog-layout { flex-direction: row; justify-content: center; align-items: flex-start; gap: 4vw; }
  .blog-main { flex: 0 0 50vw; max-width: 50vw; }
  .blog-sidebar { flex: 0 0 22vw; max-width: 340px; position: sticky; top: 90px; }
}