/* Hydraulic Torque & Hand Torque single pages.
   Loaded after in-torque.css (Torque Multiplier) and only adds what differs. */

.in-torque.in-tt .in-hero-inner{min-height:144px}
.in-torque.in-tt .in-hero-icon{width:auto;height:64px;max-width:120px}
.in-torque.in-tt .in-hero-icon.is-hydraulic{width:79px}
.in-torque.in-tt .in-hero-icon.is-hand{width:120px}

/* Sidebar: long titles wrap (Hand Torque), arrow stays centred */
.in-torque.in-tt .in-tm-nav .in-tm-nav-name{line-height:1.7}
.in-torque.in-tt .in-tm-nav a:hover{border-color:var(--in-black)}
.in-torque.in-tt .in-tm-nav a.is-active:hover{border-color:var(--in-black)}
.in-torque.in-tt .in-tm-nav .in-tm-nav-arrow{font-size:18px;line-height:1;color:#9ca3af;opacity:1}
.in-torque.in-tt .in-tm-nav a.is-active .in-tm-nav-arrow{color:#fff}

/* Media: 1, 2 or 3 images */
.in-torque.in-tt .in-tm-media.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.in-torque.in-tt .in-tm-media figure{min-height:268px;overflow:hidden}
.in-torque.in-tt .in-tm-media img{max-height:230px;width:auto;height:auto;object-fit:contain}

/* Section heading above the specification table */
.in-torque.in-tt .in-tt-h4{
	margin:0 0 12px;font-size:14px;font-weight:800;line-height:1.5;
	letter-spacing:.086em;text-transform:uppercase;color:#030D1E;
}

/* Hydraulic: label / value specification table */
.in-torque.in-tt .in-tt-specs{min-width:0}
.in-torque.in-tt .in-tt-specs th,
.in-torque.in-tt .in-tt-specs td{
	padding:13px 16px;font-size:14px;line-height:1.7;
	white-space:normal;vertical-align:top;border-bottom:0;
	letter-spacing:0;text-transform:none;text-align:left;
}
.in-torque.in-tt .in-tt-specs th{
	width:28%;min-width:200px;background:transparent;font-weight:700;
}
.in-torque.in-tt .in-tt-specs tbody tr:nth-child(even) th{background:transparent}
.in-torque.in-tt .in-tt-specs td{color:#1c1c1c}

/* Hand: parts table */
.in-torque.in-tt .in-tt-parts{min-width:560px}
.in-torque.in-tt .in-tt-parts th{vertical-align:bottom;line-height:1.7;white-space:normal}
.in-torque.in-tt .in-tt-parts td{border-bottom:0;line-height:1.7}
.in-torque.in-tt .in-tt-parts td.in-part{white-space:nowrap}

.in-torque.in-tt .in-tm-copy{color:#333}

/* Tablet */
@media (max-width:1023px){
	.in-torque.in-tt .in-tm-media.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}
	.in-torque.in-tt .in-tm-media figure{min-height:220px}
}

/* Mobile */
@media (max-width:767px){
	.in-torque.in-tt .in-hero-inner{min-height:0}
	.in-torque.in-tt .in-hero-icon{display:none}
	.in-torque.in-tt .in-tm-media,
	.in-torque.in-tt .in-tm-media.is-three{grid-template-columns:minmax(0,1fr)}
	.in-torque.in-tt .in-tt-specs,
	.in-torque.in-tt .in-tt-specs tbody,
	.in-torque.in-tt .in-tt-specs tr,
	.in-torque.in-tt .in-tt-specs th,
	.in-torque.in-tt .in-tt-specs td{display:block;width:100%;min-width:0}
	.in-torque.in-tt .in-tt-specs th{padding:12px 14px 2px}
	.in-torque.in-tt .in-tt-specs td{padding:0 14px 12px;font-size:13px}
	.in-torque.in-tt .in-tt-parts th,
	.in-torque.in-tt .in-tt-parts td{padding:10px 12px;font-size:13px}
}