https://brony-rf.ru/kuski-i-listy-na-probu
Бронелист: наличие, классы защиты и цены
<p></p>
<style>
:root {
--bg: #0a0a0a;
--bg2: #111111;
--bg3: #16130a;
--line: #d4af37;
--gold: #d4af37;
--goldB: #f0d060;
--goldD: #8a7020;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
background: var(--bg);
color: var(--gold);
line-height: 1.5;
padding: 20px 14px;
}
::selection { background: var(--gold); color: #000; }
.wrap { max-width: 1300px; margin: 0 auto; }
/* ============ БЕГУЩАЯ СТРОКА ============ */
.ticker-block {
display: flex;
align-items: stretch;
background: var(--bg);
border: 1px solid var(--line);
border-radius: 8px;
overflow: hidden;
margin-bottom: 14px;
height: 44px;
}
.ticker-label {
background: var(--gold);
color: #0a0a0a;
font-weight: 800;
font-size: 12px;
letter-spacing: 1.5px;
padding: 0 16px;
display: flex;
align-items: center;
white-space: nowrap;
}
.ticker-viewport { flex: 1; overflow: hidden; position: relative; }
.ticker-track {
display: inline-flex;
align-items: center;
height: 100%;
white-space: nowrap;
animation: tickerScroll 40s linear infinite;
padding-left: 20px;
}
.ticker-item { color: var(--gold); font-size: 13px; padding: 0 10px; letter-spacing: .3px; }
.ticker-item b { color: var(--goldB); font-weight: 700; }
.ticker-dot { color: var(--gold); font-size: 10px; }
@keyframes tickerScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* ============ ШАПКА ============ */
header {
background: var(--bg);
border: 1px solid var(--line);
border-radius: 12px;
padding: 30px 25px;
text-align: center;
margin-bottom: 14px;
}
.banner-tag {
display: inline-block;
background: var(--gold);
color: #0a0a0a;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 14px;
}
header h1 {
margin: 0 0 12px 0;
font-size: 28px;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 800;
}
.banner-line {
width: 60px;
height: 2px;
background: var(--gold);
margin: 0 auto 14px;
}
header p { margin: 0; color: var(--gold); font-size: 15px; letter-spacing: .5px; opacity: .9; }
/* ============ ГЛАВНЫЕ ЦЕНЫ ============ */
.price-hero {
background: var(--bg);
border: 1px solid var(--line);
border-radius: 12px;
padding: 20px;
margin-bottom: 14px;
}
.price-hero-tag {
display: block;
text-align: center;
color: var(--gold);
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
padding-bottom: 12px;
margin-bottom: 16px;
border-bottom: 1px solid var(--line);
}
.price-hero-cards { display: flex; gap: 14px; flex-wrap: wrap; }
.ph-card {
flex: 1;
min-width: 240px;
border-radius: 10px;
padding: 20px 22px;
background: var(--bg);
border: 1px solid var(--gold);
}
.ph-name {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 10px;
opacity: .8;
}
.ph-price {
font-size: 38px;
font-weight: 800;
letter-spacing: -1px;
line-height: 1;
color: var(--gold);
margin-bottom: 8px;
}
.ph-price span { font-size: 16px; font-weight: 600; color: var(--gold); letter-spacing: 0; opacity: .7; }
.ph-note { font-size: 13px; color: var(--gold); opacity: .85; }
/* ============ ВКЛАДКИ ============ */
.promo-tabs {
display: flex;
gap: 8px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.promo-tab {
padding: 10px 18px;
background: var(--bg);
border: 1px solid var(--line);
border-radius: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
color: var(--gold);
transition: .15s;
letter-spacing: .3px;
}
.promo-tab:hover { background: rgba(212,175,55,.1); }
.promo-tab.active { background: var(--gold); color: #0a0a0a; }
/* ============ ТУЛБАР ============ */
.promo-toolbar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.promo-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 16px;
border-radius: 9px;
border: 1px solid var(--gold);
background: transparent;
color: var(--gold);
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: .15s;
font-family: inherit;
letter-spacing: .3px;
}
.promo-btn:hover { background: var(--gold); color: #0a0a0a; }
.promo-btn.primary { background: var(--gold); color: #0a0a0a; }
.promo-btn.primary:hover { background: var(--goldB); }
/* ============ ПОИСК ============ */
.promo-search {
background: var(--bg);
border: 1px solid var(--line);
border-radius: 12px;
padding: 16px;
margin-bottom: 14px;
display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
align-items: end;
}
.promo-search input {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--line);
border-radius: 9px;
font-size: 14px;
background: var(--bg);
color: var(--gold);
outline: none;
font-family: inherit;
}
.promo-search input::placeholder { color: rgba(212,175,55,.4); }
.promo-search input:focus { box-shadow: 0 0 0 3px rgba(212,175,55,.2); }
.promo-counter {
color: var(--gold);
font-size: 13px;
white-space: nowrap;
padding: 12px 14px;
border: 1px solid var(--line);
border-radius: 9px;
background: var(--bg);
font-weight: 700;
}
/* ============ USP ============ */
.usp-block {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.usp-item {
flex: 1;
min-width: 240px;
background: var(--bg);
border: 1px solid var(--line);
border-radius: 8px;
padding: 16px 18px;
display: flex;
gap: 14px;
align-items: flex-start;
}
.usp-icon { color: var(--gold); font-size: 14px; line-height: 1.4; }
.usp-text h4 { margin: 0 0 4px 0; font-size: 14px; color: var(--gold); font-weight: 700; }
.usp-text p { margin: 0; font-size: 13px; color: var(--gold); opacity: .75; }
/* ============ ТАБЛИЦА + ЭФФЕКТЫ ============ */
.table-block {
background: var(--bg);
border: 1px solid var(--line);
border-radius: 12px;
padding: 20px;
margin-bottom: 14px;
}
.block-title {
color: var(--gold);
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-align: center;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid var(--line);
}
.table-wrapper {
position: relative;
overflow: auto;
max-height: 70vh;
border-radius: 8px;
border: 1px solid var(--line);
scroll-behavior: smooth;
animation: edgeGlow 4s ease-in-out infinite;
transition: box-shadow .4s ease;
}
.table-wrapper:hover, .table-wrapper.active-scroll {
box-shadow: inset 0 0 30px rgba(212,175,55,.25), inset 0 0 60px rgba(255,140,0,.15);
}
.table-wrapper::before, .table-wrapper::after {
content: '';
position: absolute;
left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #ffd700, #ff5500, #ffd700, transparent);
opacity: .8;
pointer-events: none;
z-index: 3;
}
.table-wrapper::before { top: 0; animation: topLine 3s ease-in-out infinite; }
.table-wrapper::after { bottom: 0; animation: bottomLine 3s ease-in-out infinite; }
@keyframes edgeGlow {
0%, 100% { box-shadow: inset 0 0 12px rgba(212,175,55,.15); }
50% { box-shadow: inset 0 0 28px rgba(255,215,0,.45); }
}
@keyframes topLine { 0%,100%{opacity:.5;} 50%{opacity:1;} }
@keyframes bottomLine { 0%,100%{opacity:1;} 50%{opacity:.5;} }
.price-table {
width: 100%;
border-collapse: collapse;
background: var(--bg);
min-width: 900px;
font-size: 13px;
}
.price-table th, .price-table td {
padding: 11px 14px;
text-align: left;
border-bottom: 1px solid rgba(212,175,55,.25);
vertical-align: middle;
color: var(--gold);
}
.price-table th {
position: sticky;
top: 0;
z-index: 2;
background: var(--bg);
color: var(--gold);
font-weight: 800;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
white-space: nowrap;
border-bottom: 1px solid var(--gold);
cursor: pointer;
user-select: none;
transition: .15s;
}
.price-table th:hover { background: #1a1408; }
.price-table th.sortable::after { content: ' ⇅'; opacity: .5; margin-left: 4px; }
.price-table th.asc::after { content: ' ▲'; opacity: 1; color: var(--goldB); }
.price-table th.desc::after { content: ' ▼'; opacity: 1; color: var(--goldB); }
.price-table th.num, .price-table td.num {
text-align: right;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.price-table tbody tr { transition: background .15s ease, box-shadow .15s ease; }
.price-table tbody tr:hover {
background: #1a1408;
box-shadow: inset 4px 0 0 #ffd700, inset -4px 0 0 #ffd700, 0 0 20px rgba(255,215,0,.15);
}
.price-table .category-row td {
background: var(--bg);
color: var(--goldB);
font-weight: 800;
letter-spacing: 1px;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px solid var(--gold);
border-top: 1px solid var(--gold);
padding: 12px 14px;
}
.price-table .note { color: var(--gold); font-size: 11px; font-style: italic; opacity: .6; }
.badge {
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 800;
letter-spacing: .4px;
background: rgba(212,175,55,.15);
color: var(--goldB);
border: 1px solid rgba(212,175,55,.5);
white-space: nowrap;
}
.badge.plan {
background: rgba(212,175,55,.05);
color: var(--gold);
font-style: italic;
border-style: dashed;
}
.tu-badge {
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 800;
background: rgba(212,175,55,.15);
color: var(--goldB);
border: 1px solid rgba(212,175,55,.5);
white-space: nowrap;
}
.tu-badge.tu-18107 { background: rgba(240,208,96,.12); border-style: dashed; }
.tu-badge.tu-18121 { background: rgba(212,175,55,.2); }
.tu-badge.tu-btvt { background: rgba(255,215,0,.18); border-color: #ffd700; }
.weight-val { color: var(--goldB); font-weight: 700; }
.empty { padding: 40px; text-align: center; color: var(--gold); opacity: .6; font-size: 14px; }
.table-footnote {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--line);
}
.footnote-item {
color: var(--gold);
font-size: 12px;
position: relative;
padding-left: 14px;
opacity: .85;
}
.footnote-item::before {
content: "◆";
position: absolute;
left: 0;
color: var(--gold);
font-size: 8px;
top: 4px;
}
/* ============ УСЛОВИЯ ============ */
.promo-conditions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 14px;
}
.condition-card {
flex: 1;
min-width: 250px;
background: var(--bg);
border: 1px solid var(--line);
padding: 20px;
border-radius: 10px;
}
.cond-num {
color: var(--gold);
font-size: 22px;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 10px;
}
.condition-card h3 { margin: 0 0 6px 0; font-size: 16px; color: var(--gold); font-weight: 700; }
.condition-card p { margin: 0; font-size: 13px; color: var(--gold); opacity: .8; }
.condition-card strong { color: var(--goldB); }
/* ============ ПРИСЫЛАЙТЕ ============ */
.promo-trick {
background: var(--bg);
border: 1px dashed var(--gold);
border-radius: 10px;
padding: 18px;
text-align: center;
margin-bottom: 14px;
}
.promo-trick p { margin: 0; color: var(--gold); font-size: 15px; }
.promo-trick strong { color: var(--goldB); }
/* ============ КОНТАКТЫ ============ */
.cta-section {
text-align: center;
background: var(--bg);
border: 1px solid var(--gold);
border-radius: 12px;
padding: 28px 20px;
margin-bottom: 14px;
}
.cta-text { font-size: 16px; font-weight: 600; color: var(--gold); margin: 0 0 16px 0; }
.cta-button {
display: inline-block;
background: var(--gold);
color: #0a0a0a !important;
text-decoration: none;
padding: 16px 40px;
font-size: 20px;
font-weight: 800;
letter-spacing: 1px;
border-radius: 999px;
transition: .25s;
}
.cta-button:hover { background: var(--goldB); transform: scale(1.03); }
.manager-info { margin: 16px 0 0 0; font-size: 13px; color: var(--gold); opacity: .8; }
/* ============ РАЗДЕЛ КУСКИ И ПРОБА ============ */
.sample-section {
background: var(--bg);
border: 1px solid var(--gold);
border-radius: 14px;
padding: 24px;
margin-top: 20px;
}
.sample-header {
text-align: center;
margin-bottom: 20px;
padding-bottom: 18px;
border-bottom: 1px solid var(--gold);
}
.sample-tag {
display: inline-block;
background: var(--gold);
color: #0a0a0a;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 12px;
}
.sample-header h2 {
margin: 0 0 12px 0;
font-size: 24px;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
}
.sample-line {
width: 50px;
height: 2px;
background: var(--gold);
margin: 0 auto 12px;
}
.sample-header p { margin: 0; color: var(--gold); font-size: 14px; opacity: .85; }
.sample-requisites {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 20px;
background: var(--bg);
border: 1px solid rgba(212,175,55,.4);
border-radius: 10px;
padding: 16px 20px;
margin-bottom: 18px;
}
.req-row {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 6px 0;
border-bottom: 1px dashed rgba(212,175,55,.2);
font-size: 13px;
}
.req-row:last-child { border-bottom: none; }
.req-label { color: var(--gold); opacity: .7; font-weight: 600; white-space: nowrap; }
.req-value { color: var(--goldB); font-weight: 700; text-align: right; word-break: break-word; }
.sample-tabs { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.sample-tab {
padding: 9px 16px;
background: var(--bg);
border: 1px solid var(--gold);
border-radius: 9px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
color: var(--gold);
transition: .15s;
letter-spacing: .3px;
}
.sample-tab:hover { background: rgba(212,175,55,.1); }
.sample-tab.active { background: var(--gold); color: #0a0a0a; }
/* ============ ПЛАСТИНЫ 110Г13Л ============ */
.plate-block {
background: var(--bg);
border: 1px solid var(--gold);
border-radius: 12px;
padding: 18px;
margin-bottom: 18px;
}
.plate-header {
text-align: center;
margin-bottom: 16px;
padding-bottom: 14px;
border-bottom: 1px solid var(--gold);
}
.plate-tag {
display: inline-block;
background: var(--gold);
color: #0a0a0a;
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
padding: 3px 12px;
border-radius: 999px;
margin-bottom: 10px;
}
.plate-header h3 {
margin: 0 0 12px 0;
font-size: 20px;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 800;
}
.plate-info {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
margin-bottom: 12px;
}
.plate-info-item { font-size: 13px; color: var(--gold); opacity: .9; }
.plate-info-item b { color: var(--goldB); margin-right: 4px; }
.plate-note {
margin: 0;
font-size: 13px;
color: var(--gold);
opacity: .75;
font-style: italic;
}
/* ============ ОГНЕННЫЕ ПОЛЗУНКИ ============ */
::-webkit-scrollbar { width: 18px; height: 18px; }
::-webkit-scrollbar-track {
background: #050505;
border: 1px solid #2a2210;
border-radius: 9px;
box-shadow: inset 0 0 12px rgba(212,175,55,.2);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg,
#ffffcc 0%, #ffd700 15%, #ff8c00 35%, #d4af37 50%,
#ff8c00 65%, #ffd700 85%, #ffffcc 100%);
border: 1px solid #ffd700;
border-radius: 9px;
box-shadow:
0 0 10px rgba(255,215,0,.9),
0 0 20px rgba(255,140,0,.7),
0 0 30px rgba(255,80,0,.4),
inset 0 0 8px rgba(255,255,255,.5);
background-size: 100% 200%;
animation: fireFlow 2.5s linear infinite;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg,
#ffffff 0%, #ffffcc 20%, #ffd700 40%, #ff8c00 60%,
#ffd700 80%, #ffffff 100%);
box-shadow:
0 0 18px rgba(255,215,0,1),
0 0 36px rgba(255,140,0,.9),
0 0 54px rgba(255,80,0,.6),
inset 0 0 12px rgba(255,255,255,.8);
}
::-webkit-scrollbar-button:single-button {
background-color: #0a0a0a;
display: block;
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
border: 1px solid #3a2f10;
border-radius: 8px;
height: 18px;
width: 18px;
box-shadow: inset 0 0 6px rgba(212,175,55,.4);
transition: .2s;
}
::-webkit-scrollbar-button:single-button:hover {
background-color: #1a0e08;
border-color: #ffd700;
box-shadow: 0 0 12px rgba(255,215,0,.9), inset 0 0 8px rgba(255,140,0,.5);
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 3 L13 11 L3 11 Z' fill='%23ffd700' stroke='%23ff5500' stroke-width='0.8'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 13 L3 5 L13 5 Z' fill='%23ffd700' stroke='%23ff5500' stroke-width='0.8'/></svg>");
}
@keyframes fireFlow {
0% { background-position: 0% 0%; }
100% { background-position: 0% 200%; }
}
* { scrollbar-width: thin; scrollbar-color: #ffd700 #0a0a0a; }
/* Искры */
.sparkle {
position: absolute;
width: 4px; height: 4px;
border-radius: 50%;
background: radial-gradient(circle, #fff 0%, #ffd700 40%, rgba(255,140,0,0) 70%);
pointer-events: none;
box-shadow: 0 0 8px #ffd700, 0 0 16px #ff8c00;
animation: sparkleFloat 3s ease-in-out infinite;
z-index: 4;
}
@keyframes sparkleFloat {
0% { transform: translateY(0) scale(0); opacity: 0; }
20% { transform: translateY(-10px) scale(1); opacity: 1; }
80% { transform: translateY(-40px) scale(.6); opacity: .6; }
100% { transform: translateY(-60px) scale(0); opacity: 0; }
}
/* Огненные частицы */
.fire-particle {
position: fixed;
width: 6px; height: 6px;
border-radius: 50%;
background: radial-gradient(circle, #fff 0%, #ffd700 30%, #ff5500 70%, rgba(255,0,0,0) 100%);
box-shadow: 0 0 10px #ff8c00, 0 0 20px #ff5500;
pointer-events: none;
z-index: 9999;
animation: fireFly 1.2s ease-out forwards;
}
@keyframes fireFly {
0% { transform: translate(0,0) scale(1); opacity: 1; }
100% { transform: translate(var(--dx, 0), var(--dy, -60px)) scale(0); opacity: 0; }
}
/* Молния */
.lightning {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 0%, rgba(255,215,0,.7) 50%, transparent 100%);
opacity: 0;
pointer-events: none;
z-index: 5;
animation: lightningFlash 0.25s ease-out;
border-radius: 12px;
}
@keyframes lightningFlash {
0% { opacity: 0; }
30% { opacity: 1; }
60% { opacity: .3; }
100% { opacity: 0; }
}
/* Idle */
.idle-hint ::-webkit-scrollbar-thumb {
animation: fireFlow 2.5s linear infinite, idlePulse 1.2s ease-in-out infinite;
}
@keyframes idlePulse {
0%, 100% { box-shadow: 0 0 10px rgba(255,215,0,.9), 0 0 20px rgba(255,140,0,.7); }
50% {
box-shadow:
0 0 22px rgba(255,215,0,1),
0 0 44px rgba(255,140,0,1),
0 0 66px rgba(255,80,0,.7);
}
}
/* SEO */
.seo-text {
position: absolute;
width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}
/* Адаптив */
@media (max-width: 700px) {
body { padding: 12px 10px; }
header h1 { font-size: 20px; letter-spacing: 1.5px; }
header p { font-size: 13px; }
.promo-conditions, .usp-block, .price-hero-cards, .promo-toolbar, .sample-tabs { flex-direction: column; }
.condition-card, .ph-card, .usp-item { min-width: auto; }
.promo-search { grid-template-columns: 1fr; }
.promo-tab, .sample-tab { padding: 8px 12px; font-size: 13px; }
.promo-btn { padding: 9px 12px; font-size: 12px; }
.price-table th, .price-table td { padding: 9px 10px; font-size: 12px; }
.cta-button { width: 100%; padding: 16px 10px; font-size: 17px; }
.ph-price { font-size: 30px; }
.ticker-block { height: 40px; }
.ticker-item { font-size: 12px; }
.sample-requisites { grid-template-columns: 1fr; }
.sample-header h2 { font-size: 18px; letter-spacing: 1.2px; }
.plate-header h3 { font-size: 16px; }
}
/* Печать */
@media print {
body { background: #fff; color: #000; padding: 0; }
.ticker-block, .promo-tabs, .promo-toolbar, .promo-search,
.sample-tabs, .sparkle, .fire-particle, .lightning { display: none !important; }
header {
background: #000 !important;
color: #ffd700 !important;
border-color: #000 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
header h1, header p { color: #ffd700 !important; }
.banner-tag { background: #ffd700 !important; color: #000 !important;
-webkit-print-color-adjust: exact; print-color-adjust: exact; }
.banner-line { background: #ffd700 !important; }
.price-hero { display: none; }
.table-block, .sample-section, .plate-block {
background: #fff !important;
border: 1px solid #999 !important;
}
.block-title, .sample-header h2, .plate-header h3 {
color: #000 !important;
border-color: #999 !important;
}
.sample-header p, .plate-note { color: #666 !important; }
.sample-tag, .plate-tag {
background: #000 !important; color: #fff !important;
-webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.sample-line { background: #000 !important; }
.sample-requisites { background: #fff !important; border-color: #999 !important; }
.req-label { color: #666 !important; }
.req-value { color: #000 !important; }
.table-wrapper { max-height: none; overflow: visible; border-color: #999; animation: none; }
.table-wrapper::before, .table-wrapper::after { display: none; }
.price-table { min-width: auto; font-size: 11px; }
.price-table th {
background: #000 !important;
color: #ffd700 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.price-table td { color: #000 !important; border-bottom: 1px solid #ccc !important; }
.price-table .category-row td {
background: #000 !important;
color: #ffd700 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.badge, .tu-badge, .plate-info-item { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.table-footnote { border-color: #999; }
.footnote-item { color: #666 !important; }
.footnote-item::before { color: #666 !important; }
.cta-section { background: #fff !important; border-color: #999 !important; }
.cta-text { color: #000 !important; }
.cta-button { background: #000 !important; color: #fff !important;
-webkit-print-color-adjust: exact; print-color-adjust: exact; }
.manager-info { color: #666 !important; }
}
</style>
<div class="wrap">
<div class="ticker-block">
<div class="ticker-label">ЦЕНЫ</div>
<div class="ticker-viewport">
<div class="ticker-track"><span class="ticker-item">БТВТ 450 — <strong>300 ₽/кг</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">C500 6 мм — <strong>425 ₽/кг</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">6×1500×6000 БТВТ — <strong>129 000 ₽/лист</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">6×1500×6000 C500 — <strong>182 750 ₽/лист</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">Класс Бр2 / С2 · от 1 листа · НДС 22%</span> <span class="ticker-dot">◆</span> <span class="ticker-item">Отгрузка по 20 тонн — 10–15 раб. дней</span> <span class="ticker-dot">◆</span> <span class="ticker-item">Пластины 110Г13Л — <strong>10 000 ₽/шт</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">БТВТ 450 — <strong>300 ₽/кг</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">C500 6 мм — <strong>425 ₽/кг</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">6×1500×6000 БТВТ — <strong>129 000 ₽/лист</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">6×1500×6000 C500 — <strong>182 750 ₽/лист</strong></span> <span class="ticker-dot">◆</span> <span class="ticker-item">Класс Бр2 / С2 · от 1 листа · НДС 22%</span> <span class="ticker-dot">◆</span> <span class="ticker-item">Отгрузка по 20 тонн — 10–15 раб. дней</span> <span class="ticker-dot">◆</span> <span class="ticker-item">Пластины 110Г13Л — <strong>10 000 ₽/шт</strong></span> <span class="ticker-dot">◆</span></div>
</div>
</div>
<header>
<div class="banner-tag">АКЦИЯ</div>
<h1>СОЛНЕЧНЫЙ ОКТЯБРЬ</h1>
<div class="banner-line"></div>
<p>Наличие, классы защиты и актуальные цены на начало месяца</p>
</header>
<div class="price-hero">
<div class="price-hero-tag">ГЛАВНОЕ ПО АКЦИИ</div>
<div class="price-hero-cards">
<div class="ph-card">
<div class="ph-name">БТВТ 450 · ТУ 18105BB-2024</div>
<div class="ph-price">300 <span>₽/кг</span></div>
<div class="ph-note">6×1500×6000 — 129 000 ₽/лист</div>
</div>
<div class="ph-card">
<div class="ph-name">C500 · ТУ 18101-2017 Ж</div>
<div class="ph-price">425 <span>₽/кг</span></div>
<div class="ph-note">6×1500×6000 — 182 750 ₽/лист</div>
</div>
</div>
</div>
<div class="promo-tabs">
<div class="promo-tab active" data-tab="all">Все позиции</div>
<div class="promo-tab" data-tab="armor">Броня C500</div>
<div class="promo-tab" data-tab="btvt">БТВТ 450</div>
<div class="promo-tab" data-tab="plan">План испытаний</div>
</div>
<div class="promo-toolbar"><button class="promo-btn primary" onclick="downloadCSV()">⬇ Скачать CSV</button> <button class="promo-btn primary" onclick="downloadExcel()">⬇ Скачать Excel</button> <button class="promo-btn" onclick="window.print()">? Печать / PDF</button> <button class="promo-btn" onclick="resetAll()">✕ Сбросить</button></div>
<div class="promo-search"><input id="priceSearch" placeholder="Поиск: марка, ТУ, размер, класс…" type="text" />
<div class="promo-counter" id="priceCounter">Найдено: 0</div>
</div>
<div class="usp-block">
<div class="usp-item">
<div class="usp-icon">◆</div>
<div class="usp-text">
<h4>Гарантия класса по ТУ</h4>
<p>Бр2 / С2 — подтверждено сертификатом</p>
</div>
</div>
<div class="usp-item">
<div class="usp-icon">◆</div>
<div class="usp-text">
<h4>Раскрой по запросу</h4>
<p>1220×2080 · 1300×2000 · 1500×3000 · 1500×6000</p>
</div>
</div>
<div class="usp-item">
<div class="usp-icon">◆</div>
<div class="usp-text">
<h4>Отгрузка по 20 тонн</h4>
<p>Каждые 10–15 рабочих дней после предоплаты</p>
</div>
</div>
</div>
<div class="table-block">
<div class="block-title">ПРАЙС АКЦИИ · ОКТЯБРЬ</div>
<div class="table-wrapper">
<table id="priceTable" class="price-table">
<thead>
<tr>
<th class="sortable" data-key="mark">Марка / ТУ</th>
<th class="sortable" data-key="size">Размер (мм)</th>
<th class="sortable" data-key="klass">Класс</th>
<th class="sortable num" data-key="stock">Наличие</th>
<th class="sortable num" data-key="priceSheet">За лист, ₽</th>
<th class="sortable num" data-key="priceKg">За 1 кг, ₽</th>
<th class="sortable" data-key="term">Сроки</th>
</tr>
</thead>
<tbody id="priceBody"></tbody>
</table>
</div>
<div class="empty" id="priceEmpty" style="display: none;">Ничего не найдено.</div>
<div class="table-footnote">
<div class="footnote-item">Цены с НДС 22% · от 1 листа · раскрой по запросу</div>
<div class="footnote-item">Оплата: 70% предоплата / 30% перед отгрузкой</div>
<div class="footnote-item">Отгрузка: по 20 тонн каждые 10–15 раб. дней</div>
</div>
</div>
<div class="promo-conditions">
<div class="condition-card">
<div class="cond-num">01</div>
<h3>Оптовые поставки</h3>
<p>Специальная цена при заказе <strong>от 10 тонн</strong></p>
</div>
<div class="condition-card">
<div class="cond-num">02</div>
<h3>Тонкие листы</h3>
<p>Выгодное предложение при покупке <strong>от 20 до 25 штук</strong></p>
</div>
<div class="condition-card">
<div class="cond-num">03</div>
<h3>Единичные заказы</h3>
<p>Отгружаем по стандартному прайс-листу без задержек</p>
</div>
</div>
<div class="promo-trick">
<p><strong>Присылайте эту акцию в октябре</strong> — если кто-то забыл дать вам скидку на оптовые объёмы</p>
</div>
<div class="cta-section">
<p class="cta-text">Если что-то не понятно — звоните, мы всегда на связи</p>
<a href="tel:+79028733690" class="cta-button">8 (902) 873-36-90</a>
<p class="manager-info">Менеджер: Ольга · Бронесталь · ООО «Арсенал Деталь»</p>
</div>
<div class="sample-section">
<div class="sample-header">
<div class="sample-tag">ПРОБНАЯ ПАРТИЯ</div>
<h2>Куски и листы на пробу</h2>
<div class="sample-line"></div>
<p>Стоимость уточняйте отдельно · куски дороже</p>
</div>
<div class="sample-requisites">
<div class="req-row"><span class="req-label">Организация</span><span class="req-value">ООО «Арсенал-Деталь»</span></div>
<div class="req-row"><span class="req-label">ИНН / КПП</span><span class="req-value">6670215323 / 667001001</span></div>
<div class="req-row"><span class="req-label">ОГРН / ОКПО</span><span class="req-value">1086670018445 / 86899091</span></div>
<div class="req-row"><span class="req-label">ОКАТО</span><span class="req-value">65401000000</span></div>
<div class="req-row"><span class="req-label">Телефон</span><span class="req-value">8 992-017-49-73</span></div>
<div class="req-row"><span class="req-label">E-mail</span><span class="req-value">bronestali@inbox.ru</span></div>
</div>
<div class="sample-tabs">
<div class="sample-tab active" data-tu="all">Все позиции</div>
<div class="sample-tab" data-tu="18101">ТУ 18101-2017 Ж</div>
<div class="sample-tab" data-tu="18107">ТУ 18107И-2022</div>
<div class="sample-tab" data-tu="18121">ТУ 18121-2017/96</div>
<div class="sample-tab" data-tu="btvt">БТВТ-450</div>
</div>
<div class="promo-toolbar"><button class="promo-btn primary" onclick="downloadSampleCSV()">⬇ Скачать CSV</button> <button class="promo-btn primary" onclick="downloadSampleExcel()">⬇ Скачать Excel</button> <button class="promo-btn" onclick="window.print()">? Печать / PDF</button> <button class="promo-btn" onclick="resetSamples()">✕ Сбросить</button></div>
<div class="promo-search"><input id="sampleSearch" placeholder="Поиск: размер, ТУ, толщина…" type="text" />
<div class="promo-counter" id="sampleCounter">Найдено: 0</div>
</div>
<div class="table-block">
<div class="block-title">НАЛИЧИЕ ПРОБНЫХ ОБРАЗЦОВ</div>
<div class="table-wrapper">
<table id="sampleTable" class="price-table">
<thead>
<tr>
<th class="sortable" data-key="name">Наименование</th>
<th class="sortable" data-key="tu">ТУ</th>
<th class="sortable num" data-key="weight">Вес, кг</th>
<th class="sortable num" data-key="thk">Толщина, мм</th>
</tr>
</thead>
<tbody id="sampleBody"></tbody>
</table>
</div>
<div class="empty" id="sampleEmpty" style="display: none;">Ничего не найдено.</div>
<div class="table-footnote">
<div class="footnote-item">Стоимость уточняйте у менеджера</div>
<div class="footnote-item">Куски дороже листов</div>
<div class="footnote-item">Отгрузка после согласования</div>
</div>
</div>
<div class="plate-block">
<div class="plate-header">
<div class="plate-tag">ДЛЯ ИСПЫТАНИЙ</div>
<h3>Пластины из брони 110Г13Л</h3>
<div class="plate-info"><span class="plate-info-item"><strong>Материал:</strong> 110Г13Л</span> <span class="plate-info-item"><strong>Размер:</strong> 5 × 60 × 150 мм</span> <span class="plate-info-item"><strong>Кол-во:</strong> 6 шт</span> <span class="plate-info-item"><strong>Цена:</strong> 10 000 ₽/шт</span> <span class="plate-info-item"><strong>Оплата:</strong> только безнал, по счёту</span></div>
<p class="plate-note">Образцы для научных испытаний</p>
</div>
<div class="promo-toolbar"><button class="promo-btn primary" onclick="downloadPlateCSV()">⬇ Скачать CSV</button> <button class="promo-btn primary" onclick="downloadPlateExcel()">⬇ Скачать Excel</button> <button class="promo-btn" onclick="window.print()">? Печать / PDF</button></div>
<div class="table-wrapper">
<table id="plateTable" class="price-table">
<thead>
<tr>
<th class="sortable num" data-key="thk">Толщина, мм</th>
<th class="sortable num" data-key="width">Ширина, мм</th>
<th class="sortable num" data-key="length">Длина, мм</th>
<th class="sortable num" data-key="qty">Количество, шт</th>
<th class="sortable num" data-key="price">Цена, ₽/шт</th>
</tr>
</thead>
<tbody id="plateBody"></tbody>
</table>
</div>
<div class="table-footnote">
<div class="footnote-item">Образцы для научных испытаний</div>
<div class="footnote-item">Отгрузка после оплаты по счёту</div>
<div class="footnote-item">Только безналичный расчёт</div>
</div>
</div>
<div class="cta-section">
<p class="cta-text">Уточнить стоимость и наличие</p>
<a href="tel:+79920174973" class="cta-button">8 (992) 017-49-73</a>
<p class="manager-info">Лариса · E-mail: bronestali@inbox.ru</p>
</div>
</div>
<div class="seo-text">
<p>Акция Солнечный Октябрь на бронелист БТВТ 450 и C500. Купить бронелист оптом и в розницу. Стальной лист ТУ 18101-2017 Ж, ТУ 18121-2017/96, ТУ 18105BB-2024, ТУ 18107И-2022. Классы защиты Бр2, Бр3, Бр4, Бр5, Бр6, осколочный класс С2. Выгодные цены на высокопрочную сталь. Оптовые поставки металла от 10 тонн. Тонколистовой прокат от 20 штук. Раскрой бронелиста 1220×2080, 1300×2000, 1500×3000, 1500×6000. Куски и листы на пробу, пластины из брони 110Г13Л для научных испытаний. Скачать прайс-лист на броневой лист 2026. Скидки на металлопрокат в октябре. ООО «Арсенал-Деталь», 8 992-017-49-73, bronestali@inbox.ru.</p>
</div>
</div>
<script>
/* ==================== ДАННЫЕ: ПРАЙС ==================== */
const priceData = [
{group:'c500_tu18121', mark:'C500', tu:'ТУ 18121-2017/96', size:'2,3 × 1220 × 2080', klass:'Бр2', stock:'50', priceSheet:72224, priceKg:1444, term:'10–15 раб. дней'},
{group:'c500_tu18121', mark:'C500', tu:'ТУ 18121-2017/96', size:'4,3 × 1220 × 2080', klass:'Бр3', stock:'0', priceSheet:116876, priceKg:1230, term:'3–4 мес. (нет сырья)'},
{group:'c500_tu18121', mark:'C500', tu:'ТУ 18121-2017/96', size:'6,3 × 1220 × 2080', klass:'Бр4', stock:'400', priceSheet:142130, priceKg:1085, term:'10–15 раб. дней'},
{group:'c500_tu18121', mark:'C500', tu:'ТУ 18121-2017/96', size:'8,3 × 1220 × 2080', klass:'Бр4', stock:'12', priceSheet:201300, priceKg:1118, term:'10–15 раб. дней'},
{group:'btvt', mark:'БТВТ 450', tu:'ТУ 18105BB-2024', size:'6 × 1500 × 2000', klass:'Бр2 / С2', stock:'~141', priceSheet:42390, priceKg:300, term:'10–15 раб. дней'},
{group:'btvt', mark:'БТВТ 450', tu:'ТУ 18105BB-2024', size:'6 × 1500 × 3000', klass:'Бр2 / С2', stock:'~94', priceSheet:63585, priceKg:300, term:'10–15 раб. дней'},
{group:'btvt', mark:'БТВТ 450', tu:'ТУ 18105BB-2024', size:'6 × 1500 × 6000', klass:'Бр2 / С2', stock:'~188', priceSheet:129000, priceKg:300, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1300 × 2000', klass:'Бр2 / С2', stock:'~163', priceSheet:52046, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1300 × 3000', klass:'Бр2 / С2', stock:'~108', priceSheet:78068, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1500 × 2000', klass:'Бр2 / С2', stock:'~141', priceSheet:60053, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1500 × 3000', klass:'Бр2 / С2', stock:'~94', priceSheet:90079, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1300 × 6000', klass:'Бр2 / С2', stock:'~193', priceSheet:157250, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'6 × 1500 × 6000', klass:'Бр2 / С2', stock:'~188', priceSheet:182750, priceKg:425, term:'10–15 раб. дней'},
{group:'plan', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'8 × 1500 × 6000', klass:'план Бр3', stock:'~35', priceSheet:242250, priceKg:425, term:'10–15 раб. дней'},
{group:'plan', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'8 × 2000 × 6000', klass:'план Бр3', stock:'~26', priceSheet:323000, priceKg:425, term:'10–15 раб. дней'},
{group:'plan', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'20 × 2000 × 6000', klass:'план Бр5', stock:'~10', priceSheet:807500, priceKg:425, term:'10–15 раб. дней'},
{group:'plan', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'25 × 2000 × 6000', klass:'план Бр5', stock:'~8', priceSheet:1011500, priceKg:425, term:'10–15 раб. дней'},
{group:'plan', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'50 × 2000 × 6000', klass:'план Бр6', stock:'~4', priceSheet:2040000, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'10 × 1500 × 6000', klass:'Бр4', stock:'~28', priceSheet:301750, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'10 × 2000 × 6000', klass:'Бр4', stock:'~21', priceSheet:408000, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'12 × 2000 × 6000', klass:'Бр4', stock:'~17', priceSheet:488750, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'14 × 2000 × 6000', klass:'Бр4', stock:'~15', priceSheet:573750, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'15 × 2000 × 6000', klass:'Бр4', stock:'~14', priceSheet:600525, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'16 × 2000 × 6000', klass:'Бр4', stock:'~13', priceSheet:646000, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'30 × 2000 × 6000', klass:'—', stock:'~7', priceSheet:1211250, priceKg:425, term:'10–15 раб. дней'},
{group:'c500_tu18101', mark:'C500', tu:'ТУ 18101-2017 Ж', size:'40 × 2000 × 6000', klass:'—', stock:'~5', priceSheet:1632000, priceKg:425, term:'10–15 раб. дней'}
];
/* ==================== ДАННЫЕ: КУСКИ ==================== */
const sampleData = [
{name:'4,3 × 300 × 570 мм', tu:'ТУ 18121-2017/96', tuKey:'18121', weight:6, thk:4.3},
{name:'4 × 1300 × 2000 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:82, thk:4},
{name:'5 × 1250 × 3000 мм', tu:'БТВТ-450', tuKey:'btvt', weight:148, thk:5},
{name:'6 × 1500 × 2000 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:143, thk:6},
{name:'8 × 98 × 2330 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:15, thk:8},
{name:'8 × 150 × 5000 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:48, thk:8},
{name:'10 × 500 × 1000 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:40, thk:10},
{name:'10 × 440 × 1000 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:35, thk:10},
{name:'20 × 20 × 2500 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:8, thk:20},
{name:'20 × 20 × 3000 мм — 3 шт.', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:10, thk:20},
{name:'25 × 200 × 720 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:28, thk:25},
{name:'25 × 690 × 708 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:97, thk:25},
{name:'30 × 180 × 550 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:24, thk:30},
{name:'40 × 160 × 160 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:10, thk:40},
{name:'40 × 80 × 700 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:18, thk:40},
{name:'40 × 185 × 205 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:12, thk:40},
{name:'40 × 205 × 250 мм', tu:'ТУ 18101-2017 Ж', tuKey:'18101', weight:16, thk:40},
{name:'50 × 120 × 2220 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:105, thk:50},
{name:'50 × 110 × 2600 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:113, thk:50},
{name:'50 × 110 × 3370 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:146, thk:50},
{name:'50 × 600 × 1190 мм (Г-образный + выступ 400 × 1030 мм)', tu:'ТУ 18107И-2022', tuKey:'18107', weight:445, thk:50},
{name:'50 × 55 × 2200 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:48, thk:50},
{name:'50 × 530 × 2300 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:482, thk:50},
{name:'50 × 580 × 1160 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:266, thk:50},
{name:'50 × 750 × 2230 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:661, thk:50},
{name:'50 × 100 × 2540 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:100, thk:50},
{name:'50 × 110 × 2470 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:107, thk:50},
{name:'50 × 110 × 2520 мм', tu:'ТУ 18107И-2022', tuKey:'18107', weight:110, thk:50}
];
/* ==================== ДАННЫЕ: ПЛАСТИНЫ ==================== */
const plateData = [
{thk:5, width:60, length:150, qty:6, price:10000}
];
/* ==================== СОСТОЯНИЯ ==================== */
let state = { tab:'all', search:'', sort:{key:null, dir:1} };
const sampleState = { tu:'all', search:'', sort:{key:null, dir:1} };
const plateState = { sort:{key:null, dir:1} };
/* ==================== УТИЛИТЫ ==================== */
const fmt = n => n.toLocaleString('ru-RU');
const num = s => parseFloat(String(s).replace(/[^\d.,]/g,'').replace(',', '.')) || 0;
function downloadBlob(blob, filename) {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url; a.download = filename;
document.body.appendChild(a); a.click(); a.remove();
setTimeout(() => URL.revokeObjectURL(url), 500);
}
function today() {
const d = new Date(), p = n => String(n).padStart(2,'0');
return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())}`;
}
/* ==================== ПРАЙС: ФИЛЬТРАЦИЯ И РЕНДЕР ==================== */
function getFiltered() {
let rows = priceData.slice();
if (state.tab === 'armor') rows = rows.filter(r => r.group === 'c500_tu18121');
if (state.tab === 'btvt') rows = rows.filter(r => r.group === 'btvt');
if (state.tab === 'plan') rows = rows.filter(r => r.klass.startsWith('план'));
if (state.search) {
const q = state.search.toLowerCase();
rows = rows.filter(r => (r.mark+' '+r.tu+' '+r.size+' '+r.klass+' '+r.term).toLowerCase().includes(q));
}
if (state.sort.key) {
const k = state.sort.key, d = state.sort.dir;
rows.sort((a, b) => {
let va = a[k], vb = b[k];
if (k === 'stock') { va = num(va); vb = num(vb); }
if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * d;
return String(va).localeCompare(String(vb), 'ru') * d;
});
}
return rows;
}
const GROUPS = {
'c500_tu18121': 'C500 · ТУ 18121-2017/96',
'btvt': 'БТВТ 450 · ТУ 18105BB-2024 · 300 ₽/кг',
'c500_tu18101': 'C500 · ТУ 18101-2017 Ж · 425 ₽/кг',
'plan': 'План испытаний'
};
function render() {
const rows = getFiltered();
const tbody = document.getElementById('priceBody');
const empty = document.getElementById('priceEmpty');
tbody.innerHTML = '';
if (!rows.length) {
empty.style.display = 'block';
document.getElementById('priceCounter').textContent = 'Найдено: 0';
updateSortIndicators();
return;
}
empty.style.display = 'none';
if (state.sort.key) {
rows.forEach(r => tbody.appendChild(makeRow(r)));
} else {
Object.keys(GROUPS).forEach(g => {
const groupRows = rows.filter(r => r.group === g);
if (!groupRows.length) return;
const tr = document.createElement('tr');
tr.className = 'category-row';
tr.innerHTML = `<td colspan="7">${GROUPS[g]}</td>`;
tbody.appendChild(tr);
groupRows.forEach(r => tbody.appendChild(makeRow(r)));
});
}
document.getElementById('priceCounter').textContent = 'Найдено: ' + rows.length;
updateSortIndicators();
}
function makeRow(r) {
const tr = document.createElement('tr');
const badgeCls = r.klass.startsWith('план') ? 'badge plan' : 'badge';
tr.innerHTML = `
<td>${r.mark} <span class="note">${r.tu}</span></td>
<td>${r.size}</td>
<td><span class="${badgeCls}">${r.klass}</span></td>
<td class="num">${r.stock}</td>
<td class="num">${fmt(r.priceSheet)}</td>
<td class="num">${fmt(r.priceKg)}</td>
<td>${r.term}</td>`;
return tr;
}
function updateSortIndicators() {
document.querySelectorAll('#priceTable th.sortable').forEach(th => {
th.classList.remove('asc','desc');
if (th.dataset.key === state.sort.key) {
th.classList.add(state.sort.dir === 1 ? 'asc' : 'desc');
}
});
}
/* ==================== КУСКИ ==================== */
function getFilteredSamples() {
let rows = sampleData.slice();
if (sampleState.tu !== 'all') rows = rows.filter(r => r.tuKey === sampleState.tu);
if (sampleState.search) {
const q = sampleState.search.toLowerCase();
rows = rows.filter(r => (r.name + ' ' + r.tu + ' ' + r.thk).toLowerCase().includes(q));
}
if (sampleState.sort.key) {
const k = sampleState.sort.key, d = sampleState.sort.dir;
rows.sort((a, b) => {
let va = a[k], vb = b[k];
if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * d;
return String(va).localeCompare(String(vb), 'ru') * d;
});
}
return rows;
}
function renderSamples() {
const rows = getFilteredSamples();
const tbody = document.getElementById('sampleBody');
const empty = document.getElementById('sampleEmpty');
tbody.innerHTML = '';
if (!rows.length) {
empty.style.display = 'block';
document.getElementById('sampleCounter').textContent = 'Найдено: 0';
updateSampleSortIndicators();
return;
}
empty.style.display = 'none';
rows.forEach(r => {
const tr = document.createElement('tr');
tr.innerHTML = `
<td>${r.name}</td>
<td><span class="tu-badge tu-${r.tuKey}">${r.tu}</span></td>
<td class="num"><span class="weight-val">${r.weight}</span></td>
<td class="num">${r.thk}</td>`;
tbody.appendChild(tr);
});
document.getElementById('sampleCounter').textContent = 'Найдено: ' + rows.length;
updateSampleSortIndicators();
}
function updateSampleSortIndicators() {
document.querySelectorAll('#sampleTable th.sortable').forEach(th => {
th.classList.remove('asc','desc');
if (th.dataset.key === sampleState.sort.key) {
th.classList.add(sampleState.sort.dir === 1 ? 'asc' : 'desc');
}
});
}
/* ==================== ПЛАСТИНЫ ==================== */
function getFilteredPlates() {
let rows = plateData.slice();
if (plateState.sort.key) {
const k = plateState.sort.key, d = plateState.sort.dir;
rows.sort((a, b) => (a[k] - b[k]) * d);
}
return rows;
}
function renderPlates() {
const rows = getFilteredPlates();
const tbody = document.getElementById('plateBody');
tbody.innerHTML = '';
rows.forEach(r => {
const tr = document.createElement('tr');
tr.innerHTML = `
<td class="num"><b>${r.thk}</b></td>
<td class="num">${r.width}</td>
<td class="num">${r.length}</td>
<td class="num">${r.qty}</td>
<td class="num" style="color:#f0d060;font-weight:700;">${fmt(r.price)} ₽</td>`;
tbody.appendChild(tr);
});
updatePlateSortIndicators();
}
function updatePlateSortIndicators() {
document.querySelectorAll('#plateTable th.sortable').forEach(th => {
th.classList.remove('asc','desc');
if (th.dataset.key === plateState.sort.key) {
th.classList.add(plateState.sort.dir === 1 ? 'asc' : 'desc');
}
});
}
/* ==================== СОБЫТИЯ ==================== */
document.querySelectorAll('.promo-tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.promo-tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
state.tab = tab.dataset.tab;
render();
});
});
document.querySelectorAll('.sample-tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.sample-tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
sampleState.tu = tab.dataset.tu;
renderSamples();
});
});
document.getElementById('priceSearch').addEventListener('input', e => {
state.search = e.target.value.trim(); render();
});
document.getElementById('sampleSearch').addEventListener('input', e => {
sampleState.search = e.target.value.trim(); renderSamples();
});
document.querySelectorAll('#priceTable th.sortable').forEach(th => {
th.addEventListener('click', () => {
const k = th.dataset.key;
if (state.sort.key === k) state.sort.dir *= -1;
else state.sort = {key:k, dir:1};
render();
});
});
document.querySelectorAll('#sampleTable th.sortable').forEach(th => {
th.addEventListener('click', () => {
const k = th.dataset.key;
if (sampleState.sort.key === k) sampleState.sort.dir *= -1;
else sampleState.sort = {key:k, dir:1};
renderSamples();
});
});
document.querySelectorAll('#plateTable th.sortable').forEach(th => {
th.addEventListener('click', () => {
const k = th.dataset.key;
if (plateState.sort.key === k) plateState.sort.dir *= -1;
else plateState.sort = {key:k, dir:1};
renderPlates();
});
});
/* ==================== СБРОС ==================== */
function resetAll() {
state = {tab:'all', search:'', sort:{key:null, dir:1}};
document.getElementById('priceSearch').value = '';
document.querySelectorAll('.promo-tab').forEach((t,i) => t.classList.toggle('active', i === 0));
render();
}
function resetSamples() {
sampleState.tu = 'all'; sampleState.search = ''; sampleState.sort = {key:null, dir:1};
document.getElementById('sampleSearch').value = '';
document.querySelectorAll('.sample-tab').forEach((t,i) => t.classList.toggle('active', i === 0));
renderSamples();
}
/* ==================== ЭКСПОРТ ==================== */
function downloadCSV() {
const rows = getFiltered();
const header = ['Марка','ТУ','Размер','Класс','Наличие','За лист, ₽','За 1 кг, ₽','Сроки'];
const body = rows.map(r => [r.mark, r.tu, r.size, r.klass, r.stock, r.priceSheet, r.priceKg, r.term]);
const esc = v => `"${String(v).replace(/"/g,'""')}"`;
const csv = [header, ...body].map(r => r.map(esc).join(';')).join('\r\n');
downloadBlob(new Blob(['\uFEFF' + csv], {type:'text/csv;charset=utf-8;'}), 'price_solnechny_oktyabr_' + today() + '.csv');
}
function downloadSampleCSV() {
const rows = getFilteredSamples();
const header = ['Наименование','ТУ','Вес, кг','Толщина, мм'];
const body = rows.map(r => [r.name, r.tu, r.weight, r.thk]);
const esc = v => `"${String(v).replace(/"/g,'""')}"`;
const csv = [header, ...body].map(r => r.map(esc).join(';')).join('\r\n');
downloadBlob(new Blob(['\uFEFF' + csv], {type:'text/csv;charset=utf-8;'}), 'samples_solnechny_oktyabr_' + today() + '.csv');
}
function downloadPlateCSV() {
const rows = getFilteredPlates();
const header = ['Толщина, мм','Ширина, мм','Длина, мм','Количество, шт','Цена, ₽/шт'];
const body = rows.map(r => [r.thk, r.width, r.length, r.qty, r.price]);
const esc = v => `"${String(v).replace(/"/g,'""')}"`;
const csv = [header, ...body].map(r => r.map(esc).join(';')).join('\r\n');
downloadBlob(new Blob(['\uFEFF' + csv], {type:'text/csv;charset=utf-8;'}), 'plates_110g13l_' + today() + '.csv');
}
function makeExcel(title, header, body, extra) {
const esc = v => String(v ?? '').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');
const table = `<table border="1" cellspacing="0" cellpadding="4">
<thead style="background:#000;color:#ffd700;"><tr>${header.map(h=>`<th>${esc(h)}</th>`).join('')}</tr></thead>
<tbody>${body.map(r=>`<tr>${r.map(c=>`<td>${esc(c)}</td>`).join('')}</tr>`).join('')}</tbody></table>`;
return `<html xmlns:x="urn:schemas-microsoft-com:office:excel"><head><meta charset="UTF-8">
<style>td,th{font-family:Arial;font-size:12px;}</style></head>
<body><h2>${esc(title)} — ${today()}</h2>${extra||''}${table}</body></html>`;
}
function downloadExcel() {
const rows = getFiltered();
const header = ['Марка','ТУ','Размер','Класс','Наличие','За лист, ₽','За 1 кг, ₽','Сроки'];
const body = rows.map(r => [r.mark, r.tu, r.size, r.klass, r.stock, r.priceSheet, r.priceKg, r.term]);
const blob = new Blob(['\uFEFF' + makeExcel('Прайс акции «Солнечный Октябрь»', header, body)], {type:'application/vnd.ms-excel;charset=utf-8;'});
downloadBlob(blob, 'price_solnechny_oktyabr_' + today() + '.xls');
}
function downloadSampleExcel() {
const rows = getFilteredSamples();
const header = ['Наименование','ТУ','Вес, кг','Толщина, мм'];
const body = rows.map(r => [r.name, r.tu, r.weight, r.thk]);
const extra = `<p>ООО «Арсенал-Деталь» · ИНН 6670215323 / КПП 667001001</p>
<p>Телефон: 8 992-017-49-73 · E-mail: bronestali@inbox.ru</p>`;
const blob = new Blob(['\uFEFF' + makeExcel('Куски и листы на пробу', header, body, extra)], {type:'application/vnd.ms-excel;charset=utf-8;'});
downloadBlob(blob, 'samples_solnechny_oktyabr_' + today() + '.xls');
}
function downloadPlateExcel() {
const rows = getFilteredPlates();
const header = ['Толщина, мм','Ширина, мм','Длина, мм','Количество, шт','Цена, ₽/шт'];
const body = rows.map(r => [r.thk, r.width, r.length, r.qty, r.price]);
const extra = `<p><b>Материал:</b> 110Г13Л · <b>Размер:</b> 5 × 60 × 150 мм · <b>Кол-во:</b> 6 шт</p>
<p><b>Цена:</b> 10 000 ₽/шт · <b>Оплата:</b> только безнал, по счёту</p>
<p>ООО «Арсенал-Деталь» · ИНН 6670215323 / КПП 667001001</p>
<p>Телефон: 8 992-017-49-73 · E-mail: bronestali@inbox.ru</p>`;
const blob = new Blob(['\uFEFF' + makeExcel('Пластины из брони 110Г13Л', header, body, extra)], {type:'application/vnd.ms-excel;charset=utf-8;'});
downloadBlob(blob, 'plates_110g13l_' + today() + '.xls');
}
/* ==================== СТАРТ ==================== */
render();
renderSamples();
renderPlates();
/* ==================== ЭФФЕКТЫ СКРОЛЛА ==================== */
(function initScrollEffects() {
document.querySelectorAll('.table-wrapper').forEach(box => {
let timer = null;
box.addEventListener('scroll', () => {
clearTimeout(timer);
timer = setTimeout(() => {
const row = box.querySelector('tbody tr');
if (!row) return;
const rowH = row.getBoundingClientRect().height;
if (!rowH) return;
const cur = box.scrollTop;
const snapped = Math.round(cur / rowH) * rowH;
if (Math.abs(cur - snapped) > 2) {
box.scrollTo({ top: snapped, behavior: 'smooth' });
}
}, 180);
}, { passive: true });
});
document.querySelectorAll('.table-wrapper').forEach(box => {
let hideTimer = null;
box.addEventListener('mouseenter', () => { clearTimeout(hideTimer); box.classList.add('active-scroll'); });
box.addEventListener('mouseleave', () => { hideTimer = setTimeout(() => box.classList.remove('active-scroll'), 400); });
box.addEventListener('scroll', () => {
box.classList.add('active-scroll');
clearTimeout(hideTimer);
hideTimer = setTimeout(() => box.classList.remove('active-scroll'), 800);
}, { passive: true });
});
document.querySelectorAll('.table-wrapper').forEach(box => {
for (let i = 0; i < 8; i++) {
const s = document.createElement('span');
s.className = 'sparkle';
const top = Math.random() > .5;
s.style.left = (Math.random() * 100) + '%';
s.style.top = top ? '2px' : 'auto';
s.style.bottom = top ? 'auto' : '2px';
s.style.animationDelay = (Math.random() * 3).toFixed(2) + 's';
s.style.animationDuration = (2 + Math.random() * 2).toFixed(2) + 's';
box.appendChild(s);
}
});
document.querySelectorAll('.table-wrapper').forEach(box => {
let particleTimer = 0;
box.addEventListener('scroll', () => {
const now = Date.now();
if (now - particleTimer < 30) return;
particleTimer = now;
const rect = box.getBoundingClientRect();
const p = document.createElement('span');
p.className = 'fire-particle';
const x = rect.left + Math.random() * rect.width;
const y = rect.top + Math.random() * rect.height;
p.style.left = x + 'px';
p.style.top = y + 'px';
p.style.setProperty('--dx', ((Math.random() - .5) * 60) + 'px');
p.style.setProperty('--dy', (-40 - Math.random() * 60) + 'px');
document.body.appendChild(p);
setTimeout(() => p.remove(), 1300);
}, { passive: true });
});
document.querySelectorAll('.table-wrapper').forEach(box => {
let lastTop = box.scrollTop, lastTime = Date.now();
box.addEventListener('scroll', () => {
const now = Date.now();
const dt = now - lastTime;
const dy = Math.abs(box.scrollTop - lastTop);
lastTime = now; lastTop = box.scrollTop;
if (dt > 0 && dy / dt > 0.4) {
const flash = document.createElement('span');
flash.className = 'lightning';
box.appendChild(flash);
setTimeout(() => flash.remove(), 300);
}
}, { passive: true });
});
document.querySelectorAll('.table-wrapper').forEach(box => {
let lastVib = 0;
box.addEventListener('scroll', () => {
const now = Date.now();
if (now - lastVib < 120) return;
lastVib = now;
if (navigator.vibrate) navigator.vibrate(8);
}, { passive: true });
});
let idleTimer = null;
const resetIdle = () => {
clearTimeout(idleTimer);
document.body.classList.remove('idle-hint');
idleTimer = setTimeout(() => document.body.classList.add('idle-hint'), 5000);
};
['mousemove','scroll','keydown','click','touchstart'].forEach(ev =>
document.addEventListener(ev, resetIdle, { passive: true })
);
resetIdle();
})();
</script>
2026-10-08T09:58:32Z
https://brony-rf.ru/ssl/u/pic/b8/76297e0ea111e68628db370107e68a/-/logo.png
1430938
https://brony-rf.ru/