/* Related content on blog article pages; deliberately scoped to this component. */
.iq-blog-related { width:66.666667%; max-width:none; margin:0 auto 56px; padding:0; box-sizing:border-box; color:#292929; }
.iq-blog-related *, .iq-blog-related *::before, .iq-blog-related *::after { box-sizing:border-box; }
.iq-blog-related .iq-blog-section { margin:40px 0 0; clear:both; }
.iq-blog-related #blog_product_linked, .iq-blog-related #blog_article_linked { padding:0; border:0; background:none; width:100%; float:none; }
.iq-blog-related h2 { margin:0 0 22px; font-size:25px; line-height:1.3; font-weight:600; letter-spacing:-.4px; color:#292929; text-transform:none; }
.iq-blog-related .iq-blog-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.iq-blog-related .iq-blog-product, .iq-blog-related .iq-blog-post { display:flex; flex-direction:column; min-width:0; margin:0; padding:0; background:#fff; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; }
.iq-blog-related .iq-blog-product-image { display:flex; align-items:center; justify-content:center; padding:24px; aspect-ratio:4/3; background:#f7f7f5; overflow:hidden; }
.iq-blog-related .iq-blog-product-image img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; margin:0; padding:0; border:0; border-radius:0; mix-blend-mode:multiply; }
.iq-blog-related .iq-blog-product-body, .iq-blog-related .iq-blog-post-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:20px; }
.iq-blog-related h3 { margin:0 0 20px; font-size:16px; line-height:1.55; font-weight:600; text-transform:none; overflow-wrap:anywhere; }
.iq-blog-related h3 a { color:#292929; }
.iq-blog-related h3 a:hover { color:#d71932; }
.iq-blog-related .iq-blog-card-link { display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; margin-top:auto; min-height:52px; padding:14px 24px; border:1px solid #d71920; border-radius:0; background:#d71920; color:#fff; font-size:14px; line-height:1.5; font-weight:700; text-transform:uppercase; text-align:center; text-decoration:none; }
.iq-blog-related .iq-blog-product .iq-blog-card-link { width:100%; }
.iq-blog-related .iq-blog-card-link span { display:none; }
.iq-blog-related .iq-blog-card-link:hover { background:#b91219; border-color:#b91219; color:#fff; text-decoration:none; }
.iq-blog-related a:focus-visible { outline:2px solid #c9142c; outline-offset:3px; }
.iq-blog-related .iq-blog-posts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.iq-blog-related .iq-blog-post-image { display:block; aspect-ratio:16/9; overflow:hidden; background:#f7f7f5; }
.iq-blog-related .iq-blog-post-image img { display:block; width:100%; height:100%; object-fit:cover; margin:0; }
.iq-blog-related .iq-blog-post time { display:block; margin-bottom:9px; font-size:13px; line-height:1.5; color:#686868; }
.iq-blog-related .iq-blog-post h3 { font-size:19px; line-height:1.45; }
.iq-blog-related .iq-blog-no-image { color:#686868; font-size:14px; text-align:center; }
.iq-blog-related .iq-blog-share { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:40px; padding-top:24px; border-top:1px solid #e5e5e5; }
.iq-blog-related .iq-blog-share h2 { margin:0; font-size:15px; letter-spacing:0; font-weight:400; }
.iq-blog-related .iq-blog-share-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.iq-blog-related .iq-blog-share-links li { margin:0; padding:0; float:none; width:auto; }
.iq-blog-related .iq-blog-share-links a { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:8px 12px; border:1px solid #e5e5e5; border-radius:22px; color:#444; background:#fff; font-size:12px; line-height:1.4; text-decoration:none; }
.iq-blog-related .iq-blog-share-links a:hover { color:#c9142c; border-color:#c9142c; }
.iq-blog-related .soc-icon { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; }
.iq-blog-related .soc-icon svg { display:block; width:16px; height:16px; fill:currentColor; }
.iq-blog-related .soc-text { color:inherit; font-weight:400; }
.iq-blog-related .iq-blog-author { margin-top:30px; }
.iq-blog-related .iq-blog-author img { width:80px; height:80px; object-fit:cover; border-radius:50%; }
@media (max-width:991px) { .iq-blog-related { width:100%; } .iq-blog-related .iq-blog-products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px) {
 .iq-blog-related { padding:0; margin-bottom:36px; }
 .iq-blog-related .iq-blog-section { margin-top:30px; }
 .iq-blog-related h2 { font-size:22px; margin-bottom:18px; }
 .iq-blog-related .iq-blog-products, .iq-blog-related .iq-blog-posts { grid-template-columns:minmax(0,1fr); gap:18px; }
 .iq-blog-related .iq-blog-product-image { aspect-ratio:4/3; }
 .iq-blog-related .iq-blog-product-body, .iq-blog-related .iq-blog-post-body { padding:18px; }
 .iq-blog-related .iq-blog-share { gap:12px; margin-top:30px; }
 .iq-blog-related .iq-blog-share h2 { flex-basis:100%; font-size:15px; }
 .iq-blog-related .iq-blog-card-link { min-height:52px; }
 .iq-blog-related .iq-blog-share-links a { min-height:44px; }
}