https://www.pandoraburo.ru/drosselnye-shayby-prays-4
Дроссельные шайбы Прайс
<div class="ds-wrap">
<div class="ds-banner">
<div class="ds-banner-tag">РЕКЛАМНЫЕ ПЛОЩАДИ</div>
<div class="ds-banner-title">ЗДЕСЬ МОЖЕТ БЫТЬ<br />ВАША РЕКЛАМА</div>
<div class="ds-banner-phone">8 902 873-36-90 · МАКС</div>
<div class="ds-banner-note">Позвоните, а лучше пишите в МАКС</div>
</div>
<div class="ds-ticker">
<div class="ds-ticker-label">ЦЕНЫ</div>
<div class="ds-ticker-vp">
<div class="ds-ticker-track">
<span class="ds-ticker-item">Шайба дроссельная Ø40 — <b>1 440 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø60 — <b>1 440 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø80 — <b>1 620 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø100 — <b>1 920 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø120 — <b>1 920 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø180 — <b>2 220 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø200 — <b>2 220 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø260 — <b>2 520 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">БТВТ 450 — <b>300 ₽/кг</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">C500 — <b>425 ₽/кг</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Шайба дроссельная Ø40 — <b>1 440 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø60 — <b>1 440 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø80 — <b>1 620 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø100 — <b>1 920 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø120 — <b>1 920 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø180 — <b>2 220 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø200 — <b>2 220 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">Ø260 — <b>2 520 ₽</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">БТВТ 450 — <b>300 ₽/кг</b></span>
<span class="ds-dot">◆</span>
<span class="ds-ticker-item">C500 — <b>425 ₽/кг</b></span>
<span class="ds-dot">◆</span>
</div>
</div>
</div>
<div class="ds-ad-strip">
<a class="ds-ad-item" href="https://brony-rf.ru/aktciya-solnechnyy-oktyabr" target="_blank" rel="noopener">
<span class="ds-ad-tag">Акция</span>
<span class="ds-ad-text">Солнечный Октябрь · БТВТ 450 · C500</span>
<span class="ds-ad-cta">Перейти →</span>
</a>
<a class="ds-ad-item" href="https://brony-rf.ru/btvt-450-list-6-mm" target="_blank" rel="noopener">
<span class="ds-ad-tag">Броня</span>
<span class="ds-ad-text">БТВТ 450 · 6 мм · класс Бр2 / С2</span>
<span class="ds-ad-cta">Перейти →</span>
</a>
</div>
<div class="ds-header">
<div class="ds-tag">ПРАЙС-ЛИСТ</div>
<h1>Дроссельные шайбы</h1>
<div class="ds-line"></div>
<p>Сталь 3 · Толщина 3 мм · НДС 20% · Наличие на складе</p>
</div>
<div class="ds-stats">
<div class="ds-stat"><div class="ds-lbl">Всего позиций</div><div class="ds-val">14</div></div>
<div class="ds-stat"><div class="ds-lbl">Всего на складе</div><div class="ds-val">147 шт</div></div>
<div class="ds-stat"><div class="ds-lbl">Диапазон Ø</div><div class="ds-val ds-sm">40–260 мм</div></div>
<div class="ds-stat"><div class="ds-lbl">Цена от</div><div class="ds-val ds-sm">1 440 ₽</div></div>
</div>
<div class="ds-toolbar">
<button class="ds-btn ds-primary" onclick="dsDownloadCSV()">⬇ Скачать CSV</button>
<button class="ds-btn ds-primary" onclick="dsDownloadExcel()">⬇ Скачать Excel</button>
<button class="ds-btn" onclick="dsDownloadPDF()">? Скачать PDF</button>
<button class="ds-btn" onclick="window.print()">? Печать</button>
<button class="ds-btn" onclick="dsCopyAll()">? Копировать прайс</button>
<button class="ds-btn" onclick="dsReset()">✕ Сбросить</button>
</div>
<div class="ds-calc">
<div class="ds-calc-title">КАЛЬКУЛЯТОР ЗАКАЗА</div>
<div class="ds-calc-grid">
<div class="ds-calc-field">
<label>Ø, мм</label>
<select id="dsCalcDiam"></select>
</div>
<div class="ds-calc-field">
<label>Количество, шт</label>
<input type="number" id="dsCalcQty" value="1" min="1" max="9999" />
</div>
<div class="ds-calc-field">
<label>Сверление, отв.</label>
<input type="number" id="dsCalcHoles" value="0" min="0" max="20" />
</div>
<div class="ds-calc-field">
<label>Сумма, ₽</label>
<div class="ds-calc-result" id="dsCalcResult">0</div>
</div>
</div>
</div>
<div class="ds-search">
<input type="text" id="dsSearch" placeholder="Поиск по диаметру…" />
<div class="ds-counter" id="dsCounter">Найдено: 14</div>
</div>
<div class="ds-table-block">
<div class="ds-block-title">НАЛИЧИЕ И ЦЕНЫ</div>
<div class="ds-table-wrap">
<table class="ds-table" id="dsTable">
<thead>
<tr>
<th>№</th>
<th class="ds-sort" data-key="name">Наименование</th>
<th class="ds-sort" data-key="steel">Марка стали</th>
<th class="ds-sort ds-num" data-key="diam">Ø, мм</th>
<th class="ds-sort ds-num" data-key="thk">Толщ., мм</th>
<th class="ds-sort ds-num" data-key="stock">Наличие, шт</th>
<th class="ds-sort ds-num" data-key="priceBase">Цена базовая, ₽</th>
<th class="ds-sort ds-num" data-key="priceHole">Сверление 1 отв., ₽</th>
<th class="ds-sort ds-num" data-key="priceNoVat">Итого без НДС, ₽</th>
<th class="ds-sort ds-num" data-key="priceVat">Итого с НДС, ₽</th>
<th class="ds-sort" data-key="term">Сроки</th>
<th>★</th>
</tr>
</thead>
<tbody id="dsBody"></tbody>
</table>
</div>
<div class="ds-footnote">
<div class="ds-fn">Материал: Сталь 3</div>
<div class="ds-fn">НДС 20% включён в цену</div>
<div class="ds-fn">Сверление отверстий — по запросу</div>
<div class="ds-fn">Отгрузка со склада</div>
<div class="ds-fn">Клик по ★ — добавить в избранное</div>
</div>
</div>
<div class="ds-fav" id="dsFavBlock" style="display:none">
<div class="ds-fav-title">★ ИЗБРАННОЕ</div>
<div class="ds-fav-list" id="dsFavList"></div>
<button class="ds-btn ds-primary" onclick="dsSendFav()">? Запросить счёт по избранному</button>
</div>
<div class="ds-cta">
<p class="ds-cta-text">Уточнить наличие и оформить заказ</p>
<a href="tel:+79028733690" class="ds-cta-btn">8 (902) 873-36-90</a>
<a href="mailto:arsenal-detal@list.ru?subject=Запрос%20прайса%20дроссельных%20шайб" class="ds-cta-mail">✉ arsenal-detal@list.ru</a>
<p class="ds-manager">Менеджер: Ольга · ООО «Арсенал Деталь»</p>
</div>
<div class="ds-seo">
<p>Шайба дроссельная из стали 3, толщина 3 мм. Наружный диаметр 40–260 мм. Наличие на складе. Цены с НДС 20%. Шайбы дроссельные для отопления. Купить оптом и в розницу. Отгрузка со склада. ООО «Арсенал-Деталь».</p>
</div>
</div>
<style>
/* ============ ДРОССЕЛЬНЫЕ ШАЙБЫ · ПОЛНЫЙ ПРАЙС ============ */
.ds-wrap{
max-width:1400px !important;
margin:0 auto !important;
padding:20px 14px !important;
background:#0a0a0a !important;
color:#d4af37 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
line-height:1.5 !important;
border-radius:12px !important;
box-sizing:border-box !important;
}
.ds-wrap *{box-sizing:border-box !important}
.ds-wrap ::selection{background:#d4af37 !important;color:#000 !important}
/* БАННЕР */
.ds-banner{
max-width:640px !important;
margin:0 auto 14px !important;
background:radial-gradient(120% 120% at 20% 0%, rgba(212,175,55,.18), transparent 55%),
linear-gradient(135deg,#111,#0a0a0a) !important;
border:1px solid #d4af37 !important;
border-radius:14px !important;
padding:24px !important;
text-align:center !important;
box-shadow:0 6px 22px rgba(0,0,0,.6) !important;
}
.ds-banner-tag{
display:inline-block !important;
background:#d4af37 !important;color:#0a0a0a !important;
font-size:10px !important;font-weight:800 !important;
letter-spacing:2px !important;padding:3px 12px !important;
border-radius:999px !important;margin-bottom:12px !important;
}
.ds-banner-title{
font-weight:800 !important;font-size:22px !important;
line-height:1.15 !important;color:#fff !important;
margin-bottom:10px !important;
}
.ds-banner-phone{
font-size:18px !important;font-weight:800 !important;
color:#d4af37 !important;margin-bottom:4px !important;
}
.ds-banner-note{
font-size:12px !important;color:#9a8040 !important;
}
/* БЕГУЩАЯ СТРОКА */
.ds-ticker{
display:flex !important;align-items:stretch !important;
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:8px !important;overflow:hidden !important;
margin-bottom:14px !important;height:44px !important;
}
.ds-ticker-label{
background:#d4af37 !important;color:#0a0a0a !important;
font-weight:800 !important;font-size:12px !important;
letter-spacing:1.5px !important;padding:0 16px !important;
display:flex !important;align-items:center !important;white-space:nowrap !important;
}
.ds-ticker-vp{flex:1 !important;overflow:hidden !important;position:relative !important}
.ds-ticker-track{
display:inline-flex !important;align-items:center !important;height:100% !important;
white-space:nowrap !important;animation:dsTicker 50s linear infinite !important;
padding-left:20px !important;
}
.ds-ticker-item{color:#d4af37 !important;font-size:13px !important;padding:0 10px !important}
.ds-ticker-item b{color:#f0d060 !important;font-weight:700 !important}
.ds-dot{color:#d4af37 !important;font-size:10px !important}
@keyframes dsTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* РЕКЛАМНАЯ ПОЛОСА */
.ds-ad-strip{
display:grid !important;grid-template-columns:1fr 1fr !important;
gap:12px !important;margin-bottom:14px !important;
}
@media(max-width:700px){.ds-ad-strip{grid-template-columns:1fr !important}}
.ds-ad-item{
display:flex !important;align-items:center !important;gap:12px !important;
padding:14px 18px !important;
background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,rgba(10,15,30,.7) 100%) !important;
border:1px solid rgba(212,175,55,.4) !important;
border-radius:14px !important;text-decoration:none !important;
transition:all .25s !important;
}
.ds-ad-item:hover{
border-color:#d4af37 !important;
box-shadow:0 0 20px rgba(212,175,55,.3) !important;
transform:translateY(-2px) !important;
}
.ds-ad-tag{
background:#d4af37 !important;color:#0a0a0a !important;
font-size:.68rem !important;font-weight:800 !important;
letter-spacing:.8px !important;text-transform:uppercase !important;
padding:4px 10px !important;border-radius:999px !important;flex-shrink:0 !important;
}
.ds-ad-text{
color:#e8f4ff !important;font-size:.9rem !important;
font-weight:600 !important;flex:1 !important;
}
.ds-ad-cta{
color:#d4af37 !important;font-size:.85rem !important;
font-weight:800 !important;letter-spacing:.5px !important;white-space:nowrap !important;
}
.ds-ad-item:hover .ds-ad-cta{color:#f0d060 !important;text-shadow:0 0 8px #f0d060 !important}
/* ШАПКА */
.ds-header{
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:12px !important;padding:30px 25px !important;
text-align:center !important;margin-bottom:14px !important;
}
.ds-tag{
display:inline-block !important;background:#d4af37 !important;
color:#0a0a0a !important;font-size:11px !important;font-weight:800 !important;
letter-spacing:2px !important;padding:4px 14px !important;
border-radius:999px !important;margin-bottom:14px !important;
}
.ds-header h1{
margin:0 0 12px !important;font-size:28px !important;
color:#d4af37 !important;text-transform:uppercase !important;
letter-spacing:3px !important;font-weight:800 !important;
background:none !important;
}
.ds-line{width:60px !important;height:2px !important;background:#d4af37 !important;margin:0 auto 14px !important}
.ds-header p{margin:0 !important;color:#d4af37 !important;font-size:15px !important;opacity:.9 !important}
/* СТАТИСТИКА */
.ds-stats{
display:grid !important;grid-template-columns:repeat(4,1fr) !important;
gap:12px !important;margin-bottom:14px !important;
}
@media(max-width:800px){.ds-stats{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:500px){.ds-stats{grid-template-columns:1fr !important}}
.ds-stat{
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:12px !important;padding:16px !important;text-align:center !important;
}
.ds-lbl{
font-size:10px !important;font-weight:700 !important;
letter-spacing:1px !important;text-transform:uppercase !important;
color:#d4af37 !important;opacity:.7 !important;margin-bottom:6px !important;
}
.ds-val{font-size:22px !important;font-weight:800 !important;color:#f0d060 !important;line-height:1.1 !important}
.ds-val.ds-sm{font-size:16px !important}
/* ТУЛБАР */
.ds-toolbar{
display:flex !important;flex-wrap:wrap !important;gap:8px !important;
margin-bottom:14px !important;
}
.ds-btn{
display:inline-flex !important;align-items:center !important;gap:6px !important;
padding:10px 16px !important;border-radius:9px !important;
border:1px solid #d4af37 !important;background:transparent !important;
color:#d4af37 !important;font-size:13px !important;font-weight:700 !important;
cursor:pointer !important;transition:.15s !important;
font-family:inherit !important;letter-spacing:.3px !important;
}
.ds-btn:hover{background:#d4af37 !important;color:#0a0a0a !important}
.ds-btn.ds-primary{background:#d4af37 !important;color:#0a0a0a !important}
.ds-btn.ds-primary:hover{background:#f0d060 !important;border-color:#f0d060 !important}
/* КАЛЬКУЛЯТОР */
.ds-calc{
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:12px !important;padding:20px !important;margin-bottom:14px !important;
}
.ds-calc-title{
color:#d4af37 !important;font-size:12px !important;font-weight:800 !important;
letter-spacing:2px !important;text-align:center !important;
margin-bottom:16px !important;padding-bottom:12px !important;
border-bottom:1px solid #d4af37 !important;
}
.ds-calc-grid{
display:grid !important;grid-template-columns:1fr 1fr 1fr 1.2fr !important;
gap:14px !important;
}
@media(max-width:800px){.ds-calc-grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:500px){.ds-calc-grid{grid-template-columns:1fr !important}}
.ds-calc-field{display:flex !important;flex-direction:column !important;gap:6px !important}
.ds-calc-field label{
font-size:11px !important;font-weight:700 !important;
text-transform:uppercase !important;letter-spacing:1px !important;
color:#d4af37 !important;opacity:.8 !important;
}
.ds-calc-field select,.ds-calc-field input{
padding:12px 14px !important;border:1px solid #d4af37 !important;
border-radius:9px !important;font-size:14px !important;
background:#0a0a0a !important;color:#d4af37 !important;
outline:none !important;font-family:inherit !important;
font-variant-numeric:tabular-nums !important;
}
.ds-calc-field select:focus,.ds-calc-field input:focus{
border-color:#f0d060 !important;
box-shadow:0 0 0 3px rgba(212,175,55,.2) !important;
}
.ds-calc-result{
padding:12px 14px !important;border:2px solid #d4af37 !important;
border-radius:9px !important;font-size:20px !important;
font-weight:800 !important;color:#f0d060 !important;
text-align:right !important;background:linear-gradient(135deg,#1a1408,#0a0a0a) !important;
font-variant-numeric:tabular-nums !important;
}
/* ПОИСК */
.ds-search{
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:12px !important;padding:16px !important;
margin-bottom:14px !important;display:grid !important;
grid-template-columns:1fr auto !important;gap:12px !important;align-items:end !important;
}
@media(max-width:600px){.ds-search{grid-template-columns:1fr !important}}
.ds-search input{
width:100% !important;padding:12px 14px !important;
border:1px solid #d4af37 !important;border-radius:9px !important;
font-size:14px !important;background:#0a0a0a !important;
color:#d4af37 !important;outline:none !important;font-family:inherit !important;
}
.ds-search input::placeholder{color:rgba(212,175,55,.4) !important}
.ds-search input:focus{box-shadow:0 0 0 3px rgba(212,175,55,.2) !important}
.ds-counter{
color:#d4af37 !important;font-size:13px !important;white-space:nowrap !important;
padding:12px 14px !important;border:1px solid #d4af37 !important;
border-radius:9px !important;background:#0a0a0a !important;font-weight:700 !important;
}
/* ТАБЛИЦА */
.ds-table-block{
background:#0a0a0a !important;border:1px solid #d4af37 !important;
border-radius:12px !important;padding:20px !important;margin-bottom:14px !important;
}
.ds-block-title{
color:#d4af37 !important;font-size:12px !important;font-weight:800 !important;
letter-spacing:2px !important;text-align:center !important;
margin-bottom:16px !important;padding-bottom:12px !important;
border-bottom:1px solid #d4af37 !important;
}
.ds-table-wrap{
overflow:auto !important;max-height:70vh !important;
border-radius:8px !important;border:1px solid #d4af37 !important;
}
.ds-table{
width:100% !important;border-collapse:collapse !important;
background:#0a0a0a !important;min-width:1100px !important;font-size:13px !important;
}
.ds-table th,.ds-table td{
padding:12px 14px !important;text-align:left !important;
border-bottom:1px solid rgba(212,175,55,.25) !important;
vertical-align:middle !important;color:#d4af37 !important;
background:transparent !important;white-space:nowrap !important;
}
.ds-table th{
position:sticky !important;top:0 !important;z-index:2 !important;
background:#0a0a0a !important;color:#d4af37 !important;
font-weight:800 !important;text-transform:uppercase !important;
font-size:10px !important;letter-spacing:1px !important;
border-bottom:1px solid #d4af37 !important;
cursor:pointer !important;user-select:none !important;
}
.ds-table th:hover{background:#1a1408 !important}
.ds-table th.ds-sort::after{content:' ⇅' !important;opacity:.5 !important;margin-left:4px !important}
.ds-table th.asc::after{content:' ▲' !important;opacity:1 !important;color:#f0d060 !important}
.ds-table th.desc::after{content:' ▼' !important;opacity:1 !important;color:#f0d060 !important}
.ds-table th.ds-num,.ds-table td.ds-num{
text-align:right !important;font-variant-numeric:tabular-nums !important;
}
.ds-table tbody tr{transition:background .15s, box-shadow .15s !important}
.ds-table tbody tr:hover{
background:#1a1408 !important;
box-shadow:inset 4px 0 0 #f0d060, inset -4px 0 0 #f0d060 !important;
}
.ds-table td.ds-price{font-weight:800 !important;color:#f0d060 !important;font-size:14px !important}
.ds-table .ds-badge{
display:inline-block !important;padding:3px 10px !important;
border-radius:20px !important;font-size:11px !important;font-weight:800 !important;
background:rgba(212,175,55,.15) !important;color:#f0d060 !important;
border:1px solid rgba(212,175,55,.5) !important;
}
.ds-table .ds-badge.zero{
background:rgba(231,76,60,.15) !important;color:#ff8a7a !important;
border-color:rgba(231,76,60,.4) !important;
}
.ds-table .ds-badge.many{
background:rgba(57,255,20,.08) !important;color:#b9ff9f !important;
border-color:rgba(57,255,20,.3) !important;
}
.ds-star{
cursor:pointer !important;font-size:18px !important;
color:rgba(212,175,55,.3) !important;transition:all .2s !important;
user-select:none !important;text-align:center !important;
}
.ds-star:hover{color:#d4af37 !important;transform:scale(1.2) !important}
.ds-star.on{color:#f0d060 !important;text-shadow:0 0 8px #f0d060 !important}
.ds-footnote{
display:flex !important;flex-wrap:wrap !important;gap:20px !important;
margin-top:14px !important;padding-top:12px !important;
border-top:1px solid #d4af37 !important;
}
.ds-fn{
color:#d4af37 !important;font-size:12px !important;
position:relative !important;padding-left:14px !important;opacity:.85 !important;
}
.ds-fn::before{
content:"◆" !important;position:absolute !important;left:0 !important;
color:#d4af37 !important;font-size:8px !important;top:4px !important;
}
/* ИЗБРАННОЕ */
.ds-fav{
background:#0a0a0a !important;border:2px solid #f0d060 !important;
border-radius:12px !important;padding:20px !important;
margin-bottom:14px !important;
box-shadow:0 0 24px rgba(240,208,96,.2) !important;
}
.ds-fav-title{
color:#f0d060 !important;font-size:12px !important;font-weight:800 !important;
letter-spacing:2px !important;text-align:center !important;
margin-bottom:14px !important;padding-bottom:10px !important;
border-bottom:1px solid #f0d060 !important;
}
.ds-fav-list{
display:flex !important;flex-wrap:wrap !important;gap:8px !important;
margin-bottom:14px !important;
}
.ds-fav-item{
background:rgba(212,175,55,.1) !important;
border:1px solid rgba(212,175,55,.4) !important;
border-radius:8px !important;padding:6px 12px !important;
font-size:13px !important;color:#f0d060 !important;
display:inline-flex !important;align-items:center !important;gap:6px !important;
}
.ds-fav-item b{color:#fff !important}
.ds-fav-rm{
cursor:pointer !important;color:#ff8a7a !important;
font-weight:800 !important;font-size:14px !important;
margin-left:4px !important;
}
/* КОНТАКТЫ */
.ds-cta{
text-align:center !important;background:#0a0a0a !important;
border:1px solid #d4af37 !important;border-radius:12px !important;
padding:28px 20px !important;margin-top:14px !important;
}
.ds-cta-text{
font-size:16px !important;font-weight:600 !important;
color:#d4af37 !important;margin:0 0 16px !important;
}
.ds-cta-btn{
display:inline-block !important;background:#d4af37 !important;
color:#0a0a0a !important;text-decoration:none !important;
padding:16px 40px !important;font-size:20px !important;
font-weight:800 !important;letter-spacing:1px !important;
border-radius:999px !important;transition:.25s !important;
margin:0 6px !important;
}
.ds-cta-btn:hover{background:#f0d060 !important;transform:scale(1.03) !important}
.ds-cta-mail{
display:inline-block !important;color:#d4af37 !important;
text-decoration:none !important;padding:16px 30px !important;
font-size:16px !important;font-weight:700 !important;
border:1px solid #d4af37 !important;border-radius:999px !important;
transition:.25s !important;margin:0 6px !important;
}
.ds-cta-mail:hover{background:#d4af37 !important;color:#0a0a0a !important}
.ds-manager{
margin:16px 0 0 !important;font-size:13px !important;
color:#d4af37 !important;opacity:.8 !important;
}
/* SEO */
.ds-seo{
position:absolute !important;width:1px !important;height:1px !important;
padding:0 !important;margin:-1px !important;overflow:hidden !important;
clip:rect(0,0,0,0) !important;border:0 !important;
}
/* ОГНЕННЫЕ ПОЛЗУНКИ */
.ds-wrap ::-webkit-scrollbar{width:18px !important;height:18px !important}
.ds-wrap ::-webkit-scrollbar-track{
background:#050505 !important;border:1px solid #2a2210 !important;
border-radius:9px !important;box-shadow:inset 0 0 12px rgba(212,175,55,.2) !important;
}
.ds-wrap ::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#ffffcc 0%,#ffd700 15%,#ff8c00 35%,#d4af37 50%,#ff8c00 65%,#ffd700 85%,#ffffcc 100%) !important;
border:1px solid #ffd700 !important;border-radius:9px !important;
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) !important;
background-size:100% 200% !important;
animation:dsFireFlow 2.5s linear infinite !important;
}
.ds-wrap ::-webkit-scrollbar-thumb:hover{
background:linear-gradient(180deg,#ffffff 0%,#ffffcc 20%,#ffd700 40%,#ff8c00 60%,#ffd700 80%,#ffffff 100%) !important;
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) !important;
}
@keyframes dsFireFlow{0%{background-position:0% 0%}100%{background-position:0% 200%}}
/* АДАПТИВ */
@media(max-width:700px){
.ds-wrap{padding:12px 10px !important}
.ds-header h1{font-size:20px !important;letter-spacing:1.5px !important}
.ds-table th,.ds-table td{padding:10px 12px !important;font-size:11px !important}
.ds-cta-btn,.ds-cta-mail{width:100% !important;padding:14px 10px !important;font-size:16px !important;margin:4px 0 !important}
.ds-ticker-item{font-size:12px !important}
.ds-banner-title{font-size:16px !important}
}
/* ПЕЧАТЬ */
@media print{
.ds-wrap{background:#fff !important;color:#000 !important;padding:0 !important}
.ds-ticker,.ds-toolbar,.ds-search,.ds-banner,.ds-ad-strip,.ds-calc,.ds-fav{display:none !important}
.ds-header{
background:#000 !important;color:#ffd700 !important;
border-color:#000 !important;
-webkit-print-color-adjust:exact !important;
print-color-adjust:exact !important;
}
.ds-header h1,.ds-header p{color:#ffd700 !important}
.ds-tag{background:#ffd700 !important;color:#000 !important;
-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
.ds-line{background:#ffd700 !important}
.ds-stats,.ds-table-block{background:#fff !important;border:1px solid #999 !important}
.ds-val{color:#000 !important}
.ds-block-title{color:#000 !important;border-color:#999 !important}
.ds-table-wrap{max-height:none !important;overflow:visible !important;border-color:#999 !important}
.ds-table{min-width:auto !important;font-size:10px !important}
.ds-table th{
background:#000 !important;color:#ffd700 !important;
-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;
}
.ds-table td{color:#000 !important;border-bottom:1px solid #ccc !important}
.ds-table td.ds-price{color:#000 !important}
.ds-badge{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
.ds-footnote{border-color:#999 !important}
.ds-fn{color:#666 !important}
.ds-fn::before{color:#666 !important}
.ds-cta{background:#fff !important;border-color:#999 !important}
.ds-cta-text{color:#000 !important}
.ds-cta-btn{background:#000 !important;color:#fff !important;
-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
}
</style>
<script>
/* ==================== ДАННЫЕ ==================== */
var dsData = [
{num:1, name:'Шайба дроссельная', steel:'Ст3', diam:40, thk:3, stock:7, priceBase:1000, priceHole:200, term:'Со склада'},
{num:2, name:'Шайба дроссельная', steel:'Ст3', diam:50, thk:3, stock:11, priceBase:1000, priceHole:200, term:'Со склада'},
{num:3, name:'Шайба дроссельная', steel:'Ст3', diam:60, thk:3, stock:10, priceBase:1000, priceHole:200, term:'Со склада'},
{num:4, name:'Шайба дроссельная', steel:'Ст3', diam:70, thk:3, stock:11, priceBase:1150, priceHole:200, term:'Со склада'},
{num:5, name:'Шайба дроссельная', steel:'Ст3', diam:80, thk:3, stock:14, priceBase:1150, priceHole:200, term:'Со склада'},
{num:6, name:'Шайба дроссельная', steel:'Ст3', diam:90, thk:3, stock:19, priceBase:1150, priceHole:200, term:'Со склада'},
{num:7, name:'Шайба дроссельная', steel:'Ст3', diam:100, thk:3, stock:44, priceBase:1400, priceHole:200, term:'Со склада'},
{num:8, name:'Шайба дроссельная', steel:'Ст3', diam:110, thk:3, stock:10, priceBase:1400, priceHole:200, term:'Со склада'},
{num:9, name:'Шайба дроссельная', steel:'Ст3', diam:115, thk:3, stock:2, priceBase:1400, priceHole:200, term:'Со склада'},
{num:10, name:'Шайба дроссельная', steel:'Ст3', diam:120, thk:3, stock:9, priceBase:1400, priceHole:200, term:'Со склада'},
{num:11, name:'Шайба дроссельная', steel:'Ст3', diam:125, thk:3, stock:2, priceBase:1400, priceHole:200, term:'Со склада'},
{num:12, name:'Шайба дроссельная', steel:'Ст3', diam:180, thk:3, stock:6, priceBase:1650, priceHole:200, term:'Со склада'},
{num:13, name:'Шайба дроссельная', steel:'Ст3', diam:200, thk:3, stock:8, priceBase:1650, priceHole:200, term:'Со склада'},
{num:14, name:'Шайба дроссельная', steel:'Ст3', diam:260, thk:3, stock:2, priceBase:1900, priceHole:200, term:'Со склада'}
];
/* Расчёт итогов: без НДС = базовая + сверление; с НДС = без НДС × 1,2 */
dsData.forEach(function(r){
r.priceNoVat = r.priceBase + r.priceHole;
r.priceVat = Math.round(r.priceNoVat * 1.2);
r.price = r.priceVat;
});
var dsState = { search: '', sort: {key: null, dir: 1} };
var dsFav = [];
/* ==================== УТИЛИТЫ ==================== */
function dsFmt(n){ return n.toLocaleString('ru-RU'); }
/* ==================== ФИЛЬТРАЦИЯ ==================== */
function dsGetFiltered(){
var rows = dsData.slice();
if (dsState.search){
var q = dsState.search.toLowerCase();
rows = rows.filter(function(r){
return String(r.diam).indexOf(q) !== -1 ||
String(r.thk).indexOf(q) !== -1 ||
r.name.toLowerCase().indexOf(q) !== -1 ||
r.steel.toLowerCase().indexOf(q) !== -1 ||
r.term.toLowerCase().indexOf(q) !== -1;
});
}
if (dsState.sort.key){
var k = dsState.sort.key, d = dsState.sort.dir;
rows.sort(function(a, b){
var 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 dsRender(){
var rows = dsGetFiltered();
var tbody = document.getElementById('dsBody');
if (!tbody) return;
tbody.innerHTML = '';
if (!rows.length){
var tr = document.createElement('tr');
tr.innerHTML = '<td colspan="12" style="text-align:center;padding:40px;opacity:.6">Ничего не найдено</td>';
tbody.appendChild(tr);
document.getElementById('dsCounter').textContent = 'Найдено: 0';
return;
}
rows.forEach(function(r){
var badgeCls = r.stock >= 20 ? 'ds-badge many'
: r.stock === 0 ? 'ds-badge zero'
: 'ds-badge';
var isFav = dsFav.indexOf(r.num) !== -1;
var tr = document.createElement('tr');
tr.innerHTML =
'<td class="ds-num">' + r.num + '</td>' +
'<td>' + r.name + '</td>' +
'<td>' + r.steel + '</td>' +
'<td class="ds-num"><b>' + r.diam + '</b></td>' +
'<td class="ds-num">' + r.thk + '</td>' +
'<td class="ds-num"><span class="' + badgeCls + '">' + r.stock + '</span></td>' +
'<td class="ds-num ds-price">' + dsFmt(r.priceBase) + '</td>' +
'<td class="ds-num ds-price">' + dsFmt(r.priceHole) + '</td>' +
'<td class="ds-num ds-price">' + dsFmt(r.priceNoVat) + '</td>' +
'<td class="ds-num ds-price">' + dsFmt(r.priceVat) + '</td>' +
'<td>' + r.term + '</td>' +
'<td class="ds-star' + (isFav ? ' on' : '') + '" data-num="' + r.num + '">' + (isFav ? '★' : '☆') + '</td>';
tbody.appendChild(tr);
});
document.getElementById('dsCounter').textContent = 'Найдено: ' + rows.length;
dsUpdateSort();
dsBindStars();
}
function dsUpdateSort(){
var ths = document.querySelectorAll('#dsTable th.ds-sort');
for (var i = 0; i < ths.length; i++){
ths[i].classList.remove('asc','desc');
if (ths[i].dataset.key === dsState.sort.key){
ths[i].classList.add(dsState.sort.dir === 1 ? 'asc' : 'desc');
}
}
}
/* ==================== ИЗБРАННОЕ ==================== */
function dsBindStars(){
var stars = document.querySelectorAll('.ds-star');
for (var i = 0; i < stars.length; i++){
stars[i].addEventListener('click', function(){
var n = parseInt(this.dataset.num, 10);
var idx = dsFav.indexOf(n);
if (idx === -1) dsFav.push(n);
else dsFav.splice(idx, 1);
dsRenderFav();
dsRender();
});
}
}
function dsRenderFav(){
var block = document.getElementById('dsFavBlock');
var list = document.getElementById('dsFavList');
if (!block || !list) return;
if (!dsFav.length){ block.style.display = 'none'; return; }
block.style.display = 'block';
list.innerHTML = dsFav.map(function(n){
var r = dsData.find(function(x){ return x.num === n; });
if (!r) return '';
return '<span class="ds-fav-item"><b>Ø' + r.diam + '</b> · ' + dsFmt(r.priceVat) + ' ₽' +
'<span class="ds-fav-rm" data-num="' + n + '">✕</span></span>';
}).join('');
var rms = list.querySelectorAll('.ds-fav-rm');
for (var i = 0; i < rms.length; i++){
rms[i].addEventListener('click', function(){
var n = parseInt(this.dataset.num, 10);
var idx = dsFav.indexOf(n);
if (idx !== -1) dsFav.splice(idx, 1);
dsRenderFav();
dsRender();
});
}
}
function dsSendFav(){
if (!dsFav.length) return;
var lines = dsFav.map(function(n){
var r = dsData.find(function(x){ return x.num === n; });
return 'Ø' + r.diam + ' мм · ' + dsFmt(r.priceVat) + ' ₽';
}).join('\n');
var subject = encodeURIComponent('Запрос счёта — дроссельные шайбы');
var body = encodeURIComponent('Здравствуйте!\n\nПрошу выставить счёт по позициям:\n\n' + lines + '\n\nС уважением,');
window.location.href = 'mailto:arsenal-detal@list.ru?subject=' + subject + '&body=' + body;
}
/* ==================== КАЛЬКУЛЯТОР ==================== */
function dsInitCalc(){
var sel = document.getElementById('dsCalcDiam');
if (!sel) return;
sel.innerHTML = dsData.map(function(r){
return '<option value="' + r.diam + '">Ø' + r.diam + ' мм — ' + dsFmt(r.priceVat) + ' ₽</option>';
}).join('');
sel.addEventListener('change', dsUpdateCalc);
document.getElementById('dsCalcQty').addEventListener('input', dsUpdateCalc);
document.getElementById('dsCalcHoles').addEventListener('input', dsUpdateCalc);
dsUpdateCalc();
}
function dsUpdateCalc(){
var diam = parseInt(document.getElementById('dsCalcDiam').value, 10);
var qty = Math.max(1, parseInt(document.getElementById('dsCalcQty').value, 10) || 1);
var holes = Math.max(0, parseInt(document.getElementById('dsCalcHoles').value, 10) || 0);
var r = dsData.find(function(x){ return x.diam === diam; });
if (!r) return;
var perUnit = r.priceBase + holes * r.priceHole;
var total = perUnit * qty;
var withVat = Math.round(total * 1.2);
document.getElementById('dsCalcResult').textContent = dsFmt(withVat) + ' ₽';
}
/* ==================== СОБЫТИЯ ==================== */
document.addEventListener('DOMContentLoaded', function(){
var inp = document.getElementById('dsSearch');
if (inp) inp.addEventListener('input', function(e){
dsState.search = e.target.value.trim();
dsRender();
});
var ths = document.querySelectorAll('#dsTable th.ds-sort');
for (var i = 0; i < ths.length; i++){
(function(th){
th.addEventListener('click', function(){
var k = th.dataset.key;
if (dsState.sort.key === k) dsState.sort.dir *= -1;
else dsState.sort = {key: k, dir: 1};
dsRender();
});
})(ths[i]);
}
dsInitCalc();
dsRender();
dsRenderFav();
});
function dsReset(){
dsState = {search: '', sort: {key: null, dir: 1}};
var inp = document.getElementById('dsSearch');
if (inp) inp.value = '';
dsFav = [];
dsRender();
dsRenderFav();
}
/* ==================== ЭКСПОРТ CSV ==================== */
function dsDownloadCSV(){
var rows = dsGetFiltered();
var header = ['№','Наименование','Марка стали','Ø, мм','Толщ., мм','Наличие, шт',
'Цена базовая, ₽','Сверление 1 отв., ₽','Итого без НДС, ₽','Итого с НДС, ₽','Сроки'];
var body = rows.map(function(r){
return [r.num, r.name, r.steel, r.diam, r.thk, r.stock,
r.priceBase, r.priceHole, r.priceNoVat, r.priceVat, r.term];
});
var esc = function(v){ return '"' + String(v).replace(/"/g,'""') + '"'; };
var csv = [header].concat(body).map(function(r){ return r.map(esc).join(';'); }).join('\r\n');
dsDownloadBlob(new Blob(['\uFEFF' + csv], {type:'text/csv;charset=utf-8;'}),
'drosselnye_shayby_' + dsToday() + '.csv');
}
/* ==================== ЭКСПОРТ EXCEL ==================== */
function dsDownloadExcel(){
var rows = dsGetFiltered();
var header = ['№','Наименование','Марка стали','Ø, мм','Толщ., мм','Наличие, шт',
'Цена базовая, ₽','Сверление 1 отв., ₽','Итого без НДС, ₽','Итого с НДС, ₽','Сроки'];
var body = rows.map(function(r){
return [r.num, r.name, r.steel, r.diam, r.thk, r.stock,
r.priceBase, r.priceHole, r.priceNoVat, r.priceVat, r.term];
});
var esc = function(v){ return String(v == null ? '' : v).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); };
var table = '<table border="1" cellspacing="0" cellpadding="4">' +
'<thead style="background:#000;color:#ffd700;"><tr>' + header.map(function(h){ return '<th>' + esc(h) + '</th>'; }).join('') + '</tr></thead>' +
'<tbody>' + body.map(function(r){ return '<tr>' + r.map(function(c){ return '<td>' + esc(c) + '</td>'; }).join('') + '</tr>'; }).join('') + '</tbody></table>';
var html = '<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>Дроссельные шайбы — ' + dsToday() + '</h2>' +
'<p>Сталь 3 · Толщина 3 мм · НДС 20%</p>' + table +
'<p><i>ООО «Арсенал-Деталь» · 8 902 873-36-90</i></p></body></html>';
dsDownloadBlob(new Blob(['\uFEFF' + html], {type:'application/vnd.ms-excel;charset=utf-8;'}),
'drosselnye_shayby_' + dsToday() + '.xls');
}
/* ==================== ЭКСПОРТ PDF (через печать) ==================== */
function dsDownloadPDF(){
window.print();
}
/* ==================== КОПИРОВАТЬ ПРАЙС ==================== */
function dsCopyAll(){
var rows = dsGetFiltered();
var lines = ['ПРАЙС — Дроссельные шайбы (Сталь 3, 3 мм, НДС 20%)', ''];
rows.forEach(function(r){
lines.push('№' + r.num + ' Ø' + r.diam + ' мм — ' + dsFmt(r.priceVat) + ' ₽ (в наличии: ' + r.stock + ' шт)');
});
lines.push('');
lines.push('ООО «Арсенал-Деталь» · 8 902 873-36-90');
var text = lines.join('\n');
if (navigator.clipboard && navigator.clipboard.writeText){
navigator.clipboard.writeText(text).then(function(){
var btn = event && event.target ? event.target : null;
if (btn){ var old = btn.textContent; btn.textContent = '✓ Скопировано'; setTimeout(function(){ btn.textContent = old; }, 1500); }
});
} else {
alert(text);
}
}
function dsDownloadBlob(blob, filename){
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url; a.download = filename;
document.body.appendChild(a); a.click(); a.remove();
setTimeout(function(){ URL.revokeObjectURL(url); }, 500);
}
function dsToday(){
var d = new Date(), p = function(n){ return String(n).padStart(2,'0'); };
return d.getFullYear() + '-' + p(d.getMonth()+1) + '-' + p(d.getDate());
}
</script>
2026-10-10T07:36:45Z
https://pandoraburo.ru/ssl/u/pic/07/26436cc3c611f19d9efcd8c4a10874/-/0c723f71762611f1b3964aaba1665535.jpg
1592962
https://www.pandoraburo.ru/