/* XDRAGANX // MFG — site styles (extracted from prototype).
   Design tokens live in DESIGN.md; Tailwind theme stays in index.html. */

* {
  border-radius: 0 !important;
}

.grid-drafting-bg {
  background-size: 32px 32px;
  background-image:
    linear-gradient(to right, rgba(42, 46, 56, 0.45) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(42, 46, 56, 0.45) 1px, transparent 1px);
}

.hard-shadow-volt {
  box-shadow: 4px 4px 0px 0px #c3f400;
}

.hard-shadow-white {
  box-shadow: 4px 4px 0px 0px #f4f5f7;
}

.hard-shadow-volt:hover {
  box-shadow: 6px 6px 0px 0px #c3f400;
  transform: translate(-2px, -2px);
}

.btn-mechanical-secondary:hover {
  box-shadow: 3px 3px 0px 0px #c3f400;
}

/* Catalog carousel: horizontal snap strip with a thin mechanical scrollbar. */
.catalog-track {
  scrollbar-width: thin;
  scrollbar-color: #3e4452 transparent;
  -webkit-overflow-scrolling: touch;
}
.catalog-track::-webkit-scrollbar {
  height: 6px;
}
.catalog-track::-webkit-scrollbar-track {
  background: transparent;
}
.catalog-track::-webkit-scrollbar-thumb {
  background: #3e4452;
}
.catalog-track::-webkit-scrollbar-thumb:hover {
  background: #c3f400;
}
/* Mobile: benchmark matrix keeps readable columns, scrolls horizontally
   with a sticky first column (row bg inherited from <tr>). */
@media (max-width: 767px) {
  #fabrics-specs table {
    min-width: 620px;
  }
  #fabrics-specs th:first-child,
  #fabrics-specs td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: inherit;
    border-right: 1px solid #2a2e38;
  }
}