/* Palette reference: ferritgroup.ru/f/main.css, viewed 2026-10-05.
   Main #005280; dark #023c5e; light #cddde6. Color changes only. */
:root {
  --blue: #005280;
  --blue-dark: #023c5e;
  --blue-light: #cddde6;
  --blue-hover: #006a9e;
  --blue-soft: #edf4f8;
  --ink: #1f3442;
  --muted: #526774;
  --line: #d4e0e8;
  --paper: #f5f8fa;
  --lime: var(--blue);
}
body { color: var(--ink); background: var(--paper); }
a:hover, .text-link:hover, .product-name:hover, .info-modal a,
.cut-link, .detail-full-page, .cart-dialog-link, .logo-slash,
.lime-dot, .trust-strip svg, .pallet-service-row>span { color: var(--blue); }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline-color: var(--blue);
}
input, select, textarea { accent-color: var(--blue); }
.check input, .pallet-choice input, .demo-length-slider { accent-color: var(--blue); }
.topline { background: #e7eef3; color: #47616f; }
.dot { background: var(--blue); }
.top-sep { color: #8babbc; }
.header { background: #f5f8faf5; border-color: var(--line); }
.logo { color: var(--blue-dark); }
.logo small { color: var(--muted); }
.cart-trigger { border-color: #b8cfdd; color: var(--blue-dark); }
.cart-trigger b { background: var(--blue); color: #fff; }
.cart-trigger:hover { background: #e4eff5; }
.hero { background: var(--blue-dark); }
.hero .eyebrow, .hero-meta small { color: #bbd6e5; }
.hero .dot, .hero .image-tag { background: #82d1ff; }
.hero h1 span { color: #82d1ff; }
.hero-copy>p { color: #d2e3ed; }
.hero-meta { border-color: #376983; }
.photo-shade {
  background: linear-gradient(90deg,#023c5e,transparent 24%),
    linear-gradient(0deg,#012d49e6,transparent 70%);
}
.photo-index, .photo-credit { color: #edf6fc; }
.image-tag { background: var(--blue); color: #fff; }
.hero .image-tag { color: var(--blue-dark); }
.lime, .dark { background: var(--blue); color: #fff; }
.lime:hover, .dark:hover { background: var(--blue-hover); color: #fff; }
.hero .lime, .contact-section .lime { background: #fff; color: var(--blue-dark); }
.hero .lime:hover, .contact-section .lime:hover { background: #d7efff; color: var(--blue-dark); }
.ghost-light { border-color: #6b9db8; color: #fff; }
.ghost-light:hover { background: #175473; color: #fff; }
.trust-strip { border-color: var(--line); }
.muted, .trust-strip small, .subtle, .results-bar>span,
.product-sub, .product-format small, .product-price small,
.price-note, .pagination span, .empty p, .section-head>p,
.packaging-copy>p, .pack-steps small, .grade-cards p,
.delivery-section>div>p, .delivery-steps p, .faq details p,
.footer-main>span, .footer-note, .modal .muted,
.detail-specs span, .detail-source, .cart-line small, .remove,
.cart-total small, .standalone>p, .standalone p,
.product-directory small, .seo-intro p, .breadcrumbs, .seo-crumbs,
.seo-content, .seo-table small, .seo-category-index small,
.static-service p, .static-service li, .delivery-estimate small,
.diagram-note, .standards-note, .standards-cards p,
.standards-cards small, .application-panel>small,
.other-dimensions, .catalog-controls>label,
.maker-pending, .maker-pending b, .cart-services-head>span,
.pallet-choice small, .pallet-service-row p,
.pallet-service-row>small, .no-pallet-note, .service-quote-note,
.delivery-service-summary { color: var(--muted); }
.pallet-choice small { color: var(--muted)!important; }
.subtle:hover, .seo-content h2, .delivery-service-summary strong,
.cut-demo-head b { color: var(--blue-dark); }
.catalog-search, .catalog-search kbd, .quick-grades button,
.active-filters button, .field input, .field select, .field textarea,
.view-toggle, .product-row, .grid .product-row, .pack-steps>div,
.grade-cards button, .delivery-section, .delivery-steps article,
.faq details, .footer-note, .detail-specs, .detail-specs div,
.cart-line, .cart-line input, .product-directory a,
.ms-filterbar, .filter-reset, .suggested-sizes button,
.delivery-estimate, .seo-links a, .seo-table th, .seo-table td,
.seo-pager a, .seo-category-index a, .pagination a,
.application-panel, .application-tags a, .cart-services,
.pallet-service-row, .catalog-controls select,
.manufacturer-candidates { border-color: var(--line); }
.catalog-search input, .field input, .field select, .field textarea,
.primary-filters select, .catalog-controls select { color: var(--ink); }
.quick-grades button, .active-filters button,
.primary-filters select, .catalog-controls select { background: #fff; }
.quick-grades button.active, .view-toggle button.selected,
.suggested-sizes button.active, .pagination a.active,
.pagination button.active { background: var(--blue); color: #fff; border-color: var(--blue); }
.table-labels, .filterbar-head, .filter-help, .suggested-sizes,
.detail-purchase, .cart-total, .seo-links a, .seo-table th,
.seo-pager a, .seo-category-index a, .detail-services,
.delivery-estimate, .success-panel, .standard-scope,
.cart-services, .manufacturer-candidates { background: var(--blue-soft); }
.table-labels, .seo-table th { color: #46677b; }
.filterbar-head strong { color: var(--blue-dark); }
.filterbar-head span, .primary-filters .field, .filter-help p,
.filter-help>span { color: var(--muted); }
.product-row:hover { background: #f7fbfd; }
.mini-sheet, .hot-icon { background: #e6edf2; color: #527184; }
.grade-badge, .rolling-tag { background: #e7f1f7; color: var(--blue); }
.add-button { background: var(--blue); border-color: var(--blue); color: #fff; }
.add-button:hover { background: var(--blue-hover); border-color: var(--blue-hover); }
.pagination button:hover { background: #dbeaf3; color: var(--blue-dark); }
.empty { background: var(--blue-soft); border-color: #9bbacb; }
.packaging-section { background: #e8f0f5; }
.pack-steps>div>span, .grade-cards span, .delivery-steps b,
.faq summary:after, .cut-example>span { color: #4b7187; }
.calculator { background: var(--blue-light); }
.calc-intro .eyebrow, .calc-intro p, .calc-formula,
.calc-result span, .calc-note { color: #405f71; }
.calc-inputs .field input { background: #f7fbfd; border-color: #a8c3d3; }
.calc-result { border-color: #a8c3d3; }
.grade-cards button:hover { background: var(--blue-soft); border-color: #94b5c8; }
.contact-section { background: var(--blue-dark); color: #fff; }
.contact-inner .eyebrow, .contact-inner p,
.contact-inner>div>a { color: #c3dce9; }
footer { background: #eaf0f4; }
.skip { background: var(--blue); color: #fff; }
.modal { background: #f9fbfd; color: var(--ink); border-color: #bdd1df; }
.modal::backdrop { background: #072d47a6; }
.form-status { color: var(--blue); }
.form-status.error { color: #a13d2f; }
#toast { background: var(--blue-dark); color: #fff; }
.input-action button, .inn-suggestions button {
  background: #e1eef6; border-color: #a8c6d8; color: var(--blue-dark);
}
.cart-cut { color: var(--blue)!important; }
.direction-card { background: #e4eff5; border-color: #c5d9e5; }
.direction-card:hover { background: #d8e9f2; color: var(--ink); }
.direction-number, .direction-card p { color: #486a7e; }
.direction-bottom { border-color: #bcd2df; }
.direction-arrow { color: var(--blue); }
.dark-direction { background: var(--blue); border-color: var(--blue); color: #fff; }
.dark-direction:hover { background: var(--blue-dark); color: #fff; }
.dark-direction .direction-number, .dark-direction p { color: #d0e4ee; }
.dark-direction .direction-bottom { border-color: #4081a3; }
.dark-direction .direction-arrow { color: #82d1ff; }
.cutting-section .cut-rule, .standard-scope { border-left-color: var(--blue); }
.cut-demo { background: var(--blue-soft); border-color: var(--line); }
.cut-demo-head, .sheet-ruler { color: var(--muted); }
.stock-sheet {
  border-color: #7c9fb3;
  background: repeating-linear-gradient(115deg,#cddde6,#cddde6 8px,#c5d7e2 9px,#c5d7e2 10px);
  box-shadow: 0 6px 0 #a4bdcc;
}
.cut-demo .stock-sheet {
  background-color: #cddde6;
  background-image: repeating-linear-gradient(90deg,transparent,transparent calc(100% / 60 - 1px),#688ca433 calc(100% / 60 - 1px),#688ca433 calc(100% / 60));
  box-shadow: 0 5px 0 #a4bdcc;
}
.cut-piece, .demo-cut-piece { background: var(--blue); color: #fff; border-right-color: #e0f2fc; }
.demo-cut-piece:nth-child(even) { background: #12678d; }
.cut-remainder, .stock-width-dimension,
.stock-length-dimension, .stock-length-dimension b,
.length-slider-label { color: #45677c; }
.demo-cut-handle:before { border-left-color: var(--blue-dark); }
.demo-cut-handle>span { background: #fff; color: var(--blue); border-color: var(--blue); }
.demo-cut-handle:focus-visible { outline-color: var(--blue); }
.piece-dimension, .piece-dimension:before, .piece-dimension:after,
.stock-length-dimension { border-color: #7c9fb3; }
.piece-dimension>span { color: var(--blue-dark); background: var(--blue-soft); }
.cut-demo .drag-explanation, .cut-demo .stock-count,
.cut-demo #cut-demo-total { color: #3c6177; }
.demo-extra-stock { background: var(--blue-light); border-color: #91b1c4; }
.demo-extra-stock span { background: var(--blue); color: #fff; border-color: #c0e4f8; }
.demo-extra-stocks small { color: var(--muted); }
.application-panel {
  background-color: var(--blue-soft);
  background-image: linear-gradient(135deg,transparent 60%,#cddde666 60%);
}
.application-panel>p { color: #405f71!important; }
.standards-cards .standard-highlight { background: #e1eef5; border-color: #aac9da; }
.pallet-choice { color: var(--blue); }
.pallet-service-row { background: #fff; }