/* Imperial Newton product catalog — shared by impact sockets and hammer wrenches */
.in-impact-catalog{
	--in-red:var(---red-color);
	--in-red-dark:#a50d25;
	--in-red-soft:#F7E6EA;
	--in-black:var(---black-color);
	--in-hero:#2B2B2B;
	--in-ink:#1c1c1c;
	--in-muted:#6b7280;
	--in-line:#E5E5E5;
	--in-mat:#E8E8E8;
	--in-zebra:#F4F4F4;
	--in-metal:#6e6e6e;
	--in-metal-ink:#fff;
	--in-side:#9a9a9a;
	--in-side-ink:#111;
	--in-side-head:#111;
	--in-side-line:rgba(0,0,0,.15);
	--in-part:#2456c5;
	font-family: "Segoe Ui";
	color:var(--in-ink);
	max-width:1240px;
	margin:0 auto;
	padding:12px 24px 64px;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
}
.in-impact-catalog *,
.in-impact-catalog *::before,
.in-impact-catalog *::after{box-sizing:border-box}
.in-impact-catalog a{text-decoration:none;color:inherit}
.in-impact-catalog button{
	font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;
	padding:0;margin:0;text-align:left;appearance:none;-webkit-appearance:none;
}
.in-impact-catalog .screen-reader-text{
	position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0,0,0,0);border:0;
}
.in-impact-catalog .is-hidden{display:none!important}
.in-impact-catalog[data-metal="black-steel"]{
	--in-metal:#6e6e6e;--in-metal-ink:#fff;
	--in-side:#9a9a9a;--in-side-ink:#111;--in-side-head:#111;
	--in-side-line:rgba(0,0,0,.15);--in-part:#2456c5;
}
.in-impact-catalog[data-metal="non-sparking"]{
	--in-metal:#cc0000;--in-metal-ink:#fff;
	--in-side:#cc0000;--in-side-ink:#fff;--in-side-head:#b00000;
	--in-side-line:rgba(255,255,255,.28);--in-part:#cc0000;
}
.in-impact-catalog[data-metal="titanium"]{
	--in-metal:#0033cc;--in-metal-ink:#fff;
	--in-side:#0033cc;--in-side-ink:#fff;--in-side-head:#163aa8;
	--in-side-line:rgba(255,255,255,.28);--in-part:#0033cc;
}
.in-impact-catalog[data-metal="stainless"]{
	--in-metal:#339900;--in-metal-ink:#fff;
	--in-side:#339900;--in-side-ink:#fff;--in-side-head:#1d8634;
	--in-side-line:rgba(255,255,255,.28);--in-part:#1d8634;
}
.in-impact-catalog[data-metal="beryllium"]{
	--in-metal:#ccbb00;--in-metal-ink:#1a1a1a;
	--in-side:#ccbb00;--in-side-ink:#1a1a1a;--in-side-head:#c6a400;
	--in-side-line:rgba(0,0,0,.16);--in-part:#8a7000;
}
.in-impact-catalog[data-metal="beryllium"] .in-side-head{color:#111}

/* Breadcrumb */
.in-bc{
	display:flex;flex-wrap:wrap;align-items:center;gap:8px;
	font-size:13px;line-height:1.4;color:#9ca3af;margin:8px 0 20px;
}
.in-bc a:hover{color:var(--in-red)}
.in-bc-sep{opacity:.55;font-size:12px}
.in-bc-current{color:#4b5563}
.in-materials button.in-mat.is-active {
    padding: 0px 25px;
}
.in-materials button.in-mat {
    padding: 0px 25px;
    width: 100%;
}
/* Measurement */
.in-filters-top{margin-bottom:14px;margin-top: 14px;}
.in-measure{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.in-measure-label{
	font-size:11px;font-weight:800;letter-spacing:.14em;
	text-transform:uppercase;color:var(--in-red);
}
.in-measure-toggles{display:flex;gap:10px}
.in-toggle{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:92px;height:36px;padding:0 20px;
	border:1.5px solid #CFCFCF!important;border-radius:999px;
	background:#fff;color:#333;font-size:12px;font-weight:800;letter-spacing:.06em;
	transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.in-toggle.is-active{
	background:var(--in-black)!important;border-color:var(--in-black)!important;color:#fff;
}
.in-toggle:hover:not(.is-active){border-color:#999!important}

/* Materials */
.in-materials{display:flex;flex-wrap:nowrap;gap:8px}
.in-mat{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:40px;padding:0 18px;border-radius:4px;
	background:var(--in-mat);color:#1f1f1f;
	font-size:13px;font-weight:600;line-height:1;
	transition:background .15s ease,color .15s ease;
}
.in-mat:hover{background:#dbdbdb}
.in-mat.is-active{background:var(--in-red);color:#fff}
.in-metal-line{display:block;width:100%;margin-top:10px;padding:12px 16px;background:var(--in-metal);color:#fff;font-size:18px;font-weight:700;line-height:1.3}
.in-impact-catalog[data-metal="black-steel"] li:has(button[data-half-drive="1"]),
.in-impact-catalog[data-metal="black-steel"] li:has(button[data-slug="050"]),
.in-impact-catalog[data-metal="black-steel"] .in-compact-pane button[data-half-drive="1"],
.in-impact-catalog[data-metal="black-steel"] .in-compact-pane button[data-slug="050"]{display:none !important}
.in-mat[data-metal="black-steel"],
.in-mat[data-metal="black-steel"].is-active,
.in-mat[data-metal="black-steel"]:hover{
background: #777777;
    color: #fff;
    border: 0px;
}
.in-mat[data-metal="non-sparking"],
.in-mat[data-metal="non-sparking"].is-active,
.in-mat[data-metal="non-sparking"]:hover{background:#cc0000;color:#fff}
.in-mat[data-metal="titanium"],
.in-mat[data-metal="titanium"].is-active,
.in-mat[data-metal="titanium"]:hover{background:#0033cc;color:#fff}
.in-mat[data-metal="stainless"],
.in-mat[data-metal="stainless"].is-active,
.in-mat[data-metal="stainless"]:hover{background:#339900;color:#fff}
.in-mat[data-metal="beryllium"],
.in-mat[data-metal="beryllium"].is-active,
.in-mat[data-metal="beryllium"]:hover{background:#ccbb00;color:#fff}

/* Depth marks above the sidebar */
.in-depth-legend{
	display:flex;align-items:flex-end;justify-content:flex-start;
	gap:3px;min-height:78px;margin:0 0 8px;
}
.in-depth-bar{
	display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
	gap:3px;width:26px;background:transparent;border:0;padding:0;
}
.in-depth-col{display:block;width:14px;background:#8d939a}
.in-depth-code{
	font-size:9px;font-weight:800;line-height:1;letter-spacing:0;
	color:#555;padding:1px 2px;
}
.in-depth-bar.is-active .in-depth-col{background:#1a1a1a}
.in-depth-bar.is-active .in-depth-code{
	color:#111;background:#fff;border:1px solid #222;
}

/* Hero */
.in-hero{background:var(--in-hero);color:#fff;margin-top:6px}
.in-hero-inner{
	display:flex;justify-content:space-between;align-items:center;
	gap:28px;padding:32px 34px;
}
.in-hero-kicker{
	margin:0 0 10px;font-size:12px;font-weight:700;
	letter-spacing:.12em;text-transform:uppercase;color:var(--in-red);
}
.in-hero h1{
	margin:0;
	font-size:clamp(26px,3.2vw,40px);line-height:1.12;font-weight:800;
	letter-spacing:-0.01em;color:#fff;
}
.in-hero-sub{
	margin:14px 0 0;max-width:54ch;
	font-size:14px;line-height:1.55;color:rgba(255,255,255,.78);font-weight:400;
}
.in-hero-point{display:flex;align-items:center;gap:12px;flex-shrink:0}
.in-hex-label{
	font-size:12px;font-weight:800;letter-spacing:.16em;
	text-transform:uppercase;color:rgba(255,255,255,.9);
}
.in-hex{
	width:74px;height:74px;display:grid;place-items:center;
	background:transparent;color:#fff;font-size:30px;font-weight:800;
}
.in-hex[data-points="4"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Point-4.svg);
}
.in-hex[data-points="6"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Point-6.svg);
}
.in-hex[data-points="8"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Point-8.svg);
}
.in-hex[data-points="12"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Point-12.svg);
}
.in-impact-catalog[data-catalog="hammer"] .in-hex[data-points="spline"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Spline.svg);
}
.in-impact-catalog[data-catalog="hammer"] .in-hex[data-points="open-end"]{
	content: url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Circle.svg);
	width: 45px;
}

/* Depth tabs */
.in-depths{
	display:flex;flex-wrap:wrap;align-items:stretch;
	background:#fff;border-bottom:1px solid var(--in-line);margin:0 0 26px;
}
.in-depths button{
	position:relative;padding:16px 18px;font-size:14px;font-weight:600;
	color:#000000;border-bottom:3px solid transparent;margin-bottom:-1px;
	transition:color .15s ease,border-color .15s ease;
}
.in-depths button:hover{color:var(--in-red)}
.in-depths button.is-active{
	color:var(--in-red);font-weight:700;border-bottom-color:var(--in-red);
}
.in-depths sup{font-size:9px;line-height:0;vertical-align:super}

/* Layout */
.in-layout{
	display:grid;grid-template-columns:220px minmax(0,1fr);
	gap:28px;align-items:start;
	margin-top:32px;
}

/* Sidebar cards */
.in-side-card{
	background:var(--in-side);color:var(--in-side-ink);
	border:1px solid transparent;
	margin-bottom:16px;overflow:hidden;
}
.in-side-head{
	background: transparent;
    color: #fff;
    padding: 13px 14px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
    border-bottom: 1px solid #adadad;
}
.in-drive-list,.in-point-list{list-style:none;margin:0;padding:0}
.in-drive-list button,
.in-point-list button{
	display:flex;width:100%;align-items:center;justify-content:space-between;
	gap:10px;padding:12px 14px;border-bottom:1px solid var(--in-side-line);
	font-size:14px;color:#fff;transition:background .12s ease,color .12s ease;
}
.in-drive-list li:last-child button,
.in-point-list li:last-child button{border-bottom:0}
.in-drive-list button:hover,
.in-point-list button:hover{background:rgba(0,0,0,.08)}
.in-drive-list button.is-active,
.in-drive-list button.is-active:hover{
	background:#111;color:#fff;font-weight:700;
}
.in-drive-tag{
	font-size:11px;font-weight:700;color:inherit;letter-spacing:.02em;
}
.in-point-list button.is-active{background:#fff;color:#111;font-weight:700}

.in-shape-preview{
	display:flex;flex-direction:column;align-items:center;
	gap:10px;padding:20px 14px 10px;
}
.in-change-shape{
	font-size:11px;font-weight:800;letter-spacing:.12em;
	text-transform:uppercase;color:var(--in-side-ink);
}
.in-specials{padding:16px 14px 18px;border-top:1px solid var(--in-side-line)}
.in-specials-title{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--in-side-ink)}
.in-specials-text{margin:0 0 14px;font-size:13px;color:var(--in-side-ink);opacity:.85;line-height:1.4}
.in-quote-btn{
	display:inline-flex;align-items:center;justify-content:center;width:100%;
	min-height:40px;padding:0 12px;background:var(--in-red);color:#fff!important;
	font-size:13px;font-weight:700;border-radius:2px;
}
.in-quote-btn:hover{background:var(--in-red-dark)}

/* Results */
.in-results-head{
	display:flex;justify-content:space-between;align-items:baseline;
	gap:18px;flex-wrap:wrap;margin-bottom:14px;
}
.in-impact-catalog[data-ajax-action="in_hammer_filter"] .in-results-head {
    margin-top: 20px;
}
.in-results h2{
	margin:0;font-size:18px;line-height:1.3;font-weight:700;
	color:#111;text-transform:lowercase;
}
.in-count{margin:6px 0 0;font-size:13px;color:#6b7280}
.in-search{
	display:flex;align-items:center;gap:8px;
	min-width:min(100%,280px);height:40px;padding:0 12px;
	border:1px solid #D1D5DB;background:#fff;color:#9ca3af;
}
.in-search input{
	border:0;outline:0;width:100%;height:100%;
	font-size:14px;color:#111;background:transparent;
}
.in-search input::placeholder{color:#9ca3af}

/* Table */
.in-table-wrap{
	border:1px solid var(--in-line);background:#fff;
	overflow:auto;position:relative;min-height:140px;
}
.in-table-wrap[data-in-loading="1"]::after{
	content:"";position:absolute;inset:0;background:rgba(255,255,255,.55);
}
.in-table{width:100%;border-collapse:collapse;min-width:680px}
.in-table th{
	background:var(--in-black);color:#fff;text-align:left;
	padding:13px 16px;font-size:12px;font-weight:800;
	letter-spacing:.1em;text-transform:uppercase;
}
.in-table td{
	padding:13px 16px;border-bottom:1px solid #ECECEC;
	font-size:14px;vertical-align:top;color:#222;
}
.in-table tbody tr:nth-child(even){background:var(--in-zebra)}
.in-table tbody tr:nth-child(odd){background:#fff}
.in-table tbody tr.is-hidden{display:none}
.in-size{width:110px;font-weight:700;white-space:nowrap;color:#111}
.in-part{width:210px}
.in-part a{color:var(--in-red);font-weight:700}
.in-part a:hover{text-decoration:underline}
.in-desc{color:#333;line-height:1.45}
.in-empty td{padding:36px 16px;text-align:center;color:#6b7280}
.in-compact-filters{display:none}
.in-count,.in-count-num{display:none}

@media (max-width:1023px){
	.in-impact-catalog{max-width:100%;width:100%;padding:12px 16px 48px;overflow-x:hidden}
	.in-layout,.in-sidebar,.in-results,.in-side-card,.in-filters-top,.in-compact-filters{min-width:0;max-width:100%}
	.in-filters-top{display:none}
	.in-compact-filters{display:block;width:100%;margin:14px 0 12px}
	.in-compact-scroll{
		display:flex;flex-wrap:nowrap;gap:8px;width:100%;
		overflow-x:auto;-webkit-overflow-scrolling:touch;
		scrollbar-width:none;padding:2px 2px 6px;
	}
	.in-compact-scroll::-webkit-scrollbar{display:none}
	.in-compact-filters .in-compact-pill{
		display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
		min-height:40px;padding:0 28px 0 14px;position:relative;
		border:1.5px solid #d5d5d5;border-radius:999px;background:#fff;color:#111;
		font-size:13px;font-weight:700;white-space:nowrap;
	}
	.in-compact-pill.is-open{border-color:var(--in-red)}
	.in-compact-k{flex:none}
	.in-compact-pill::after{
		content:"";position:absolute;right:12px;top:50%;
		width:0;height:0;margin-top:-2px;pointer-events:none;
		border-left:4px solid transparent;border-right:4px solid transparent;
		border-top:5px solid #111;
	}
	.in-compact-sheet{display:none;margin-top:8px;background:#f3f4f6;border-radius:12px;padding:12px}
	.in-compact-sheet.is-open{display:block}
	.in-compact-pane{display:none;flex-wrap:wrap;gap:8px}
	.in-compact-pane.is-open{display:flex}
	.in-compact-pane .in-compact-choice{
		display:inline-flex;align-items:center;justify-content:center;
		min-height:36px;padding:0 14px;border-radius:999px;
		border:1px solid #e4e4e4;background:#fff;color:#222;
		font-size:13px;font-weight:700;white-space:nowrap;
	}
	.in-compact-pane .in-compact-choice.is-active{background:#111;border-color:#111;color:#fff}
	.in-compact-pane .in-mat{
		width:auto !important;max-width:100% !important;flex:0 1 auto !important;
		border-radius:999px;min-height:36px;padding:0 16px !important;white-space:nowrap;
	}
	.in-layout{display:flex;flex-direction:column;gap:18px;margin-top:8px;width:100%}
	.in-results{order:1;width:100%;min-width:0}
	.in-sidebar{order:2;width:100%;min-width:0}
	.in-depth-legend,.in-depths,.in-sidebar .in-side-card:not(.in-shape-card),
	.in-shape-preview,.in-sidebar .in-point-list{display:none}
	.in-hero-inner{display:block;position:relative;padding:22px 18px 18px}
	.in-hero-kicker{display:block}
	.in-hero h1{display:block;max-width:none;font-size:28px;line-height:1.15}
	.in-hero-sub{margin:12px 0 0;max-width:none;padding-right:78px;font-size:14px;line-height:1.5}
	.in-hero-point{
		display:flex;flex-direction:column;align-items:center;gap:4px;
		position:absolute;right:14px;bottom:16px;
	}
	.in-hero .in-hex,
	.in-hero .in-hex[data-points]{
		content:normal;width:52px;height:52px;border-radius:50%;
		background:var(--in-red);color:#fff;display:grid;place-items:center;
		font-size:22px;font-weight:800;
	}
	.in-impact-catalog[data-catalog="hammer"] .in-hero .in-hex[data-points="spline"]{
		content:url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Spline.svg);
		background:transparent;border-radius:0;
	}
	.in-impact-catalog[data-catalog="hammer"] .in-hero .in-hex[data-points="open-end"]{
		content:url(https://imperial-newton.stagingshub.com/wp-content/uploads/2026/10/Circle.svg);
		background:transparent;border-radius:0;
	}
	.in-hero-point::after{
		content:"POINT";font-size:11px;font-weight:800;letter-spacing:.14em;color:#fff;
	}
	.in-materials{display:none}
	.in-metal-line{
		border-radius:12px;margin:0 0 12px;padding:16px 18px;
		font-size:18px;font-weight:800;line-height:1.25;
		max-width:100%;overflow-wrap:anywhere;
	}
	.in-count-num{display:inline;font-weight:700}
	.in-results h2{
		font-size:14px;font-weight:700;text-transform:none;
		max-width:100%;overflow-wrap:anywhere;
	}
	.in-results-head{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-bottom:12px}
	.in-search{width:100%;min-width:0;max-width:100%;border-radius:10px;height:44px}
	.in-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
	/* .in-table{min-width:0;width:100%} */
	.in-table th,.in-table td{padding:10px 10px}
	.in-size,.in-part{width:auto;white-space:normal}
	.in-part a,.in-desc{overflow-wrap:anywhere}
	.in-bc,.in-bc-current{max-width:100%;overflow-wrap:anywhere;font-size:12px}
	.in-shape-card{background:transparent}
	.in-specials{background:var(--in-side);color:var(--in-side-ink);border:0;border-radius:8px}
}
@media (max-width:767px){
	.in-hero h1{
		max-width: 95%;
	}
	.in-impact-catalog{padding:8px 12px 40px}
	.in-hero-inner{padding:16px 14px}
	.in-hero-sub{font-size:13px}
	.in-compact-pill{font-size:12px;min-height:38px}
	.in-metal-line{font-size:16px;padding:14px 14px}
	.in-results h2{font-size:13px}
	.in-table th,.in-table td{padding:10px 8px;font-size:13px}
}