.product-page { position: relative; background: radial-gradient(circle at 78% 7%,rgba(0,184,255,.1),transparent 23%),linear-gradient(180deg,#02070c,#050d15 42%,#02070c); }
.product-page::before { content: ''; position: fixed; inset: 0; z-index: 0; opacity: .12; pointer-events: none; background-image: linear-gradient(rgba(84,151,201,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(84,151,201,.18) 1px,transparent 1px); background-size: 96px 96px; mask-image: linear-gradient(to bottom,#000,transparent 65%); }
.product-page > * { position: relative; z-index: 1; }
.product-breadcrumbs { padding: 30px 0 0; color: #8291a3; font-size: 12px; }
.product-breadcrumbs a { color: var(--blue); }
.product-breadcrumbs span { margin: 0 10px; color: #4c5b6c; }

.product-hero { position: relative; padding: 54px 0 72px; overflow: hidden; }
.product-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 76% 38%,rgba(0,184,255,.16),transparent 28%),linear-gradient(115deg,transparent 58%,rgba(21,66,96,.12)); pointer-events: none; }
.product-hero::after { content: ''; position: absolute; width: 560px; height: 560px; right: 3%; top: 2%; border: 1px solid rgba(73,191,251,.1); border-radius: 50%; box-shadow: inset 0 0 80px rgba(0,184,255,.04); pointer-events: none; }
.product-hero__grid { position: relative; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 80px; }
.product-hero__label { color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.product-hero h1 { max-width: 820px; margin: 20px 0 22px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(44px, 5.2vw, 78px); line-height: 1.02; letter-spacing: -.045em; }
.product-hero__subtitle { max-width: 720px; margin: 0; color: #d7dee7; font-size: clamp(21px, 2.1vw, 30px); font-weight: 600; line-height: 1.35; }
.product-hero__meta { margin: 30px 0 0; color: #8c9bad; font-size: 13px; }
.product-hero__meta strong { color: #fff; }
.product-hero__actions { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 34px; }
.btn--outline { background: transparent; }
.btn--outline:hover { background: rgba(0,184,255,.12); }
.product-hero__visual { position: relative; min-height: 510px; display: grid; place-items: center; padding: 28px; overflow: hidden; border: 1px solid transparent; border-radius: 22px; background: radial-gradient(circle at 50% 46%,#f9fbfc,#dce5eb 68%,#b7c7d3) padding-box,linear-gradient(145deg,rgba(97,215,255,.62),rgba(57,104,139,.12)) border-box; box-shadow: inset 0 1px rgba(255,255,255,.6),0 30px 85px rgba(0,0,0,.42),0 0 65px rgba(0,184,255,.08); }
.product-hero__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg,transparent 48%,rgba(0,184,255,.1)),linear-gradient(180deg,transparent 65%,rgba(3,11,18,.12)); pointer-events: none; }
.product-hero__visual img { width: 100%; max-height: 455px; object-fit: contain; }

.product-metrics { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid rgba(84,184,238,.24); border-radius: 18px; background: linear-gradient(145deg,rgba(14,31,45,.9),rgba(4,13,21,.96)); box-shadow: 0 25px 70px rgba(0,0,0,.22); }
.product-metric { min-height: 132px; padding: 30px; border-right: 1px solid var(--line); }
.product-metric:last-child { border-right: 0; }
.product-metric strong { display: block; font-size: clamp(26px,3vw,38px); line-height: 1; }
.product-metric span { display: block; margin-top: 12px; color: #8392a4; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }


.product-content { position: relative; background: radial-gradient(circle at 12% 14%,rgba(0,184,255,.075),transparent 18%),linear-gradient(180deg,#050e16,#02070c); }
.product-content::before { content: ''; position: absolute; inset: 0; opacity: .1; pointer-events: none; background-image: linear-gradient(rgba(82,151,202,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(82,151,202,.18) 1px,transparent 1px); background-size: 110px 110px; }
.product-section { padding: 100px 0; border-bottom: 1px solid var(--line); }
.product-section__grid { display: grid; grid-template-columns: .32fr 1fr; gap: 80px; }
.product-section__label { color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.product-section h2 { margin: 0 0 28px; font-family: Montserrat, Inter, sans-serif; font-size: clamp(34px,4.3vw,58px); line-height: 1.1; letter-spacing: -.04em; }
.product-prose { max-width: 900px; }
.product-prose p { color: var(--muted); font-size: 18px; line-height: 1.8; }
.product-prose p + p { margin-top: 20px; }
.product-source { margin-top: 28px; padding: 18px 20px; border: 1px solid rgba(79,175,226,.22); border-radius: 12px; background: rgba(9,24,35,.64); color: #8796a8; font-size: 12px; }
.product-source a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }

.product-section--manufacturer .product-section__grid { align-items: start; }
.manufacturer-copy { max-width: 940px; color: var(--muted); font-size: 17px; line-height: 1.72; }
.manufacturer-copy p { margin: 0 0 20px; }
.manufacturer-copy strong { color: #fff; }
.manufacturer-copy ul { margin: 0 0 26px; padding-left: 24px; }
.manufacturer-copy li { margin: 8px 0; }
.manufacturer-copy .manufacturer-figure { margin: 34px 0 12px; padding: 18px; border: 1px solid rgba(84,184,238,.22); border-radius: 16px; background: linear-gradient(145deg,#f9fbfc,#dfe8ed); text-align: center; box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.manufacturer-copy .manufacturer-figure img { display: block; width: 100%; max-height: 720px; object-fit: contain; margin: auto; }
.manufacturer-copy .manufacturer-caption { margin: 0 0 30px; color: #8e9cad; font-size: 13px; }
.manufacturer-copy .manufacturer-caption--electrodes { display: grid; gap: 7px; color: #fff; font-size: 14px; line-height: 1.5; }
.manufacturer-copy .manufacturer-caption--electrodes strong { display: block; color: #fff; font-weight: 700; }
.manufacturer-variants { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin: 30px 0 38px; }
.manufacturer-variants figure { display: flex; min-width: 0; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid rgba(84,184,238,.24); border-radius: 16px; background: linear-gradient(145deg,rgba(15,34,49,.96),rgba(4,13,21,.98)); box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.manufacturer-variants__image { display: grid; min-height: 340px; place-items: center; padding: 16px; background: linear-gradient(145deg,#f9fbfc,#dfe8ed); }
.manufacturer-variants__image img { width: 100%; height: 100%; max-height: 390px; object-fit: contain; }
.manufacturer-variants figcaption { padding: 18px 20px 20px; color: #d8e0e8; font-size: 14px; font-weight: 600; line-height: 1.45; }
.manufacturer-copy .manufacturer-table-wrap { margin: 20px 0 26px; overflow-x: auto; border: 1px solid rgba(84,180,232,.24); border-radius: 16px; background: rgba(5,15,23,.82); }
.manufacturer-copy table { width: 100%; min-width: 720px; border-collapse: collapse; }
.manufacturer-copy td { padding: 16px 19px; border-bottom: 1px solid var(--line); vertical-align: top; color: #d8dfe7; font-size: 14px; }
.manufacturer-copy td:first-child { width: 62%; color: #9aa8b8; }
.manufacturer-copy tr:last-child td { border-bottom: 0; }

.product-advantages { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.product-advantage { position: relative; min-height: 180px; padding: 28px; overflow: hidden; border: 1px solid transparent; border-radius: 18px; background: linear-gradient(145deg,rgba(17,35,50,.9),rgba(5,14,22,.96)) padding-box,linear-gradient(145deg,rgba(84,194,246,.3),rgba(50,91,123,.08)) border-box; box-shadow: 0 22px 58px rgba(0,0,0,.19); transition: transform .25s,border-color .25s,box-shadow .25s; }
.product-advantage::after { content: ''; position: absolute; width: 100px; height: 100px; right: -70px; bottom: -70px; border-radius: 50%; background: rgba(0,184,255,.18); filter: blur(25px); }
.product-advantage:hover { transform: translateY(-5px); box-shadow: 0 26px 65px rgba(0,184,255,.12); }
.product-advantage b { color: var(--blue); font-size: 11px; }
.product-advantage p { margin: 38px 0 0; color: #d2d9e2; font-size: 15px; }

.product-table-wrap { overflow-x: auto; border: 1px solid rgba(84,180,232,.24); border-radius: 18px; background: rgba(5,15,23,.82); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.product-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.product-table th,.product-table td { padding: 17px 20px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.product-table th { background: linear-gradient(90deg,#0b1b28,#0e2638); color: #91a4b7; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.product-table td { color: #d8dfe7; font-size: 14px; }
.product-table td:first-child { width: 55%; color: #9aa8b8; }
.product-table tr:last-child td { border-bottom: 0; }

.product-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px 30px; margin: 0; padding: 0; list-style: none; }
.product-list li { position: relative; padding: 20px 20px 20px 42px; border: 1px solid rgba(77,164,215,.2); border-radius: 14px; background: linear-gradient(145deg,rgba(13,29,42,.86),rgba(4,13,20,.94)); color: #cbd4de; box-shadow: 0 16px 42px rgba(0,0,0,.16); }
.product-list li::before { content: ''; position: absolute; top: 27px; left: 20px; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); }

.product-cta { padding: 90px 0; overflow: hidden; text-align: center; border-top: 1px solid rgba(88,185,239,.13); background: radial-gradient(circle at 50% 0,rgba(0,184,255,.17),transparent 42%),linear-gradient(180deg,#06121c,#02070c); }
.product-cta h2 { margin: 0 0 18px; font-family: Montserrat,Inter,sans-serif; font-size: clamp(36px,4vw,58px); }
.product-cta p { max-width: 720px; margin: 0 auto 32px; color: var(--muted); font-size: 18px; }
.product-cta__actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }

.product-construction { position: relative; padding: 72px 0 20px; overflow: hidden; border-top: 1px solid rgba(88,185,239,.14); background: radial-gradient(circle at 50% 0,rgba(0,184,255,.12),transparent 36%),linear-gradient(180deg,#04101a,#02070c); }
.product-construction::before { content: ''; position: absolute; inset: 0; opacity: .1; pointer-events: none; background-image: linear-gradient(rgba(82,151,202,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(82,151,202,.18) 1px,transparent 1px); background-size: 110px 110px; }
.product-construction__head { position: relative; margin-bottom: 34px; text-align: center; }
.product-construction__head span { color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.product-construction__head h2 { margin: 10px 0 0; font-family: Montserrat,Inter,sans-serif; font-size: clamp(34px,4.3vw,58px); line-height: 1.08; letter-spacing: -.04em; }
.product-construction__figure { position: relative; width: 60%; margin: 0 auto; padding: 22px; overflow: hidden; border: 1px solid rgba(92,197,252,.34); border-radius: 20px; background: linear-gradient(145deg,#fff,#e7edf1); box-shadow: 0 32px 90px rgba(0,0,0,.42),0 0 55px rgba(0,184,255,.08); }
.product-construction__figure img { width: 100%; height: auto; max-height: none; object-fit: contain; }

@media(max-width:1000px){
  .product-hero__grid{grid-template-columns:1fr;gap:44px}.product-hero__visual{min-height:390px}
  .product-section__grid{grid-template-columns:1fr;gap:28px}.product-advantages{grid-template-columns:repeat(2,1fr)}
  .product-construction__figure{width:86%}
}
@media(max-width:620px){
  .product-breadcrumbs{padding-top:20px}.product-hero{padding:38px 0 54px}.product-hero h1{font-size:42px}.product-hero__subtitle{font-size:21px}
  .product-hero__actions{flex-direction:column}.product-hero__actions .btn{width:100%}.product-hero__visual{min-height:290px;padding:18px}
  .product-metrics{grid-template-columns:1fr}.product-metric{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.product-metric:last-child{border-bottom:0}
  .product-section{padding:70px 0}.product-prose p{font-size:16px}.product-advantages,.product-list,.manufacturer-variants{grid-template-columns:1fr}.manufacturer-copy{font-size:15px}.manufacturer-copy .manufacturer-figure{padding:10px}.manufacturer-variants__image{min-height:260px}
  .product-construction{padding:56px 0 14px}.product-construction__figure{width:100%;padding:8px;border-radius:14px}
  .product-cta__actions{flex-direction:column}.product-cta__actions .btn{width:100%}
}