/* Раздел «Металлические порошки, РЗМ и химреактивы» (tools/build_poroshki.py) */
:root {
	--pw-accent: #d62828;
	--pw-line: #e3e5e8;
	--pw-soft: #f6f7f8;
	--pw-ink: #1f2328;
	--pw-mute: #5b6470;
	--pw-head: #14181c;
	--pw-text: #2b3138;
}

.pw .pw-intro { max-width: 880px; margin: 0 0 24px; color: var(--pw-ink); font-size: 16px; line-height: 1.6; }
.pw .pw-h2 { margin: 32px 0 14px; font-size: 22px; }

.pw-tiles { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.pw-tiles a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px 16px; border: 1px solid var(--pw-line); border-radius: 6px; background: var(--pw-soft); color: var(--pw-ink); text-decoration: none; }
.pw-tiles a:hover, .pw-tiles a:focus-visible { border-color: var(--pw-accent); color: var(--pw-accent); background: #fff; }
.pw-tiles__name { font-weight: 700; }
.pw-tiles__n { font-size: 13px; color: var(--pw-mute); }

.pw-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; margin: 8px 0 18px; padding: 14px 16px; border: 1px solid var(--pw-line); border-radius: 6px; background: var(--pw-soft); }
.pw-filter__field { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 180px; font-size: 13px; color: var(--pw-mute); }
.pw-filter select { width: 100%; max-width: 100%; height: 38px; padding: 0 8px; border: 1px solid var(--pw-line); border-radius: 4px; background: #fff; color: var(--pw-ink); font-size: 14px; }
.pw-filter__reset { height: 38px; padding: 0 14px; border: 1px solid var(--pw-line); border-radius: 4px; background: #fff; cursor: pointer; }
.pw-filter__reset:hover { border-color: var(--pw-accent); color: var(--pw-accent); }
.pw-filter__count { flex-basis: 100%; margin: 0; font-size: 13px; color: var(--pw-mute); }

.pw-grid { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.pw-card[hidden] { display: none; }
.pw-card__link { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 14px 16px; border: 1px solid var(--pw-line); border-radius: 6px; background: #fff; color: var(--pw-ink); text-decoration: none; }
.pw-card__link:hover, .pw-card__link:focus-visible { border-color: var(--pw-accent); box-shadow: 0 4px 12px rgba(0, 0, 0, .06); }
.pw-card__name { font-size: 17px; font-weight: 700; }
.pw-card__badge { align-self: flex-start; padding: 2px 8px; border-radius: 10px; background: #fdecec; color: var(--pw-accent); font-size: 12px; }
.pw-card__type, .pw-card__meta { font-size: 13px; color: var(--pw-mute); line-height: 1.4; }
.pw-card__price { margin-top: auto; font-weight: 700; color: var(--pw-accent); }
.pw-empty { padding: 14px 16px; border: 1px dashed var(--pw-line); border-radius: 6px; }
.pw-other { font-size: 14px; color: var(--pw-mute); }

.pw-product { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; margin-bottom: 16px; }
.pw-spec { width: 100%; border-collapse: collapse; background: #fff; }
.pw-spec th, .pw-spec td { padding: 9px 12px; border: 1px solid var(--pw-line); text-align: left; vertical-align: top; font-size: 15px; }
.pw-spec th { width: 34%; background: var(--pw-soft); font-weight: 600; }
.pw-product__text { margin: 16px 0 0; font-size: 16px; line-height: 1.6; }
.pw-product__side { padding: 18px; border: 1px solid var(--pw-line); border-radius: 6px; background: var(--pw-soft); }
.pw-product__price { margin: 0 0 6px; font-size: 20px; font-weight: 700; color: var(--pw-accent); }
.pw-links, .pw-plain { margin: 0 0 20px; padding-left: 20px; columns: 3 200px; }
.pw-chips { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pw-chips li { padding: 6px 12px; border: 1px solid var(--pw-line); border-radius: 16px; background: var(--pw-soft); font-size: 14px; }

.pw-form { margin: 36px 0 20px; padding: 22px; border: 1px solid var(--pw-line); border-radius: 8px; background: var(--pw-soft); scroll-margin-top: 90px; }
.pw-form__title { margin: 0 0 8px; font-size: 22px; }
.pw-form__lead { max-width: 760px; margin: 0 0 16px; color: var(--pw-mute); }
.pw-form__form { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.pw-form__field { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 13px; color: var(--pw-mute); }
.pw-form__field--wide { grid-column: 1 / -1; }
.pw-form__form input[type="text"], .pw-form__form select, .pw-form__form textarea { width: 100%; max-width: 100%; padding: 9px 10px; border: 1px solid var(--pw-line); border-radius: 4px; background: #fff; color: var(--pw-ink); font: inherit; font-size: 15px; }
.pw-form__form input[type="file"] { max-width: 100%; font-size: 14px; }
.pw-form__form button { justify-self: start; }
.pw-form__policy, .pw-form__call { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--pw-mute); }
.pw-form__call { margin-top: 12px; }
.pw-note { margin: 24px 0; font-size: 12px; color: var(--pw-mute); }

@media (max-width: 767px) {
	.pw-product { grid-template-columns: 1fr; }
	.pw-form__form { grid-template-columns: 1fr; }
	.pw-form { padding: 16px; }
	.pw-spec th { width: 42%; }
	.pw-spec th, .pw-spec td { padding: 8px; font-size: 14px; overflow-wrap: anywhere; }
}

/* типовые позиции подраздела «Промышленные комплектующие» (#63415e8ec0e4, ревью #7fc88f37) */
.pw-pos-list{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--pw-line)}
.pw-pos{padding:12px 0;border-bottom:1px solid var(--pw-line)}
.pw-pos__name{font-size:16px;line-height:1.4;color:var(--pw-text)}
.pw-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 28px;padding:16px 20px;background:var(--pw-soft)}
.pw-ask__text{margin:0;max-width:640px;font-size:15px;line-height:1.5;color:var(--pw-ink)}
.pw-ask .button{flex:0 0 auto}
.pw-ov{margin:0 0 32px}
.pw-ov__group{margin:0 0 40px;scroll-margin-top:96px}
.pw-ov__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;margin:0 0 16px;padding:0 0 10px;border-bottom:2px solid var(--pw-ink)}
.pw-ov__title{margin:0;font-size:20px;line-height:1.3}
.pw-ov__title a,.pw-ov__link,.pw-ov__all{color:var(--pw-head);text-decoration:none}
.pw-ov__title a:hover,.pw-ov__link:hover,.pw-ov__title a:focus-visible,.pw-ov__link:focus-visible{text-decoration:underline;text-underline-offset:3px}
.pw-ov__all{font-size:14px;white-space:nowrap}
.pw-ov__all:hover,.pw-ov__all:focus-visible{color:var(--pw-accent)}
.pw-ov__subs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.pw-ov__sub{min-width:0}
.pw-ov__link{display:block;margin:0 0 6px;font-size:16px;line-height:24px;font-weight:600}
.pw-ov .pw-pos-list{margin:0;border-top:0}
.pw-ov .pw-pos{padding:6px 0}
.pw-ov .pw-pos__name{font-size:14px;line-height:20px}
@media (min-width:640px){.pw-ov__subs{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}}
@media (min-width:1024px){.pw-ov__subs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}}
.pw-stati{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px;border-top:1px solid var(--pw-line,#e3e5e8)}
.pw-stati li{min-width:0;border-bottom:1px solid var(--pw-line,#e3e5e8)}
.pw-stati a{display:block;padding:10px 0;font-size:15px;line-height:22px;color:var(--pw-head);text-decoration:none}
.pw-stati a:hover,.pw-stati a:focus-visible{color:var(--pw-accent)}
@media (min-width:768px){.pw-stati{grid-template-columns:repeat(2,minmax(0,1fr))}}