

/* Start:/bitrix/templates/aspro_max/components/bitrix/news/pl_blog/style.min.css?17821327202215*/
.categories_block .dropdown>li.has-child a .toggle_block{position:absolute;top:0;right:0;z-index:2;width:35px;height:100%;bottom:0;}.categories_block.menu_top_block li.v_bottom .dropdown{position:static;min-width:auto;width:auto;}.categories_block.menu_top_block .dropdown ul.child{margin:0;}body .categories_block.menu_top_block .left_menu li.v_bottom>.dropdown{padding:0 0 16px;}.categories_block.menu_top_block li.v_bottom.current .dropdown,.categories_block.menu_top_block li.v_bottom:hover .dropdown{background:#FFF;background-color:var(--black_bg_black);}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown{width:auto;box-shadow:none;opacity:1;visibility:visible;padding:5px 0 10px;border:1px solid #EEE;border-top-width:0;border-bottom-width:0;border-color:var(--stroke_black);}.categories_block.menu_top_block .dropdown>li.has-child.v_bottom.opened>a{padding-bottom:7px;border-bottom:none;line-height:20px;}.categories_block.menu_top_block .item .child_container .child_wrapp{padding:0;}.categories_block.menu_top_block .opened>a .svg{transform:rotate(180deg);}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li{float:none;display:block;width:auto;padding:5px 16px 0;vertical-align:top;line-height:20px;}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li a{padding:0 10px 0 0;font-weight:normal;font-size:12px;display:block;line-height:20px;}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li:not(.current) a:not(:hover){color:#333;color:var(--white_text_black);}.categories_block.menu_top_block li.has-child.v_bottom:last-child>.dropdown{border-bottom-width:1px;}.categories_block.menu_top_block ul.left_menu li{line-height:20px;}.categories_block.menu_top_block .categories_count{position:absolute;right:15px;top:15px;font-weight:normal;}.categories_block.menu_top_block .has-child>a{padding-right:56px;}.categories_block.menu_top_block .has-child .categories_count{right:38px;}.categories_block.menu_top_block .has-child .svg{right:11px;top:19px;}.authors_block .side-block{padding:24px;}.authors_block .side-block-author__img,.authors_block .side-block__text{margin:0 0 20px;}.authors_block .side-block-author__img{width:56px;height:56px;}
/* End */


/* Start:/local/blog/pl-article.css?179159443714186*/
/* Ivan-seo 2026-10-10: шаблон статьи блога parklight24 — «вечерний свет».
   Ночь #0f1f1a · Хвоя #0a6e3a · Свет #f2b544 · Туман #e3e9e6 · Графит #2b2f2d */
.page-top.pl-hide-title .topic { display: none; }

.pl-art {
  --pl-night: #0f1f1a;
  --pl-pine: #0a6e3a;
  --pl-pine-deep: #07502a;
  --pl-light: #f2b544;
  --pl-light-soft: #fff4dc;
  --pl-mist: #e3e9e6;
  --pl-mist-2: #f4f7f5;
  --pl-ink: #2b2f2d;
  --pl-ink-2: #5c6461;
  --pl-display: "Unbounded", "Montserrat", sans-serif;
  --pl-text: "Golos Text", "Montserrat", Arial, sans-serif;
  --pl-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  color: var(--pl-ink);
  font-family: var(--pl-text);
  font-size: 17px;
  line-height: 1.65;
  margin: 0 auto 64px;
  max-width: 1180px;
}
.pl-art *, .pl-art *::before, .pl-art *::after { box-sizing: border-box; }
.pl-art a { color: var(--pl-pine); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pl-art a:hover { color: var(--pl-pine-deep); }
.pl-art :focus-visible { outline: 2px solid var(--pl-light); outline-offset: 2px; border-radius: 4px; }

.pl-art__draft { background: var(--pl-light-soft); border: 1px dashed var(--pl-light); padding: 10px 16px; border-radius: 8px; font-size: 14px; margin: 0 0 16px; }

/* Прогресс чтения — полоса «света» */
.pl-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 3000; pointer-events: none; }
.pl-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--pl-light, #f2b544), #ffe2a1); box-shadow: 0 0 12px rgba(242, 181, 68, .8); transition: width .1s linear; }

/* Обложка: ночная сцена */
.pl-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 0;
  background: var(--pl-night);
  border-radius: 20px;
  overflow: hidden;
  color: #e9efe9;
  margin-bottom: 40px;
}
.pl-hero__text { padding: 44px 44px 40px; display: flex; flex-direction: column; justify-content: center; position: relative; }
.pl-hero__text::before {
  content: ""; position: absolute; left: -80px; bottom: -120px; width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(242, 181, 68, .22), rgba(242, 181, 68, 0) 65%);
  pointer-events: none;
}
.pl-hero__meta { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 0 0 18px; font-size: 13px; color: #a9b8b0; }
.pl-art .pl-hero__rubric { color: var(--pl-light); text-decoration: none; font-weight: 600; letter-spacing: .02em; }
.pl-art .pl-hero__title {
  font-family: var(--pl-display); font-weight: 600; font-size: clamp(28px, 3.3vw, 44px);
  line-height: 1.12; letter-spacing: -.01em; margin: 0 0 18px; color: #fff;
}
.pl-hero__lead { font-size: 18px; line-height: 1.55; color: #cfdad3; margin: 0 0 24px; max-width: 34em; }
.pl-hero__byline { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 13px; color: #a9b8b0; }
.pl-art .pl-hero__byline a { color: #fff; font-weight: 600; text-decoration: none; }
.pl-hero__cover { margin: 0; position: relative; min-height: 320px; }
.pl-hero__cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pl-hero__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--pl-night) 0%, rgba(15, 31, 26, 0) 28%); }

/* Сетка: оглавление + текст */
.pl-art__grid { display: grid; grid-template-columns: minmax(0, 740px); justify-content: center; }
.pl-art__grid--toc { grid-template-columns: 250px minmax(0, 740px); gap: 56px; }
.pl-toc { position: sticky; top: 96px; align-self: start; font-size: 14px; }
.pl-toc summary { font-family: var(--pl-mono); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--pl-ink-2); cursor: pointer; list-style: none; margin-bottom: 12px; }
.pl-toc summary::-webkit-details-marker { display: none; }
.pl-toc ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--pl-mist); }
.pl-toc li { margin: 0; }
.pl-art .pl-toc a { display: block; padding: 6px 0 6px 14px; margin-left: -2px; border-left: 2px solid transparent; color: var(--pl-ink-2); text-decoration: none; line-height: 1.35; }
.pl-art .pl-toc a:hover, .pl-art .pl-toc a.is-active { color: var(--pl-ink); border-left-color: var(--pl-light); }

/* Текст */
.pl-art__body > * { margin-top: 0; }
.pl-art__body p, .pl-art__body ul, .pl-art__body ol { margin: 0 0 18px; }
.pl-art__body ul, .pl-art__body ol { padding-left: 22px; }
.pl-art__body li { margin-bottom: 6px; }
.pl-art__body h2 { font-family: var(--pl-text); font-weight: 600; font-size: 28px; line-height: 1.25; margin: 48px 0 16px; scroll-margin-top: 96px; color: var(--pl-ink); }
.pl-art__body h3 { font-family: var(--pl-text); font-weight: 600; font-size: 20px; line-height: 1.3; margin: 30px 0 10px; color: var(--pl-ink); }
.pl-art__body strong { font-weight: 600; }
.pl-spec { font-family: var(--pl-mono); font-size: .86em; background: var(--pl-mist-2); border: 1px solid var(--pl-mist); border-radius: 5px; padding: 1px 6px; white-space: nowrap; }

/* Фирменный блок: короткий ответ под «светом фонаря» */
.pl-answer {
  position: relative; padding: 24px 28px 22px 32px; margin: 0 0 22px;
  background: linear-gradient(100deg, var(--pl-light-soft) 0%, #fffaf0 55%, #ffffff 100%);
  border-radius: 14px; border: 1px solid #f3dfb2; overflow: hidden;
}
.pl-answer::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--pl-light); box-shadow: 0 0 22px 6px rgba(242, 181, 68, .55); }
.pl-answer::after { content: "Короткий ответ"; position: absolute; top: 10px; right: 16px; font-family: var(--pl-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #a87a1c; }
.pl-answer p { font-size: 19px; line-height: 1.55; margin: 8px 0 0; }

.pl-keypoints { list-style: none; padding: 0 !important; margin: 0 0 32px !important; display: grid; gap: 10px; }
.pl-art .pl-keypoints li { position: relative; padding: 0 0 0 26px; margin: 0; background: none; list-style: none; }
.pl-art .pl-keypoints li::after { display: none !important; }
.pl-art .pl-keypoints li::before { content: ""; position: absolute; left: 4px; top: .62em; width: 9px; height: 9px; border-radius: 50%; background: var(--pl-pine); box-shadow: 0 0 0 4px rgba(10, 110, 58, .12); }

.pl-figure { margin: 28px 0; }
.pl-figure img { width: 100%; height: auto; border-radius: 14px; display: block; }
.pl-figure figcaption { font-size: 14px; color: var(--pl-ink-2); margin-top: 10px; }

.pl-table-wrap { overflow-x: auto; margin: 24px 0; border: 1px solid var(--pl-mist); border-radius: 12px; }
.pl-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.pl-table th { text-align: left; font-weight: 600; background: var(--pl-mist-2); padding: 12px 14px; border-bottom: 1px solid var(--pl-mist); }
.pl-table td { padding: 11px 14px; border-bottom: 1px solid var(--pl-mist); vertical-align: top; }
.pl-table tr:last-child td { border-bottom: 0; }

.pl-callout { border-radius: 12px; padding: 16px 20px 16px 52px; margin: 24px 0; position: relative; background: var(--pl-mist-2); }
.pl-callout p:last-child { margin-bottom: 0; }
.pl-callout::before { position: absolute; left: 18px; top: 15px; font-family: var(--pl-mono); font-weight: 500; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; }
.pl-callout--tip { background: #eef6f1; }
.pl-callout--tip::before { content: "+"; background: var(--pl-pine); color: #fff; }
.pl-callout--warn { background: #fdf1ec; border: 1px solid #f4d2c4; }
.pl-callout--warn::before { content: "!"; background: #c2410c; color: #fff; }
.pl-callout--note::before { content: "i"; background: var(--pl-ink-2); color: #fff; }

.pl-steps ol { counter-reset: pl-step; list-style: none; padding: 0 !important; }
.pl-steps li { counter-increment: pl-step; position: relative; padding: 0 0 18px 48px; margin: 0; }
.pl-steps li::before { content: counter(pl-step); position: absolute; left: 0; top: -1px; width: 32px; height: 32px; border-radius: 50%; background: var(--pl-night); color: var(--pl-light); font-family: var(--pl-mono); font-size: 14px; display: grid; place-items: center; }
.pl-steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 34px; bottom: 2px; width: 2px; background: var(--pl-mist); }

/* Товары */
.pl-products { margin: 32px 0; padding: 22px; background: var(--pl-mist-2); border-radius: 16px; }
.pl-products__title { font-weight: 600; margin: 0 0 14px !important; }
.pl-products__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.pl-art a.pl-prod { display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding: 12px; text-decoration: none; color: var(--pl-ink); border: 1px solid transparent; transition: border-color .15s, transform .15s; }
.pl-art a.pl-prod:hover { border-color: var(--pl-pine); transform: translateY(-2px); color: var(--pl-ink); }
.pl-prod__img { aspect-ratio: 1; display: grid; place-items: center; margin-bottom: 10px; }
.pl-prod__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pl-prod__name { font-size: 14px; line-height: 1.35; flex: 1; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pl-prod__row { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.pl-prod__price { font-weight: 600; font-size: 15px; }
.pl-prod__stock { font-size: 12px; }
.pl-prod__stock.is-in { color: var(--pl-pine); }
.pl-prod__stock.is-out { color: var(--pl-ink-2); }

/* FAQ */
.pl-faq { margin-top: 48px; }
.pl-faq__item { border-bottom: 1px solid var(--pl-mist); }
.pl-faq__item summary { cursor: pointer; list-style: none; padding: 16px 40px 16px 0; position: relative; }
.pl-faq__item summary::-webkit-details-marker { display: none; }
.pl-faq__item summary::after { content: "+"; position: absolute; right: 6px; top: 12px; font-family: var(--pl-mono); font-size: 22px; color: var(--pl-pine); transition: transform .2s; }
.pl-faq__item[open] summary::after { transform: rotate(45deg); }
.pl-art .pl-faq__item h3 { margin: 0; font-size: 18px; }
.pl-faq__a { padding: 0 0 16px; }

.pl-sources { margin-top: 40px; font-size: 14px; color: var(--pl-ink-2); }
.pl-art .pl-sources h2 { font-size: 16px; font-family: var(--pl-mono); text-transform: uppercase; letter-spacing: .08em; font-weight: 500; margin: 0 0 10px; }

/* CTA, разделы, автор */
.pl-cta { margin: 48px 0 24px; padding: 28px; border-radius: 18px; background: var(--pl-night); color: #dce6df; display: grid; gap: 18px; position: relative; overflow: hidden; }
.pl-cta::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; background: radial-gradient(circle, rgba(242, 181, 68, .28), rgba(242, 181, 68, 0) 65%); }
.pl-cta__title { font-family: var(--pl-display); font-weight: 500; font-size: 22px; line-height: 1.25; color: #fff; margin: 0 0 8px !important; }
.pl-cta__text p { margin: 0; }
.pl-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; position: relative; }
.pl-art .pl-btn-ghost { background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .5) !important; }
.pl-art .pl-btn-ghost:hover { border-color: var(--pl-light) !important; color: var(--pl-light) !important; }
.pl-art .pl-cta__phone { color: var(--pl-light); text-decoration: none; font-weight: 600; white-space: nowrap; }

.pl-catlinks { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; align-items: center; }
.pl-catlinks__title { width: 100%; margin: 0 0 4px !important; font-weight: 600; }
.pl-art .pl-catlinks a { padding: 8px 14px; border: 1px solid var(--pl-mist); border-radius: 999px; text-decoration: none; font-size: 14px; color: var(--pl-ink); }
.pl-art .pl-catlinks a:hover { border-color: var(--pl-pine); color: var(--pl-pine); }

.pl-art .pl-author { text-align: left; border-top: 1px solid var(--pl-mist); padding-top: 20px; font-size: 14px; color: var(--pl-ink-2); }
.pl-author__name { font-weight: 600; color: var(--pl-ink); margin: 0 0 4px !important; }

.pl-related { margin-top: 56px; }
.pl-related__title { font-family: var(--pl-display); font-weight: 500; font-size: 22px; margin: 0 0 18px; }
.pl-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pl-art a.pl-related__card { display: block; text-decoration: none; color: var(--pl-ink); }
.pl-related__card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; margin-bottom: 10px; display: block; }
.pl-related__card span { font-weight: 600; line-height: 1.35; }
.pl-art a.pl-related__card:hover span { color: var(--pl-pine); }

@media (max-width: 1100px) {
  .pl-art__grid, .pl-art__grid--toc { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .pl-toc { position: static; margin-bottom: 28px; background: var(--pl-mist-2); border-radius: 12px; padding: 14px 18px; }
  .pl-toc details:not([open]) summary { margin-bottom: 0; }
}
@media (max-width: 860px) {
  .pl-art { padding: 0 16px; }
  .pl-hero { grid-template-columns: 1fr; border-radius: 16px; }
  .pl-hero__cover { order: -1; min-height: 0; aspect-ratio: 16 / 9; }
  .pl-hero__cover::after { background: linear-gradient(0deg, var(--pl-night) 0%, rgba(15, 31, 26, 0) 40%); }
  .pl-hero__text { padding: 24px 20px 28px; }
  .pl-related__grid { grid-template-columns: 1fr; }
  .pl-art { font-size: 16px; }
  .pl-art__body h2 { font-size: 23px; margin-top: 38px; }
  .pl-answer { padding: 30px 18px 18px 24px; }
  .pl-answer p { font-size: 17px; }
  .pl-cta { padding: 22px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .pl-progress span, .pl-art a.pl-prod, .pl-faq__item summary::after { transition: none; }
}

/* хаб: подпись над списком статей Aspro */
.pl-hub { margin-bottom: 8px; }
.pl-hub__list-title { margin: 40px 0 0; }

/* End */


/* Start:/bitrix/templates/aspro_max/css/animation/animation_ext.min.css?17845509154158*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}.transition{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}.animated.duration03{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;}.animated.duration04{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;}.animated.duration05{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;}.animated.duration06{-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;}.animated.duration07{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s;}.animated.duration08{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;}.animated.duration09{-webkit-animation-duration:.9s;-moz-animation-duration:.9s;-o-animation-duration:.9s;animation-duration:.9s;}.animated.duration10{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.delay01{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s;}.delay03{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s;}.delay05{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;}.delay055{-webkit-animation-delay:.55s;-moz-animation-delay:.55s;-o-animation-delay:.55s;animation-delay:.55s;}.delay06{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;}.delay065{-webkit-animation-delay:.65s;-moz-animation-delay:.65s;-o-animation-delay:.65s;animation-delay:.65s;}.delay07{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s;}.delay08{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s;}.delay09{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;}.delay11,.delay011{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s;}.delay12,.delay012{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;}.delay13,.delay013{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}.delay15,.delay015{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}.delay17,.delay017{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}.delay19,.delay019{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}.delay21,.delay021{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}@-webkit-keyframes toggle_opacity{from{opacity:0}to{opacity:1}}@keyframes toggle_opacity{from{opacity:0}to{opacity:1}}@media (any-hover:hover){@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}@-webkit-keyframes flash{0%{opacity:.55}100%{opacity:1}}@keyframes flash{0%{opacity:.55}100%{opacity:1}}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/news/pl_blog/style.min.css?17821327202215 */
/* /local/blog/pl-article.css?179159443714186 */
/* /bitrix/templates/aspro_max/css/animation/animation_ext.min.css?17845509154158 */
