.sys__source{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:20px;color:#7ee8b2;font:500 14px/1.5 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px}
.sys__source:hover{color:#fff}
.sys__source:focus-visible{outline:2px solid #12e07a;outline-offset:5px;border-radius:2px}
.store-product #systems{background:#0a1614;color:#f3f5f4;padding:clamp(72px,9vw,140px) 0;scroll-margin-top:100px}
.store-product #systems .wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}
.store-product #systems .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:clamp(34px,4vw,60px)}
.store-product #systems .lbl{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b9c6c2}
.store-product #systems .h2{font:600 clamp(38px,5vw,68px)/1.04 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.045em;max-width:15ch;margin:16px 0 0}
.store-product #systems .h2 em{font-style:normal;color:#12e07a}
.store-product #systems .body{font-size:17px;line-height:1.65;color:#b9c6c2}
.store-product .sys{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:start}
.store-product .sys__media{position:sticky;top:110px;height:min(70vh,600px);border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#05100d}
.store-product .sys__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 1.4s}
.store-product .sys__media img.on{opacity:1;transform:scale(1)}
.store-product .sys__hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 22px;background:linear-gradient(transparent,rgba(5,16,13,.92))}
.store-product .sys__idx{font:600 38px/1 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.05em;color:#12e07a;font-variant-numeric:tabular-nums}
.store-product .sys__ttl{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#d4ded9;text-align:right}
.store-product .sys__steps{position:absolute;top:20px;right:20px;display:grid;gap:7px}
.store-product .sys__steps i{display:block;width:5px;height:5px;border-radius:50%;background:#ffffff40;transition:background .4s,transform .4s}
.store-product .sys__steps i.on{background:#12e07a;transform:scale(1.7)}
.store-product .sys__list{display:grid}
.store-product .sys__item{min-height:min(62vh,520px);display:flex;flex-direction:column;justify-content:center;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.store-product .sys__no{font:600 clamp(34px,3.4vw,54px)/.9 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.055em;color:#12e07a;font-variant-numeric:tabular-nums;margin-bottom:16px}
.store-product .sys__h{font:600 clamp(26px,2.6vw,38px)/1.12 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 16px}
.store-product .sys__p{font-size:17px;line-height:1.7;color:#b9c6c2;max-width:46ch;margin:0}
.store-product .sys__note{font-size:15px;line-height:1.65;margin:28px 0 0;padding:20px 22px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#b9c6c2}
@media(max-width:760px){
  .store-product #systems .head{display:grid;gap:24px}
  .store-product #systems .h2{max-width:18ch}
  .store-product .sys{grid-template-columns:1fr;gap:8px}
  .store-product .sys__media{top:90px;height:clamp(220px,36svh,330px);z-index:2;box-shadow:0 16px 24px #0a161480}
  .store-product .sys__item{min-height:0;padding:34px 0}
  .store-product .sys__p{max-width:none;font-size:16px}
  .store-product .sys__h{font-size:29px}
  .store-product .sys__no{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.store-product .sys__media img,.store-product .sys__steps i{transition:none;transform:none}}