/* Start:/local/templates/hope/components/bitrix/news/articles/style.css?17819965222320*/
.news--back {display: inline-flex;max-width: 220px;margin-top: 8px}

.blog--detail-date {border: 1px solid #ececec;border-radius: 6px;border-color: #ececec;background: #f6f6f6;display: inline-flex;align-items:center;min-height:34px;padding: 5px 11px 6px;color: #777;font-size: 14px;}

.blog--read-time {display: flex;align-items: center;justify-content: center}
.blog--views {display: flex;align-items: center;justify-content: center;gap:5px;}
.blog--views svg{width: 20px;height: 20px;fill:var(--white_text_black);border: none}


.news--head {display: flex;flex-wrap: wrap;gap: 10px 14px;margin-bottom: 24px;align-items:center;color:#666;}
.news--head > div {min-height:34px;display:inline-flex;align-items:center;}

/* codex-seo-article-commerce-2026-06-20 */
.article-commerce {margin: 36px 0 28px;padding: 24px;border: 1px solid #e8e8e8;border-radius: 8px;background: #fff;}
.article-commerce__head {max-width: 760px;margin-bottom: 18px;}
.article-commerce__head h2 {margin: 0 0 8px;font-size: 24px;line-height: 1.25;color: var(--black_text, #222);}
.article-commerce__head p {margin: 0;color: #555;line-height: 1.55;}
.article-commerce__grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;margin-bottom: 18px;}
.article-commerce__item {display: block;padding: 16px;border: 1px solid #ececec;border-radius: 8px;background: #fafafa;text-decoration: none;transition: border-color .2s, background .2s, transform .2s;}
.article-commerce__item:hover {border-color: var(--link, #d71920);background: #fff;transform:translateY(-1px);}
.article-commerce__title {display: block;margin-bottom: 6px;font-weight: 700;color: var(--black_text, #222);}
.article-commerce__text {display: block;color: #555;font-size: 14px;line-height: 1.45;}
.article-commerce__actions {display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.article-commerce__actions .btn,
.article-commerce__actions .btn--fill {min-height: 44px;display: inline-flex;align-items: center;justify-content: center;padding: 0 18px;cursor: pointer;}
@media (max-width: 760px) {
    .article-commerce {padding: 18px;margin: 24px 0;}
    .article-commerce__grid {grid-template-columns: 1fr;}
    .article-commerce__head h2 {font-size: 20px;}
    .article-commerce__actions .btn,
    .article-commerce__actions .btn--fill {width: 100%;}
}

/* End */


/* Start:/local/templates/hope/components/bitrix/system.pagenavigation/catalog/style.min.css?17470632261292*/
.pagination--box{display:flex;flex-direction:column;gap:16px;--r-size:52px}.load--more-box{text-align:center}.load-more{padding:16px;width:100%;font-weight:500;font-size:16px;color:var(--a);border:1px solid var(--border);border-radius:12px;transition:.4s;cursor:pointer}.load-more:hover{border:1px solid var(--main)}.page--first svg,.page--prev svg{transform:rotate(180deg)}.page--current{color:var(--main)}.page--item,.page--nav{display:flex;align-items:center;justify-content:center}.page--item{user-select:none;width:var(--r-size);height:var(--r-size);border-radius:10px;border:1px solid var(--border);transition:.4s;box-shadow:0 4px 8px 0#0000000f}.page--item:hover{border-color:var(--main)}.page--nav{gap:4px}.page--first,.page--last,.page--next,.page--prev{border-radius:50%;box-shadow:0 4px 8px 0#0000000f;width:var(--r-size);height:var(--r-size);display:flex;align-items:center;justify-content:center;transition:.4s}.page--first:hover,.page--item:hover,.page--last:hover,.page--next:hover,.page--prev:hover{box-shadow:0 7px 10px 0#0000001c}@media all and (max-width:768px){.page--nav .page--item:nth-child(5),.page--nav .page--item:nth-child(6){display:none}}@media all and (max-width:500px){.page--nav .page--first,.page--nav .page--last{display:none}.pagination--box{--r-size:44px}}
/* End */


/* Start:/local/templates/hope/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17819966443459*/
.news--list {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 24px;}
.news--item {min-width: 0;min-height: 100%;display: flex;flex-direction: column;overflow: hidden;border:1px solid var(--border);border-radius: 8px;background:#fff;color: var(--text);text-decoration:none;transition: transform .2s, box-shadow .2s, border-color .2s;}
.news--item:hover {transform: translateY(-2px);box-shadow: 0px 14px 24px 0px #00000017;border-color: color-mix(in srgb, var(--main, #d71920) 38%, var(--border));}
.news--media {display:block;position:relative;aspect-ratio: 16 / 10;background:#f4f5f6;overflow:hidden;}
.news--media img {display:block;width:100%;height:100%;object-fit:cover;border:0;}
.news--media--empty {aspect-ratio:auto;min-height:56px;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(135deg,#f7f8f9 0%,#eef1f3 100%);}
.news--media--empty span {display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:6px;background:#fff;color:var(--main,#d71920);font-size:13px;font-weight:700;box-shadow:0 6px 16px #0000000d;}
.news--content {display:flex;flex:1;flex-direction:column;padding:16px;}

body .load--more-box {display: none}

.pagination--box {display: flex;flex-direction: column;gap:16px;--r-size:52px}
.load--more-box {text-align: center}
.load-more {padding: 16px;width: 100%;font-weight: 500;font-size: 16px;color:var(--a);border: 1px solid var(--border);border-radius: 12px;transition: .4s;cursor:pointer}
.load-more:hover {border: 1px solid var(--main);}

.page--prev svg {transform: rotate(180deg)}
.page--first svg {transform: rotate(180deg)}

.page--current {color:var(--main)}
.page--item {width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;border-radius: 10px;border:1px solid var(--border);transition: .4s;box-shadow: 0 4px 8px 0 #0000000F;user-select: none}
.page--item:hover {box-shadow: 0px 7px 10px 0px #0000001C;border-color:var(--main)}
.page--nav {display: flex;gap:4px;align-items: center;justify-content: center;}

.page--next, .page--last, .page--prev, .page--first {border-radius: 50%;box-shadow: 0 4px 8px 0 #0000000F;width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;transition: .4s}
.page--next:hover, .page--last:hover, .page--prev:hover, .page--first:hover {box-shadow: 0px 7px 10px 0px #0000001C}

@media all and (max-width: 768px) {
	.page--nav .page--item:nth-child(5),
	.page--nav .page--item:nth-child(6) {display: none}
}

@media all and (max-width: 500px) {
	.page--nav .page--last,
	.page--nav .page--first {display: none}

	.pagination--box {--r-size:44px}
}

.news--title {font-size: 17px;line-height: 1.35;color: var(--text);text-decoration: none;font-weight: 700;}
.news--date {order:-1;margin:0 0 10px;color:#777;font-size:13px;line-height:1.3;}
.news--text {margin-top: 12px;font-size: 14px;line-height: 1.55;color:#555;text-decoration: none;}
.news--more {margin-top:auto;padding-top:18px;color:var(--main,#d71920);font-size:14px;font-weight:700;}

@media all and (max-width: 1280px) {
	.news--list {grid-template-columns: repeat(3, minmax(0, 1fr));gap:16px;}
}

@media all and (max-width: 1024px) {
	.news--list {grid-template-columns: repeat(2, minmax(0, 1fr));gap:14px;}
}


@media all and (max-width: 440px) {
	.news--list {grid-template-columns: 1fr;gap:14px;}
	.news--content {padding:14px;}
	.news--title {font-size:16px;}
}









/* End */
/* /local/templates/hope/components/bitrix/news/articles/style.css?17819965222320 */
/* /local/templates/hope/components/bitrix/system.pagenavigation/catalog/style.min.css?17470632261292 */
/* /local/templates/hope/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17819966443459 */