/* Senamed — teknoloji katmanı (premium.css üzerine) · narimaj.com.tr */

:root { --cy: #5FD4FF; --cy-2: #9BE7FF; --ok: #3DDC97; --hud: rgba(95,212,255,.55); }

/* Akan gaz hatları + tarama çizgisi */
.tx-flow { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; }
.tx-scan { position: absolute; left: 0; right: 0; top: 0; height: 160px; background: linear-gradient(180deg, transparent, rgba(95,212,255,.025) 70%, rgba(95,212,255,.09) 99%, transparent); animation: tx-scan 7s linear infinite; }
@keyframes tx-scan { from { transform: translateY(-160px); } to { transform: translateY(110vh); } }

/* Başlıklarda mono kod efekti */
[data-scramble] { font-variant-ligatures: none; }

/* Ürün sahnesi: HUD çerçevesi */
.tx-hud { position: absolute; z-index: 1; left: 6%; right: 6%; top: -2%; bottom: 13%; pointer-events: none; }
.tx-hud i { position: absolute; width: 26px; height: 26px; border: 1.5px solid var(--hud); }
.tx-hud .tl { left: 0; top: 0; border-right: 0; border-bottom: 0; }
.tx-hud .tr { right: 0; top: 0; border-left: 0; border-bottom: 0; }
.tx-hud .bl { left: 0; bottom: 0; border-right: 0; border-top: 0; }
.tx-hud .br { right: 0; bottom: 0; border-left: 0; border-top: 0; }
.tx-hud__beam { position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--cy), transparent); box-shadow: 0 0 18px var(--cy); opacity: .7; animation: tx-beam 4.5s ease-in-out infinite; }
@keyframes tx-beam { 0%, 100% { top: 2%; opacity: 0; } 10% { opacity: .8; } 50% { top: 96%; opacity: .8; } 60% { opacity: 0; } }
.tx-readout { position: absolute; z-index: 2; left: -120px; top: 30%; display: flex; flex-direction: column; gap: 5px; padding: 12px 14px; border-left: 2px solid var(--cy); background: linear-gradient(90deg, rgba(95,212,255,.1), transparent); font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; color: #8FB3CC; }
.tx-readout b { color: #fff; font-weight: 500; letter-spacing: .14em; margin-bottom: 2px; }
.tx-readout em { font-style: normal; color: var(--cy-2); }

/* Etiketlerde bağlantı çizgisi ve nabız */
.lx-tag { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; border-color: rgba(95,212,255,.3); }
.lx-tag i { background: var(--cy); box-shadow: 0 0 0 0 rgba(95,212,255,.6); animation: tx-ping 2.4s ease-out infinite; }
.lx-tag--b i { animation-delay: .8s; } .lx-tag--c i { animation-delay: 1.6s; }
@keyframes tx-ping { 0% { box-shadow: 0 0 0 0 rgba(95,212,255,.6); } 80%, 100% { box-shadow: 0 0 0 10px rgba(95,212,255,0); } }
.lx-tag::after { content: ''; position: absolute; top: 50%; width: 48px; height: 1px; background: linear-gradient(90deg, var(--hud), transparent); }
.lx-tag--a::after, .lx-tag--c::after { right: 100%; transform: scaleX(-1); transform-origin: right; }
.lx-tag--b::after { left: 100%; }

/* Belge şeridi: mono kodlar */
.lx-trust b { font-family: var(--mono); font-weight: 500; font-size: 13px; letter-spacing: .06em; }

/* Koyu bölümlerde imleç ışığı */
.lx-hero, .lx-system, .tx-monitor, .lx-aero, .pre-foot--pm { --gx: 50%; --gy: 40%; }
.lx-system::after, .lx-aero::after, .tx-monitor::after { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(95,212,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(95,212,255,.06) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(360px circle at var(--gx) var(--gy), #000, transparent 70%); mask-image: radial-gradient(360px circle at var(--gx) var(--gy), #000, transparent 70%); }
.lx-aero, .tx-monitor { position: relative; }
.lx-aero > *, .tx-monitor > * { position: relative; z-index: 1; }

/* Sistem bölümü: ilerleme halkası ve hat */
.lx-system__ring { border-color: rgba(95,212,255,.25); }
.lx-system__ring::before { content: ''; position: absolute; inset: -1px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 70%, rgba(95,212,255,.55) 92%, transparent 100%); -webkit-mask: radial-gradient(circle, transparent calc(50% - 2px), #000 calc(50% - 1px)); mask: radial-gradient(circle, transparent calc(50% - 2px), #000 calc(50% - 1px)); animation: lx-spin 6s linear infinite; }
.lx-steps li.is-on::after { content: ''; position: absolute; left: 3px; top: 34px; bottom: -1px; width: 2px; background: linear-gradient(180deg, var(--cy), transparent); }

/* ---------- İzleme paneli ---------- */
.tx-monitor { padding: 140px 0; color: #fff; background: radial-gradient(800px 500px at 80% 50%, rgba(10,99,176,.35), transparent 65%), linear-gradient(180deg, var(--night), #06121F); overflow: hidden; }
.tx-monitor__in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: center; }
.tx-monitor__copy { display: flex; flex-direction: column; gap: 24px; }
.tx-monitor__copy .eyebrow, .tx-monitor__copy .btn { align-self: flex-start; }
.tx-monitor__copy .lx-h2 em { color: var(--cy-2); }
.tx-monitor__copy p { margin: 0; color: #A9BDD0; font-size: 17px; line-height: 1.65; max-width: 480px; }
.tx-panel { position: relative; border-radius: 22px; padding: 18px; background: linear-gradient(180deg, rgba(14,34,54,.9), rgba(6,16,28,.95)); border: 1px solid rgba(95,212,255,.2); box-shadow: 0 40px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 6px rgba(95,212,255,.03); }
.tx-panel::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 1px, transparent 1px 3px); }
.tx-panel__bar { display: flex; justify-content: space-between; align-items: center; padding: 4px 6px 16px; font-family: var(--mono); font-size: 11px; letter-spacing: .14em; color: #8FB3CC; }
.tx-panel__bar span:first-child { display: inline-flex; align-items: center; gap: 10px; }
.tx-panel__bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 10px var(--ok); animation: tx-blink 2s steps(2) infinite; }
@keyframes tx-blink { 50% { opacity: .35; } }
.tx-panel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tx-gas { --c: var(--cy); position: relative; padding: 16px 16px 14px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
.tx-gas::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--c); box-shadow: 0 0 14px var(--c); }
.tx-gas--o2 { --c: #F4F7FA; } .tx-gas--n2o { --c: #3F7BE0; } .tx-gas--air { --c: #9AA6B2; } .tx-gas--vac { --c: #F2C230; } .tx-gas--agss { --c: #A26BD6; } .tx-gas--co2 { --c: #8A96A1; }
.tx-gas__top { display: flex; justify-content: space-between; align-items: center; }
.tx-gas__top b { font-family: var(--mono); font-weight: 500; font-size: 14px; letter-spacing: .06em; }
.tx-ok { font-family: var(--mono); font-size: 9.5px; letter-spacing: .14em; color: var(--ok); padding: 3px 7px; border-radius: 999px; background: rgba(61,220,151,.1); border: 1px solid rgba(61,220,151,.25); }
.tx-gas__val { font-family: var(--display); font-size: 38px; font-weight: 500; letter-spacing: -.04em; line-height: 1.1; font-variant-numeric: tabular-nums; margin-top: 6px; }
.tx-gas__val small { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: #8FB3CC; margin-left: 6px; }
.tx-spark { width: 100%; height: 34px; display: block; margin: 4px 0 2px; }
.tx-gas__name { color: #7F97AD; font-size: 12.5px; }
.tx-panel__foot { display: flex; justify-content: space-between; padding: 14px 6px 2px; font-size: 10.5px; letter-spacing: .1em; color: #5E7890; text-transform: uppercase; }

/* Kartlar: köşe işaretleri */
.tx-ticks { position: absolute; inset: 12px; pointer-events: none; z-index: 0; opacity: 0; transition: opacity .4s, inset .5s var(--ease-out); }
.tx-ticks i { position: absolute; width: 14px; height: 14px; border: 1.5px solid var(--brand); }
.tx-ticks i:nth-child(1) { left: 0; top: 0; border-right: 0; border-bottom: 0; }
.tx-ticks i:nth-child(2) { right: 0; top: 0; border-left: 0; border-bottom: 0; }
.tx-ticks i:nth-child(3) { left: 0; bottom: 0; border-right: 0; border-top: 0; }
.tx-ticks i:nth-child(4) { right: 0; bottom: 0; border-left: 0; border-top: 0; }
.lx-card:hover .tx-ticks { opacity: 1; inset: 8px; }
.lx-card__top .mono, .lx-card__count { letter-spacing: .1em; }
.lx-card__img::after { content: ''; position: absolute; left: 10%; right: 10%; bottom: -6px; height: 1px; background: linear-gradient(90deg, transparent, rgba(10,99,176,.35), transparent); }

/* Rakamlar: mono etiket */
.lx-numbers > div > span { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }

@media (max-width: 1240px) { .tx-readout { display: none; } }
@media (max-width: 1080px) {
  .tx-monitor__in { grid-template-columns: 1fr; gap: 44px; }
  .tx-readout { display: none; }
}
@media (max-width: 720px) {
  .tx-monitor { padding: 96px 0; }
  .tx-panel { padding: 12px; }
  .tx-panel__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tx-gas__val { font-size: 30px; }
  .lx-tag::after { display: none; }
  .tx-hud { left: 2%; right: 2%; }
}
@media (prefers-reduced-motion: reduce) {
  .tx-scan, .tx-hud__beam { display: none; }
}

/* ---- v4: yeni ürün sayfası bileşenleri ---- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.checks--pair li span b{font-weight:600;color:var(--ink,#0b1520)}
.parts-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.parts-list li{display:grid;grid-template-columns:42px 1fr;column-gap:12px;row-gap:2px;padding:14px 0;border-bottom:1px solid rgba(10,30,60,.08)}
.parts-list li .mono{grid-row:span 2;padding-top:2px}
.spec-title{display:block;margin-bottom:10px;letter-spacing:.08em}
.small{font-size:.875rem}
.grid-table th[scope=col]{font-weight:600;text-align:left;white-space:nowrap}
.seo-text{max-width:900px;display:grid;gap:14px}
.seo-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cat-dl__head{margin-bottom:16px;gap:16px;flex-wrap:wrap}
.cat-dl__head .mono{font-size:.9rem;margin-right:6px}
.dl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.dl-list a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(10,30,60,.1);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.dl-list a:hover{border-color:var(--brand,#0a5bd3);transform:translateY(-1px)}
.dl-list a span:nth-child(2){display:grid;gap:2px}
.dl-list__ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(10,91,211,.08);color:var(--brand,#0a5bd3)}
.stack-48{display:grid;gap:48px}
.gallery__main img,.model__img img,.sib__img img,.prod__img img,.mega__ill img{object-fit:cover}
.gallery__main img[src$=".webp"]{background:#f3f5f8}