/* Start:/local/templates/aspro_optimus/components/bitrix/news/sto_work/style.css?179067451814007*/
/* ==== sto-tvk-work-brutal :: START ====================================
   /work/ (IB 21), template news/sto_work. Loaded only on /work/ pages
   (complex component template CSS). Tokens: DESIGN.md (Brutal Offroad).
   Everything is scoped to .stw, plus Aspro wrapper overrides that only
   apply when a .stw block is on the page (:has).
   ===================================================================== */
/* --- Aspro wrapper on /work/ --- */
#content.wraps>.wrapper_inner:has(.stw){background:#0C0C0C;max-width:1450px}
#content.wraps>.wrapper_inner:has(.stw) .left_block{display:none}
#content.wraps>.wrapper_inner:has(.stw) .right_block{padding-left:0;float:none;width:auto}
#content.wraps>.wrapper_inner:has(.stw) .right_block>.middle,#content.wraps>.wrapper_inner:has(.stw) .middle>.container{max-width:none;width:auto}
body:has(.stw) #pagetitle{color:#F4F4F4;font-weight:800;letter-spacing:-.02em}
body:has(.stw) .breadcrumbs,body:has(.stw) .breadcrumbs a,body:has(.stw) .breadcrumbs span{color:#A3A3A3}
body:has(.stw) .breadcrumbs a:hover{color:#DE002B}
.stw{--bg:#0C0C0C;--bg-deep:#060606;--sf:#141414;--sf2:#1A1A1A;--bd:#222;--bd2:#3F3F3F;
  --tx:#F4F4F4;--mut:#A3A3A3;--dim:#666;--acc:#DE002B;--acc-h:#A3001E;
  --card:#FFF;--card-bd:#E5E5E5;--on-card:#0C0C0C;--on-card-mut:#525252;--r:12px;
  --disp:Unbounded,system-ui,sans-serif;--body:'Source Sans 3',system-ui,sans-serif;
  --gap:40px; /* unified major-block vertical rhythm */
  background:var(--bg);color:var(--tx);font:400 16px/1.55 var(--body);overflow-x:clip}
.stw *:not(.stw-prodpanel *),.stw *:not(.stw-prodpanel *)::before,.stw *:not(.stw-prodpanel *)::after{box-sizing:border-box}
.stw img:not(.stw-prodpanel img){max-width:100%;height:auto;display:block}
:where(.stw) a:not(.stw-prodpanel a){color:inherit}
.stw__sub{color:var(--tx);margin:0 0 22px;max-width:760px;opacity:.92}
.stw__h2{font:700 clamp(19px,1.8vw,24px)/1.25 var(--disp);letter-spacing:-.02em;margin:0 0 16px;color:var(--tx)}
.stw__label{font:700 12px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
/* buttons (CTA plate C+) */
.stw__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--r);
  font:700 13px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  background:linear-gradient(180deg,#2a2a2a,#161616);color:#fff;border:1px solid var(--acc);transition:.2s}
.stw__btn:hover{background:var(--acc);border-color:#fff}
.stw__btn--solid{background:var(--acc);border-color:var(--acc)}.stw__btn--solid:hover{background:var(--acc-h)}
.stw__btn--ghost{background:transparent;border-color:var(--bd2)}
/* chips */
.stw__filters{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px;display:grid;gap:12px;margin:0 0 26px}
.stw__frow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.stw__frow .stw__label{min-width:92px}
.stw__chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--bd2);
  color:var(--tx);font:600 14px/1 var(--body);text-decoration:none;background:transparent;white-space:nowrap}
.stw__chip b{font-weight:700;color:var(--mut);font-size:12px}
.stw__chip:hover{border-color:var(--acc)}
.stw__chip.is-on{background:var(--acc);border-color:var(--acc);color:#fff}.stw__chip.is-on b{color:#fff}
/* list grid */
.stw__grid{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:700px){.stw__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.stw__grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1700px){.stw__grid{grid-template-columns:repeat(4,1fr)}}
.stw-card{background:var(--card);color:var(--on-card);border:1px solid var(--card-bd);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.stw-card:hover{transform:translateY(-3px);border-color:var(--bd2);box-shadow:0 16px 40px rgba(244,244,244,.22),0 6px 18px rgba(255,255,255,.16)}
.stw-card__img{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r) var(--r) 0 0;background:#ddd;position:relative}
.stw-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.stw-card:hover .stw-card__img img{transform:scale(1.06)}
.stw-card__year{position:absolute;left:12px;top:12px;background:rgba(12,12,12,.82);color:#fff;font:700 12px/1 var(--body);letter-spacing:.06em;padding:7px 10px;border-radius:999px}
.stw-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.stw-card__title{font:700 17px/1.3 var(--disp);letter-spacing:-.02em;margin:0}
.stw-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;align-items:center}
.stw-tag{font:700 12px/1 var(--body);padding:6px 10px;border-radius:4px;background:#F2F2F2;color:var(--on-card-mut);letter-spacing:.02em}
.stw-tag--acc{background:rgba(222,0,43,.08);color:var(--acc)}
.stw-card__date{font-size:13px;color:var(--on-card-mut);margin-left:auto}
/* CTA band */
.stw-cta{margin:var(--gap) 0;border-radius:var(--r);padding:28px;display:grid;gap:18px;align-items:center;
  background:linear-gradient(120deg,#060606 0%,#141414 55%,#2a0009 100%);border:1px solid var(--bd);position:relative;overflow:hidden}
.stw-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acc)}
.stw-cta__t{font:800 clamp(20px,2.2vw,28px)/1.2 var(--disp);letter-spacing:-.02em;margin:0 0 6px}
.stw-cta__d{color:var(--mut);margin:0}
.stw-cta__btns{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:900px){.stw-cta{grid-template-columns:1fr auto;padding:32px 36px}}
/* ---------- detail ---------- */
.stw-hero{display:grid;gap:22px;grid-template-columns:1fr;margin-bottom:var(--gap)}
@media(min-width:1000px){.stw-hero{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}}
.stw-hero__img{position:relative;border-radius:var(--r);overflow:hidden;background:#111;aspect-ratio:4/3}
.stw-hero__img img{width:100%;height:100%;object-fit:cover}
.stw-facts{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:14px}
.stw-facts dl{margin:0;display:grid;gap:0}
.stw-facts dl>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd)}
.stw-facts dl>div:last-child{border-bottom:0}
.stw-facts dt{color:var(--mut);font-size:14px}.stw-facts dd{margin:0;font-weight:600}
.stw-facts__big{font:800 44px/1 var(--disp);color:var(--acc);letter-spacing:-.02em}
.stw-facts__big small{font:700 16px/1 var(--body);color:var(--tx);margin-left:6px}
.stw-facts .stw__btn{width:100%}
.stw-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 var(--gap)}
@media(min-width:700px){.stw-strip{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1000px){.stw-strip{grid-template-columns:repeat(6,1fr)}}
.stw-strip a{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid var(--bd);position:relative}
.stw-strip a img{width:100%;height:100%;object-fit:cover}
.stw-strip a:hover{border-color:var(--acc)}
.stw-strip a.is-more::after{content:attr(data-more);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,12,12,.6);font:800 18px var(--disp)}
/* light content card (legal/faq pattern) */
.stw-body{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}
@media(min-width:1100px){.stw-body{grid-template-columns:minmax(0,1fr) 340px}}
.stw-paper{background:var(--card);color:var(--on-card);border:1px solid var(--card-bd);border-radius:var(--r);padding:clamp(20px,3vw,40px)}
.stw-paper h2{font:700 22px/1.25 var(--disp);letter-spacing:-.02em;margin:30px 0 12px}
.stw-paper h2:first-child{margin-top:0}
.stw-paper p{margin:0 0 14px;color:#262626}
.stw-paper .stw-lead{font-size:18px;line-height:1.6;color:var(--on-card)}
.stw-paper ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}
.stw-paper li{position:relative;padding-left:26px}
.stw-paper li::before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;border-radius:2px;background:var(--acc)}
.stw-paper ul.stw-check li::before{background:none;border:2px solid var(--acc);border-radius:50%;width:12px;height:12px;top:.5em}
.stw-paper a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
.stw-works{display:grid;gap:10px;grid-template-columns:1fr;margin:0 0 6px}
@media(min-width:700px){.stw-works{grid-template-columns:1fr 1fr}}
.stw-works div{border:1px solid var(--card-bd);border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:baseline}
.stw-works b{font:800 13px/1 var(--disp);color:var(--acc)}
.stw-note{border-left:4px solid var(--acc);background:#FAFAFA;border-radius:0 10px 10px 0;padding:14px 16px;margin:6px 0 14px}
.stw-aside{position:sticky;top:20px;display:grid;gap:16px}
.stw-aside .stw-cta{margin:0;grid-template-columns:1fr;padding:24px}
.stw-aside__toc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:18px 20px}
.stw-aside__toc a{display:block;padding:7px 0;color:var(--tx);text-decoration:none;border-bottom:1px solid var(--bd);font-size:15px}
.stw-aside__toc a:last-child{border-bottom:0}
.stw-aside__toc a:hover{color:var(--acc)}
/* products */
.stw-sec{margin:var(--gap) 0 0}
.stw-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:16px}
.stw-sec__head p{margin:0;color:#EDEDED;font-size:15px;max-width:620px;line-height:1.5}
/* faq */
.stw-faq{display:grid;gap:10px}
.stw-faq details{background:var(--card);color:var(--on-card);border:1px solid var(--card-bd);border-radius:var(--r);overflow:hidden}
.stw-faq summary{list-style:none;cursor:pointer;padding:18px 52px 18px 20px;font:700 16px/1.35 var(--body);position:relative}
.stw-faq summary::-webkit-details-marker{display:none}
.stw-faq summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid #0C0C0C;border-bottom:2px solid #0C0C0C;transform:translateY(-70%) rotate(45deg)}
.stw-faq details[open]{border-left:4px solid var(--acc)}
.stw-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.stw-faq details p{margin:0;padding:0 20px 18px;color:#262626}
.stw-faq a{color:var(--acc)}
/* where */
.stw-where{display:grid;gap:22px;grid-template-columns:1fr;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:clamp(20px,3vw,36px);position:relative;overflow:hidden}
.stw-where::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acc)}
@media(min-width:1000px){.stw-where{grid-template-columns:1.3fr 1fr;align-items:center}}
.stw-where p{margin:0 0 12px;color:#EDEDED}
.stw-where__nap{display:grid;gap:10px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:20px}
.stw-where__nap div{display:flex;gap:12px}.stw-where__nap span{color:var(--mut);min-width:74px;font-size:14px}
.stw-where__nap a{color:var(--tx);font-weight:700;text-decoration:none}
@media(max-width:699px){
  .stw__frow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .stw__frow .stw__label{min-width:auto;margin-right:4px}
  .stw-facts dl>div{grid-template-columns:100px 1fr}
  .stw-facts__big{font-size:36px}
  .stw-cta__btns .stw__btn{flex:1}
}
.stw-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1A1A1A 0 12px,#222 12px 24px);color:#A3A3A3;font:600 13px/1 "Source Sans 3",sans-serif;text-transform:uppercase;letter-spacing:.06em}
/* --- template additions (not in the mockup) --- */
.stw__sub--meta{font-size:14px;margin:-4px 0 18px;color:#E8E8E8;opacity:1}
.stw--list{padding-bottom:var(--gap)}
.stw-card__title{color:var(--on-card)}
.stw-card__ph{color:#A3A3A3}
.stw__pager{margin:26px 0 0}
.stw__pager .module-pagination,.stw__pager .module-pagination a,.stw__pager .module-pagination span{color:var(--tx)}
.stw__pager .module-pagination .cur,.stw__pager .module-pagination .active{background:var(--acc);color:#fff;border-color:var(--acc)}
.stw-empty{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:28px;display:grid;gap:10px;justify-items:start}
.stw-empty p{margin:0;color:var(--mut)}
.stw-empty .stw-empty__t{font:700 20px/1.25 var(--disp);color:var(--tx)}
.stw-hero__img a{display:block;height:100%}
.stw-facts dl>div:first-child{padding-top:0}
.stw-facts .stw__btn--ghost{color:#fff}
.stw-paper--body>p:first-child{font-size:18px;line-height:1.6;color:var(--on-card)}
.stw-paper h3{font:700 17px/1.35 var(--body);margin:20px 0 6px;color:var(--on-card)}
.stw-paper h2[id],.stw-sec[id]{scroll-margin-top:90px}
.stw-paper--tail{margin:var(--gap) 0 0}
.stw-paper--tail h2{margin-top:34px}
.stw-paper--tail h2:first-child{margin-top:0}
.stw-prodpanel{background:var(--sf);color:var(--tx);border-radius:var(--r);padding:18px;border:1px solid var(--bd);box-shadow:0 12px 28px rgba(0,0,0,.35)} /* dark catalog match: --sf/#141414 --tx/#F4F4F4 --bd/#222 (A2 tokens) */
.stw-prodpanel .catalog_block{margin:0}
.stw--after .stw-cta{margin:var(--gap) 0 0}
.stw--after .stw-where{margin:var(--gap) 0 0}
.stw-where .stw-cta__t{color:var(--tx)}
.stw-where--short{grid-template-columns:1fr}
.stw-cta__t,.stw-cta__d{color:var(--tx)}
.stw-cta__d{color:var(--mut)}
.stw__btn:focus-visible,.stw__chip:focus-visible,.stw-card:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:699px){
  .stw-strip{grid-template-columns:repeat(3,1fr);gap:6px}
  .stw-paper--body>p:first-child{font-size:17px}
  .stw-prodpanel{padding:10px}
}
/* --- 2026-09-29 OG/CSS polish (Andrey): bright sec headings/intros; --gap rhythm; framed prodpanel --- */
/* --- 2026-09-29 products-dark draft: .stw-prodpanel #F3F3F3/#333 → var(--sf)/var(--tx) match catalog A2 --- */
/* ==== sto-tvk-work-brutal :: END ==== */

/* End */
/* /local/templates/aspro_optimus/components/bitrix/news/sto_work/style.css?179067451814007 */