.blog-maindiv{width:100%;max-width:var(--maindivsmaxwidth);padding:var(--maindivspadding);margin:0 auto}.blog-hero{text-align:left;padding:60px 0 40px}.blog-hero p{max-width:640px;margin-top:10px}.blog-empty{color:var(--body-text-color);padding:60px 0}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:80px;display:grid}.blogcard{color:inherit;background:var(--light-section-bg);border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blogcard-imgwrap{aspect-ratio:16/10;width:100%;position:relative}.blogcard-img{object-fit:cover}.blogcard-body{flex-direction:column;gap:8px;padding:20px;display:flex}.blogcard-category{text-transform:uppercase;color:var(--sockspromo-blue-color);font-size:12px;font-weight:600}.blogcard-title{font-size:18px}.blogcard-excerpt{color:var(--body-text-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.blogcard-meta{color:var(--body-text-color);gap:6px;margin-top:auto;font-size:13px;display:flex}.blogpost{max-width:860px;padding-top:60px;padding-bottom:80px}.blogpost-header h1{margin-top:8px;font-size:44px}.blogpost-meta{color:var(--body-text-color);gap:8px;margin-top:12px;font-size:14px;display:flex}.blogpost-coverwrap{aspect-ratio:16/9;border-radius:12px;width:100%;margin:32px 0;position:relative;overflow:hidden}.blogpost-cover{object-fit:cover}.blogpost-body{color:var(--body-text-color);font-size:17px;line-height:1.7}.blogpost-body h2,.blogpost-body h3{margin-top:32px;margin-bottom:12px}.blogpost-body p{margin-bottom:16px}.blogpost-body img{border-radius:8px;max-width:100%;margin:16px 0}.blogpost-tags{border-top:1px solid #eee;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;display:flex}.blogpost-tag{background:var(--light-section-bg);color:var(--sockspromo-blue-color);border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600}@media only screen and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:640px){.blog-grid{grid-template-columns:1fr}.blogpost-header h1{font-size:32px}}