/*
 * Quality & Inspection page — scoped styles only.
 * Does not alter Header, Footer, other pages, products, posts or WordPress UI.
 */

.tgg-quality-page{
	--qi-yellow:#f7b817;
	--qi-ink:#171717;
	--qi-bg:#202121;
	--qi-bg-alt:#272828;
	--qi-card:#303131;
	--qi-line:rgba(255,255,255,.09);
	--qi-muted:#c7c9c9;
	--qi-max:1160px;
	background:var(--qi-bg);
	color:#fff;
	overflow:hidden;
}

.tgg-quality-page *{box-sizing:border-box}
.tgg-quality-page img{display:block;max-width:100%}
.tgg-quality-page a{text-decoration:none}

.qi-container{
	width:min(var(--qi-max),calc(100% - 44px));
	margin:0 auto;
}

.qi-kicker{
	display:inline-block;
	font-size:12px;
	line-height:1.2;
	font-weight:900;
	letter-spacing:.13em;
	color:var(--qi-yellow);
}
.qi-kicker-dark{color:var(--qi-ink)}

/* Hero */
.qi-hero{
	background:#1d1e1e;
	padding:54px 0 64px;
}
.qi-hero-grid{
	display:grid;
	grid-template-columns:.93fr 1.07fr;
	min-height:560px;
	border:1px solid var(--qi-line);
	background:#252626;
}
.qi-hero-copy{
	padding:60px 52px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.qi-hero-copy h1{
	max-width:560px;
	margin:14px 0 24px;
	font-size:clamp(48px,4.2vw,68px);
	line-height:.96;
	letter-spacing:-.05em;
	color:#fff;
}
.qi-hero-copy p{
	max-width:570px;
	margin:0 0 30px;
	font-size:18px;
	line-height:1.72;
	color:#d7d8d8;
}
.qi-actions{display:flex;gap:12px;flex-wrap:wrap}
.qi-btn{
	display:inline-flex;
	align-items:center;
	gap:12px;
	padding:15px 19px;
	font-size:12px;
	line-height:1.1;
	font-weight:900;
	border:1px solid rgba(255,255,255,.22);
	color:#fff;
}
.qi-btn-yellow{background:var(--qi-yellow);border-color:var(--qi-yellow);color:var(--qi-ink)}
.qi-btn-ghost:hover{border-color:var(--qi-yellow)}

.qi-hero-media{
	position:relative;
	overflow:hidden;
	min-height:560px;
	background:#2b2c2c;
}
.qi-hero-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 68%;
}
.qi-hero-media:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(29,30,30,.2),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.12),transparent 45%);
	pointer-events:none;
}
.qi-hero-badge{
	position:absolute;
	right:28px;
	bottom:28px;
	z-index:2;
	width:205px;
	padding:18px 19px;
	background:var(--qi-yellow);
	color:var(--qi-ink);
}
.qi-hero-badge strong{display:block;font-size:21px;line-height:1.02}
.qi-hero-badge span{display:block;margin-top:8px;font-size:11px;line-height:1.45;font-weight:800}

/* Sections */
.qi-section{padding:86px 0}
.qi-section-dark{background:var(--qi-bg)}
.qi-section-alt{background:var(--qi-bg-alt)}
.qi-section-head{
	display:grid;
	grid-template-columns:1.08fr .92fr;
	gap:64px;
	align-items:end;
	margin-bottom:42px;
}
.qi-section-head h2{
	max-width:720px;
	margin:8px 0 0;
	font-size:clamp(40px,3.4vw,54px);
	line-height:1;
	letter-spacing:-.04em;
	color:#fff;
}
.qi-section-head > p{
	margin:0;
	font-size:16px;
	line-height:1.75;
	color:var(--qi-muted);
}

/* Main inspection cards */
.qi-check-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}
.qi-check-card{
	min-height:285px;
	padding:28px;
	border:1px solid var(--qi-line);
	background:var(--qi-card);
	display:flex;
	flex-direction:column;
}
.qi-card-no{
	font-size:12px;
	font-weight:900;
	letter-spacing:.08em;
	color:var(--qi-yellow);
}
.qi-check-card h3{
	margin:28px 0 12px;
	font-size:24px;
	line-height:1.08;
	letter-spacing:-.02em;
	color:#fff;
}
.qi-check-card p{
	margin:0;
	font-size:15px;
	line-height:1.72;
	color:#d0d1d1;
}
.qi-method{
	margin-top:auto;
	padding-top:22px;
	font-size:11px;
	line-height:1.45;
	font-weight:900;
	letter-spacing:.035em;
	color:var(--qi-yellow);
}

/* Galvanizing split */
.qi-galvanizing-section{background:var(--qi-bg);padding:34px 0 78px}
.qi-split{
	display:grid;
	grid-template-columns:1fr 1fr;
	width:min(var(--qi-max),calc(100% - 44px));
	min-height:500px;
	margin:0 auto;
	border:1px solid var(--qi-line);
	overflow:hidden;
	background:#2a2b2b;
}
.qi-split-media{position:relative;overflow:hidden;min-height:500px}
.qi-split-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 65%;
}
.qi-split-copy{
	padding:50px 52px;
	background:var(--qi-yellow);
	color:var(--qi-ink);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.qi-split-copy h2{
	margin:10px 0 20px;
	font-size:clamp(40px,3.4vw,52px);
	line-height:.98;
	letter-spacing:-.045em;
	color:var(--qi-ink);
}
.qi-split-copy > p{
	margin:0 0 26px;
	font-size:16px;
	line-height:1.72;
}
.qi-point-list{display:grid;gap:13px}
.qi-point{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;font-weight:700}
.qi-point i{
	width:24px;
	height:24px;
	flex:0 0 24px;
	border-radius:50%;
	background:var(--qi-ink);
	color:var(--qi-yellow);
	display:grid;
	place-items:center;
	font-style:normal;
	font-size:11px;
}

/* Visual evidence */
.qi-visual-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.qi-visual-card{
	position:relative;
	height:500px;
	min-height:0;
	border:1px solid var(--qi-line);
	background:#252626;
	overflow:hidden;
}
.qi-visual-card-main img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.qi-system-card{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:22px;
	background:#252626;
}
.qi-system-card img{
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.qi-image-tag{
	position:absolute;
	left:22px;
	top:22px;
	z-index:2;
	padding:8px 10px;
	background:var(--qi-yellow);
	color:var(--qi-ink);
	font-size:11px;
	line-height:1;
	font-weight:900;
}
.qi-image-caption{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	padding:90px 28px 28px;
	background:linear-gradient(transparent,rgba(0,0,0,.93));
}
.qi-image-caption strong{display:block;font-size:28px;line-height:1.05;color:#fff}
.qi-image-caption span{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:#ddd}

/* New vs used */
.qi-compare-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.qi-compare-card{
	padding:34px;
	border:1px solid var(--qi-line);
	background:#303131;
}
.qi-used-card{background:var(--qi-yellow);border-color:var(--qi-yellow);color:var(--qi-ink)}
.qi-compare-card h3{margin:10px 0 14px;font-size:30px;line-height:1.04;letter-spacing:-.03em;color:#fff}
.qi-used-card h3{color:var(--qi-ink)}
.qi-compare-card p{margin:0 0 20px;font-size:15px;line-height:1.7;color:#c8c9c9}
.qi-used-card p{color:#292929}
.qi-compare-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qi-compare-card li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;font-weight:700}
.qi-compare-card li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--qi-yellow)}
.qi-used-card li:before{background:var(--qi-ink)}

/* Resource hub */
.qi-resource-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.qi-resource-main,.qi-resource-side{padding:30px;border:1px solid var(--qi-line);background:#303131}
.qi-resource-main{min-height:245px;display:flex;flex-direction:column}
.qi-resource-main h3,.qi-resource-side h3{color:#fff}
.qi-resource-main h3{margin:20px 0 12px;font-size:30px;line-height:1.06;letter-spacing:-.03em}
.qi-resource-side h3{margin:8px 0 12px;font-size:24px;line-height:1.1}
.qi-resource-main p,.qi-resource-side p{margin:0 0 18px;font-size:15px;line-height:1.7;color:#c2c4c4}
.qi-topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.qi-topic-chips span{padding:9px 11px;border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#ddd}
.qi-resource-main > a{margin-top:auto;padding-top:22px;color:var(--qi-yellow);font-size:12px;font-weight:900}
.qi-resource-note{border-left:3px solid var(--qi-yellow);padding-left:12px;font-size:13px;line-height:1.55;color:#aaa}

/* Documents */
.qi-docs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.qi-doc-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qi-doc-card{
	min-height:260px;
	padding:22px;
	border:8px solid #fff;
	background:#f2f2ed;
	color:var(--qi-ink);
	box-shadow:0 16px 34px rgba(0,0,0,.2);
	display:flex;
	flex-direction:column;
}
.qi-doc-card:nth-child(2){transform:translateY(22px)}
.qi-doc-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#666}
.qi-doc-card h3{margin:18px 0 22px;font-size:24px;line-height:1;color:var(--qi-ink)}
.qi-doc-lines{display:grid;gap:11px}
.qi-doc-lines i{display:block;height:6px;background:#c9c9c2}
.qi-doc-lines i.mid{width:78%}
.qi-doc-lines i.short{width:58%}
.qi-doc-stamp{margin-top:auto;align-self:flex-start;padding:9px 10px;background:var(--qi-yellow);font-size:11px;line-height:1.25;font-weight:900}
.qi-doc-copy h2{margin:9px 0 17px;font-size:clamp(40px,3.2vw,50px);line-height:1;letter-spacing:-.04em;color:#fff}
.qi-doc-copy p{margin:0 0 20px;font-size:16px;line-height:1.75;color:#c6c8c8}
.qi-doc-note{border-left:3px solid var(--qi-yellow);padding-left:14px;font-size:13px!important;color:#aaa!important}

/* CTA */
.qi-cta{padding:54px 0;background:var(--qi-yellow);color:var(--qi-ink)}
.qi-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.qi-cta h2{margin:5px 0 8px;font-size:clamp(34px,3vw,44px);line-height:1;letter-spacing:-.04em;color:var(--qi-ink)}
.qi-cta p{margin:0;font-size:15px;line-height:1.6}
.qi-cta-btn{display:inline-flex;gap:12px;align-items:center;padding:15px 19px;background:var(--qi-ink);color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.qi-cta-btn span{color:var(--qi-yellow)}

@media (max-width:1100px){
	.qi-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.qi-hero-copy h1{font-size:54px}
}

@media (max-width:820px){
	.qi-hero{padding:36px 0 48px}
	.qi-hero-grid{grid-template-columns:1fr;min-height:auto}
	.qi-hero-copy{padding:48px 30px}
	.qi-hero-copy h1{font-size:48px}
	.qi-hero-media{min-height:430px}
	.qi-section{padding:64px 0}
	.qi-section-head{grid-template-columns:1fr;gap:16px}
	.qi-split{grid-template-columns:1fr;width:min(var(--qi-max),calc(100% - 30px));min-height:auto}
	.qi-split-media{min-height:430px}
	.qi-split-copy{padding:44px 30px}
	.qi-visual-grid{grid-template-columns:1fr}
	.qi-visual-card{min-height:390px}
	.qi-compare-grid{grid-template-columns:1fr}
	.qi-resource-grid{grid-template-columns:1fr}
	.qi-docs-grid{grid-template-columns:1fr}
	.qi-cta-inner{align-items:flex-start;flex-direction:column}
}

@media (max-width:560px){
	.qi-container{width:min(var(--qi-max),calc(100% - 30px))}
	.qi-hero-copy{padding:40px 22px}
	.qi-hero-copy h1{font-size:42px}
	.qi-hero-copy p{font-size:16px}
	.qi-hero-media{min-height:360px}
	.qi-hero-badge{right:18px;bottom:18px;width:175px}
	.qi-check-grid{grid-template-columns:1fr}
	.qi-check-card{min-height:240px}
	.qi-split-media{min-height:360px}
	.qi-split-copy h2{font-size:38px}
	.qi-section-head h2{font-size:38px}
	.qi-visual-card{min-height:330px}
	.qi-doc-cards{gap:8px}
	.qi-doc-card{min-height:220px;padding:16px;border-width:5px}
	.qi-doc-card h3{font-size:20px}
	.qi-doc-stamp{font-size:9px}
}

/* Existing About report images reused in Documentation */
.qi-report-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.qi-report-card{margin:0;background:#f4f4ef;padding:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.qi-report-card:nth-child(2){transform:translateY(22px)}
.qi-report-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#efefe9}
.qi-report-card figcaption{padding:10px 6px 3px;color:#333;font-size:11px;font-weight:800;line-height:1.35}
@media(max-width:700px){.qi-report-images{gap:10px}.qi-report-card:nth-child(2){transform:none}.qi-report-card figcaption{font-size:10px}}