/* ===== m-lotos: оформление раздела «Статьи» (вариант 1B) ===== */
#blog .news{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}
#blog .blog-article{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:24px 24px 20px;position:relative;transition:transform .22s,box-shadow .22s;box-shadow:0 1px 2px rgba(18,40,70,.05);margin:0}
#blog .blog-article:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,50,90,.13)}
#blog .blog-article .article_header{border-bottom:none;padding-bottom:0;margin-bottom:0;height:auto;min-height:0}
#blog .blog-article .product_name{height:auto;min-height:0}
#blog .blog-article .product_name a{font-size:17px;font-weight:700;color:#232b34;text-decoration:none;line-height:1.35;display:block;margin-bottom:8px}
#blog .blog-article:hover .product_name a{color:#2b6fb3}
#blog .blog-article .product_name a::after{content:'';position:absolute;inset:0;z-index:2}
#blog .blog-article .rte{margin-top:10px}
#blog .blog-article .rte p{font-size:14px;color:#67717e;margin:0;font-style:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#blog .blog-article .rte em,#blog .blog-article .rte i{font-style:normal}
#blog .blog-article:first-child{grid-column:1/-1;background:linear-gradient(115deg,#12395f 0%,#1d4f85 55%,#2b6fb3 100%);border:none;padding:32px 34px;overflow:hidden}
#blog .blog-article:first-child::before{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07)}
#blog .blog-article:first-child::after{content:'';position:absolute;right:40px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.05)}
#blog .blog-article:first-child .article_header::before{content:'Новая статья';display:block;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#9fc4ea;margin-bottom:10px}
#blog .blog-article:first-child .product_name a{font-size:23px;color:#fff;max-width:640px}
#blog .blog-article:first-child:hover .product_name a{color:#cfe3f7}
#blog .blog-article:first-child .rte{margin-top:12px}
#blog .blog-article:first-child .rte p{color:#c6d8ec;max-width:640px;-webkit-line-clamp:2}
#blog .blog-article:first-child .rte::after{content:'Читать статью →';display:inline-block;margin-top:16px;background:#fff;color:#1d4f85;font-size:14px;font-weight:700;border-radius:24px;padding:9px 22px}
#blog h1.page_heading{margin-bottom:8px}
#pagination{display:flex !important;flex-wrap:wrap;gap:8px;justify-content:center !important;margin:26px 0 6px;float:none !important;width:auto}
#pagination>span{min-width:38px;height:38px;display:inline-flex !important;align-items:center;justify-content:center;border:1px solid #e6ebf1 !important;border-radius:10px;background:#fff !important;font-size:14px;color:#232b34 !important;margin:0 !important;padding:0 !important}
#pagination>span a{background:transparent !important;border:none !important;border-radius:10px;color:#232b34 !important;text-decoration:none;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;line-height:1 !important;margin:0 !important;padding:0 !important;font-size:14px !important}
#pagination>span:hover{border-color:#2b6fb3 !important}
#pagination>span:hover a{color:#2b6fb3 !important}
#pagination>span.current,#pagination .current{background:#2b6fb3 !important;border-color:#2b6fb3 !important;color:#fff !important;font-weight:700}
@media(max-width:820px){#blog .news{grid-template-columns:1fr}#blog .blog-article:first-child{padding:26px 24px}#blog .blog-article:first-child .product_name a{font-size:19px}}