.sc-blog-page .site-content,
.sc-blog-page .col-full { max-width: none; margin: 0; padding: 0; }
.sc-blog-page .sc-menu > li > a[href*="/th/"] { border-color: #fb0b58; color: #fb0b58; }

.sc-blog-archive { padding: 20px 0 0; color: #171717; }
.sc-blog-archive__breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #707070; font-size: 13px; }
.sc-blog-archive__breadcrumb a { color: #555; text-decoration: none; }
.sc-blog-archive__breadcrumb i { color: #aaa; }
.sc-blog-archive__heading { margin-bottom: 30px; }
.sc-blog-archive__heading h1 { margin: 0 0 7px; color: #111; font-size: 32px; font-weight: 800; letter-spacing: -.02em; }
.sc-blog-archive__heading div,
.sc-blog-archive__heading p { margin: 0; color: #565656; font-size: 14px; }
.sc-blog-archive__layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 34px; align-items: start; }
.sc-blog-results { min-width: 0; }
.sc-blog-results__bar { display: flex; min-height: 45px; margin-bottom: 16px; align-items: center; justify-content: space-between; gap: 20px; }
.sc-blog-results__bar p { margin: 0; color: #5d5d5d; font-size: 13px; }
.sc-blog-results__bar select { min-width: 150px; height: 40px; margin: 0; padding: 0 36px 0 13px; border: 1px solid #dedede; border-radius: 5px; background-color: #fff; box-shadow: none; color: #252525; font-size: 12px; }

.sc-blog-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sc-blog-card { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; margin: 0 !important; border: 1px solid #e1e1e1; border-radius: 7px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .025); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.sc-blog-card:hover { transform: translateY(-3px); border-color: #ffc1d5; box-shadow: 0 9px 24px rgba(24, 24, 24, .09); }
.sc-blog-card__image { position: relative !important; display: block; width: 100%; height: 185px; overflow: hidden; flex: 0 0 185px; background: #fff2f6; text-decoration: none; }
.sc-blog-card__image img { display: block; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; object-fit: cover; transition: transform .3s ease; }
.sc-blog-card:hover .sc-blog-card__image img { transform: scale(1.035); }
.sc-blog-card__image > span { display: grid; width: 100%; height: 100%; place-items: center; color: #fb0b58; font-size: 44px; }
.sc-blog-card__body { position: relative; z-index: 2; display: flex; min-height: 205px; padding: 17px 17px 15px; flex: 1; flex-direction: column; background: #fff; }
.sc-blog-card__category { position: static !important; display: inline-block; align-self: flex-start; margin: 0 0 8px; color: #fb0b58 !important; font-size: 10px; font-weight: 800; letter-spacing: .045em; line-height: 1.3; text-decoration: none !important; text-transform: uppercase; }
.sc-blog-card__title { position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 0 9px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #111 !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: -.01em; line-height: 1.3 !important; text-align: left !important; transform: none !important; }
.sc-blog-card__title a { position: static !important; display: -webkit-box !important; overflow: hidden; color: #111 !important; font: inherit !important; text-decoration: none !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sc-blog-card__title a:hover { color: #fb0b58 !important; }
.sc-blog-card__excerpt { display: -webkit-box; overflow: hidden; margin: 0 0 14px; color: #646464; font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sc-blog-card__meta { display: flex; flex-wrap: wrap; gap: 8px 13px; margin-top: auto; padding-top: 12px; border-top: 1px solid #eee; color: #777; font-size: 10px; }
.sc-blog-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
.sc-blog-card__meta i { color: #fb0b58; }
.sc-blog-pagination { margin-top: 30px; }
.sc-blog-pagination ul { display: flex; justify-content: center; gap: 7px; margin: 0; list-style: none; }
.sc-blog-pagination a,
.sc-blog-pagination span { display: grid; min-width: 36px; height: 36px; padding: 0 9px; place-items: center; border: 1px solid #e2e2e2; border-radius: 5px; background: #fff; color: #333; text-decoration: none; }
.sc-blog-pagination .current,
.sc-blog-pagination a:hover { border-color: #fb0b58; background: #fb0b58; color: #fff; }
.sc-blog-empty { padding: 60px 20px; border: 1px solid #e5e5e5; border-radius: 7px; text-align: center; }
.sc-blog-empty i { color: #fb0b58; font-size: 42px; }
.sc-blog-empty h2 { margin: 14px 0 5px; font-size: 22px; }
.sc-blog-empty p { margin: 0; color: #777; }
.sc-blog-archive__newsletter { margin-top: 52px; margin-bottom: 0; }

@media (max-width: 1100px) {
	.sc-blog-archive__layout { grid-template-columns: 230px minmax(0, 1fr); gap: 25px; }
	.sc-blog-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
	.sc-blog-archive__layout { grid-template-columns: 1fr; }
	.sc-blog-archive__layout > .sc-blog-sidebar { order: 2; }
	.sc-blog-results { order: 1; }
}

@media (max-width: 600px) {
	.sc-blog-archive { padding-top: 14px; }
	.sc-blog-archive__heading { margin-bottom: 22px; }
	.sc-blog-archive__heading h1 { font-size: 28px; }
	.sc-blog-results__bar { align-items: flex-start; flex-direction: column; gap: 10px; }
	.sc-blog-results__bar select { width: 100%; }
	.sc-blog-results__bar form { width: 100%; }
	.sc-blog-card-grid { grid-template-columns: 1fr; }
	.sc-blog-card__image { height: 205px; flex-basis: 205px; }
	.sc-blog-card__body { min-height: 0; }
	.sc-blog-card__title { font-size: 19px !important; }
	.sc-blog-archive__newsletter { margin-top: 34px; }
}