/* WestDevice Service 1.1.5 / Editorial UI
 * Loaded ONLY for local published Joomla com_content articles #61..67.
 * Visual styling only: no changes to URLs, schema, actual work photos, CRM,
 * order-status tools, calculator markup or service prices.
 */

/* GENERAL: get rid of repeated boxed checklists; retain proper HTML lists. */
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(20px, 4vw, 52px);
  padding: 0;
  margin: 10px 0 32px;
  max-width: 100%;
  list-style: none;
}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ul > li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 13px 0 13px 23px;
  background: transparent;
  color: #282b30;
  border: 0;
  border-bottom: 1px solid rgba(30, 35, 40, .18);
  border-radius: 0;
  box-shadow: none;
  line-height: 1.58;
}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ul > li::before {
  top: 22px;
  left: 1px;
  width: 6px;
  height: 6px;
  background: #e86300;
}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol {
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
  gap: 0;
  border-top: 1px solid #aaa;
  margin: 17px 0 36px;
  padding: 0;
}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol > li {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-right: 1px solid rgba(30,35,40,.17);
  border-radius: 0;
  padding: 19px 20px 13px 0;
  margin: 0 17px 0 0;
  min-width: 0;
  font-size: .95rem;
}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol > li:last-child {border-right: 0;margin-right:0}
.wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol > li::before {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 13px;
  background: none;
  border: 0;
  border-radius: 0;
  color: #df6105;
  font: 700 28px/1 'Oswald', 'Arial Narrow', Arial, sans-serif;
  letter-spacing: -.025em;
}
/* On the Windows page: a distinct single-column symptom list, not two tiled grids. */
.wd-krasnogorsk-id-64 .com-content-article__body > ul:nth-of-type(2) {
  grid-template-columns: 1fr;
  max-width: 75ch;
  border-left: 2px solid #e86300;
  padding-left: 21px;
}
.wd-krasnogorsk-id-64 .com-content-article__body > ul:nth-of-type(2) > li {padding: 9px 0 9px 19px}
.wd-krasnogorsk-id-64 .com-content-article__body > ul:nth-of-type(2) > li::before {top: 19px}
/* On laptop repair: benefits are concise side-notes instead of another set of cards. */
.wd-krasnogorsk-id-63 .com-content-article__body > ul:nth-of-type(2) {
  display: block;
  max-width: 85ch;
  padding: 0 0 0 16px;
  border-left: 2px solid #e86300;
}
.wd-krasnogorsk-id-63 .com-content-article__body > ul:nth-of-type(2) > li {padding-top: 7px;padding-bottom: 7px;border: 0}
.wd-krasnogorsk-id-63 .com-content-article__body > ul:nth-of-type(2) > li::before {top: 16px}
/* Early contact is a quiet editorial bar. No floating white billboard. */
.wd-local-action-panel {
  padding: 17px 0 18px;
  margin: 25px 0 27px;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.25);
  border-bottom: 1px solid rgba(0,0,0,.25);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.wd-local-action-panel__copy > strong {font-family: 'Oswald','Arial Narrow',sans-serif;font-size:21px}
.wd-local-action-panel__copy > p {font-size: 14px;color:#4b4f53}
.wd-local-action-panel__links a {border-radius: 5px;padding: 11px 14px}
.wd-local-action-panel__all {
  border: 0;
  border-bottom: 1px solid rgba(20,25,30,.45);
  background: transparent;
  border-radius: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.wd-local-action-panel__call {box-shadow: 0 3px 9px rgba(232, 96, 0, .12)}
/* Native accessible accordion without a new white tile around every question. */
.wd-local-faq > details {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(20,25,30,.25);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.wd-local-faq > details[open] {border-color: rgba(20,25,30,.5)}
.wd-local-faq > details > summary {padding: 17px 4px 17px 0}
.wd-local-faq > details > summary::after {
  background: transparent;
  color: #d75b00;
  border: 0;
  border-radius: 0;
  font-size: 29px;
}
.wd-local-faq > details > p {padding: 0 42px 18px 0}

/* OVERVIEW (#61). Its original content includes inline <style> blocks;
   higher-specificity rules below intentionally replace ONLY their decor. */
.wd-krasnogorsk-id-61 .wd-kras-services {margin: 35px 0 46px}
.wd-krasnogorsk-id-61 .wd-kras-services__grid {
  counter-reset: wd-directory;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0 clamp(26px, 5vw, 68px);
  margin-top: 24px;
}
.wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  grid-template-rows: auto auto auto;
  column-gap: 14px;
  align-content: start;
  min-height: 0;
  padding: 23px 1px 20px;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.24);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background-color .18s ease;
  counter-increment: wd-directory;
}
.wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service::before {
  content: counter(wd-directory, decimal-leading-zero);
  grid-row: 1 / 4;
  grid-column: 1;
  color: #d95b00;
  font: 500 23px/1.25 'Oswald','Arial Narrow',sans-serif;
}
.wd-krasnogorsk-id-61 .wd-kras-service .wd-kras-service__title {
  grid-column: 2;
  margin: 0 0 8px;
  color: #191b1e;
  font: 600 clamp(20px,2vw,23px)/1.2 'Oswald','Arial Narrow',sans-serif;
}
.wd-krasnogorsk-id-61 .wd-kras-service .wd-kras-service__text {
  grid-column: 2;
  margin: 0 0 10px;
  color: #545a5f;
  font-size: 14px;
  line-height: 1.55;
}
.wd-krasnogorsk-id-61 .wd-kras-service .wd-kras-service__more {
  grid-column: 2;
  margin: 0;
  color: #d95b00;
  font-size: 12px;
}
.wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service:hover,
.wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service:focus-visible {
  transform: none;
  border-color: #d95b00;
  box-shadow: none;
  background: rgba(255,255,255,.16);
}
.wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service:focus-visible {outline:2px solid #e86300;outline-offset:3px}
/* Two unobtrusive editorial text columns: no 'box inside box' effect. */
.wd-krasnogorsk-id-61 .wd-kras-onsite__grid {gap: clamp(24px,4vw,60px);margin-top:23px}
.wd-krasnogorsk-id-61 .wd-kras-onsite__card {
  padding: 19px 0 0;
  border: 0;
  border-top: 2px solid rgba(15,20,24,.25);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.wd-krasnogorsk-id-61 .wd-kras-onsite__card.wd-kras-onsite__accent {border-top-color: #e86300}
.wd-krasnogorsk-id-61 .wd-kras-onsite__card h3 {margin-bottom: 12px}
.wd-krasnogorsk-id-61 .wd-kras-onsite__card p {color:#42474d}
/* A continuous four-step process line instead of four equal white cards. */
.wd-krasnogorsk-id-61 .wd-kras-steps__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,2vw,32px);
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid rgba(25,30,34,.35);
}
.wd-krasnogorsk-id-61 .wd-kras-steps__grid > .wd-kras-step {
  padding: 0 12px 6px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.wd-krasnogorsk-id-61 .wd-kras-step__number {
  background: transparent;
  border-radius: 0;
  color: #d85d04;
  width: auto;
  height: auto;
  justify-content: flex-start;
  font: 600 34px/1 'Oswald',sans-serif;
  margin-bottom: 15px;
}
.wd-krasnogorsk-id-61 .wd-kras-step h3 {font-size: 20px}
.wd-krasnogorsk-id-61 .wd-kras-step p {color:#484e52}
/* Area: one quiet two-column section without an enclosing framed panel. */
.wd-krasnogorsk-id-61 .wd-kras-area__box {
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(25,30,34,.24);
  border-radius: 0;
  box-shadow: none;
  gap: clamp(25px,4vw,60px);
}
.wd-krasnogorsk-id-61 .wd-kras-area__item {background: transparent;padding:21px 0 6px}
.wd-krasnogorsk-id-61 .wd-kras-area__item:first-child {border-top:0}
.wd-krasnogorsk-id-61 .wd-kras-area__item p {color:#42474d}
/* Keep accessible native FAQ, but not five more rectangular panels. */
.wd-krasnogorsk-id-61 .wd-kras-faq__list {gap:0}
.wd-krasnogorsk-id-61 .wd-kras-faq details {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(25,30,34,.24);
  border-radius: 0;
  box-shadow: none;
}
.wd-krasnogorsk-id-61 .wd-kras-faq summary {padding:18px 42px 18px 0;font-size:19px}
.wd-krasnogorsk-id-61 .wd-kras-faq summary::after {right:2px;background:transparent;color:#d85d04;border-radius:0;font-size:28px}
.wd-krasnogorsk-id-61 .wd-kras-faq details[open] summary {border-bottom:0}
.wd-krasnogorsk-id-61 .wd-kras-faq__answer {padding:2px 40px 19px 0}

@media(max-width:900px) {
  .wd-krasnogorsk-id-61 .wd-kras-steps__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
  .wd-krasnogorsk-id-61 .wd-kras-services__grid {grid-template-columns:1fr}
  .wd-krasnogorsk-id-61 .wd-kras-onsite__grid,
  .wd-krasnogorsk-id-61 .wd-kras-area__box {grid-template-columns:1fr;gap:12px}
  .wd-krasnogorsk-id-61 .wd-kras-steps__grid {grid-template-columns:1fr;gap:24px}
  .wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ul {grid-template-columns:1fr;gap:0}
  .wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol {grid-template-columns:1fr}
  .wd-krasnogorsk-article:not(.wd-krasnogorsk-id-61) .com-content-article__body > ol > li {border-right:0;border-bottom:1px solid rgba(0,0,0,.17);margin:0;padding-bottom:18px}
  .wd-local-action-panel__links {flex-direction:row;align-items:center}
  .wd-local-action-panel__links a {width:auto;flex:0 1 auto}
}
@media(prefers-reduced-motion:reduce) {
  .wd-krasnogorsk-id-61 .wd-kras-services__grid > .wd-kras-service {transition:none}
}