/* ===== him-krep.ru consumption calculator — product pages ===== */
.consume-page {
	font-family: 'Roboto Condensed','Arial Narrow',Arial,sans-serif;
	color:#2b2b2b; background:#fff; width:100%; max-width:none; margin:0 0 24px; padding:24px 0 0;
	font-size:16px; line-height:1.65; box-sizing:border-box;
}
.consume-page *{ box-sizing:border-box; }
.consume-page > .calc-section,
.consume-page .calc-section{ max-width:none; }
.consume-page h2{ font-family:'Roboto Condensed',Arial,sans-serif; font-size:20px; font-weight:700; color:#1a1a1a; margin:0 0 16px; padding-bottom:8px; border-bottom:1px solid #e3e3e3; }
.consume-page h3{ font-size:16px; font-weight:600; color:#1a1a1a; margin:16px 0 8px; }
.consume-page p{ margin:0 0 12px; }

.consume-page .calc-section{ background:#fff; border:1px solid #e6e6e6; border-top:3px solid #222529; padding:22px 24px; margin:0 0 20px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.consume-page .calc-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px; }
.consume-page .calc-field{ display:block; }
.consume-page .calc-field.full{ grid-column:1/-1; }
.consume-page .calc-field>span{ display:block; font-weight:600; color:#333; margin:0 0 5px; font-size:13px; letter-spacing:.02em; text-transform:uppercase; }
.consume-page .calc-hint{ display:block; font-size:12px; color:#8a8a8a; margin:3px 0 0; font-weight:400; text-transform:none; letter-spacing:0; }
.consume-page input[type=number],.consume-page input[type=text],.consume-page input[type=email],.consume-page input[type=tel],.consume-page select{
	width:100%; padding:10px 12px; border:1px solid #cfcfcf; background:#fff; font-family:inherit; font-size:15px; color:#2b2b2b; border-radius:0; transition:border-color .15s,box-shadow .15s; }
.consume-page input:focus,.consume-page select:focus{ border-color:#222529; outline:none; box-shadow:0 0 0 2px rgba(34,37,41,.12); }
.consume-page .calc-check{ display:flex; align-items:flex-start; gap:9px; margin:14px 0 4px; font-size:15px; color:#333; cursor:pointer; }
.consume-page .calc-check input{ margin-top:4px; width:16px; height:16px; }

.consume-page .calc-actions{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.consume-page .calc-btn{ display:inline-block; padding:12px 28px; background:#222529; color:#fff; border:1px solid #222529; font-family:inherit; font-size:14px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; transition:background .15s,color .15s; }
.consume-page .calc-btn:hover{ background:#3a3f45; border-color:#3a3f45; }
.consume-page .calc-btn-print{ background:#6b7076; border-color:#6b7076; }
.consume-page .calc-btn-print:hover{ background:#565b60; border-color:#565b60; }
.consume-page .calc-btn[disabled]{ opacity:.55; cursor:not-allowed; }
.consume-page .calc-error{ display:none; margin-top:14px; padding:11px 14px; background:#fdf1f1; border:1px solid #e3b7b7; color:#a12626; font-size:14px; }
.consume-page .calc-error.visible{ display:block; }
.consume-page .calc-result{ display:none; margin-top:6px; }
.consume-page .calc-result.visible{ display:block; }
.consume-page .calc-result-headline{ display:inline-block; margin:0 0 12px; padding:8px 14px; background:#222529; color:#fff; font-weight:700; font-size:16px; letter-spacing:.02em; }
.consume-page .calc-table{ width:100%; border-collapse:collapse; margin:0 0 14px; font-size:15px; }
.consume-page .calc-table th,.consume-page .calc-table td{ border:1px solid #e0e0e0; padding:9px 12px; text-align:left; vertical-align:top; }
.consume-page .calc-table th{ background:#f6f6f6; font-weight:600; color:#333; }
.consume-page .calc-table tr.calc-row-key td{ font-weight:700; color:#111; background:#fafafa; }
.consume-page .calc-status{ font-weight:700; }
.consume-page .calc-status.ok{ color:#1e6b2f; }
.consume-page .calc-status.bad{ color:#a12626; }
.consume-page .calc-note{ font-size:13px; color:#777; margin:0 0 12px; }

.consume-page .calc-normative{ margin:20px 0; padding:16px 20px; background:#f7f7f8; border-left:4px solid #222529; font-size:14px; }
.consume-page .calc-normative h3{ margin:0 0 8px; }
.consume-page .calc-normative ul{ margin:0; padding-left:20px; }
.consume-page .calc-normative li{ margin:0 0 4px; }
.consume-page .calc-principle b{ color:#1a1a1a; }

.consume-page .calc-expert{ display:none; margin:20px 0 0; padding:22px 24px; background:#f7f7f8; border:1px solid #e6e6e6; }
.consume-page .calc-expert.visible{ display:block; }
.consume-page .calc-expert-msg{ margin-top:12px; font-size:14px; }
.consume-page .calc-expert-msg.ok{ color:#1e6b2f; }
.consume-page .calc-expert-msg.bad{ color:#a12626; }
.consume-page .calc-hp{ position:absolute!important; left:-9999px!important; height:1px; width:1px; overflow:hidden; }
.consume-page .calc-principle-d{ margin:14px 0 0; font-size:14px; color:#444; }
.consume-page .calc-principle-d summary{ cursor:pointer; font-weight:600; color:#222529; }
.consume-page .calc-principle-d ul{ margin:8px 0 0; padding-left:20px; }
.consume-page .calc-print-footer{ display:none; }

@media (max-width:640px){ .consume-page .calc-grid{ grid-template-columns:1fr; } .consume-page .calc-section{ padding:18px 16px; } }

@media print{
	body.calc-printing .header-wrapper,body.calc-printing .footer-wrapper,body.calc-printing #side-nav-panel,
	body.calc-printing .page-top,body.calc-printing .breadcrumbs-wrap,body.calc-printing .mobile-menu,
	body.calc-printing .sidebar-overlay,body.calc-printing .product-info,body.calc-printing .product-summary,
	body.calc-printing .related.products,body.calc-printing .upsells,body.calc-printing .woocommerce-tabs,
	body.calc-printing .calc-form,body.calc-printing .calc-actions,body.calc-printing .calc-expert,
	body.calc-printing .calc-normative,body.calc-printing .calc-error,body.calc-printing .calc-no-print{ display:none!important; }
	body.calc-printing .consume-page{ max-width:100%; padding:0; }
	body.calc-printing .calc-section{ border:none; box-shadow:none; padding:0; margin:0 0 10px; }
	body.calc-printing .calc-result{ display:block!important; }
	body.calc-printing .calc-print-footer{ display:block!important; margin-top:16px; padding-top:12px; border-top:1px solid #999; font-size:12px; color:#333; }
	body.calc-printing .calc-print-footer .cpf-docs{ margin-bottom:8px; }
	body.calc-printing .calc-print-footer .cpf-site{ font-weight:700; }
	.consume-page .calc-table th,.consume-page .calc-table td{ border:1px solid #666!important; }
}
