/*
Theme Name: Qingyao Abrasives
Theme URI: https://qinghang-abrasives.com/
Author: Shandong Qingyao Metal Abrasives Co., Ltd.
Description: Industrial product theme for Qingyao metal abrasives.
Version: 1.0.0
Text Domain: qingyao-abrasives
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
.modal[hidden]{display:none!important}.close{line-height:1;z-index:2}
:root{--orange:#f05a28;--navy:#101b2c;--ink:#172030;--paper:#f4f1ea;--line:#d9d6cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{height:38px;padding:0 4.5vw;background:var(--navy);color:#c8ced8;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.04em}.topbar div{display:flex;gap:28px}.header{height:82px;padding:0 4.5vw;display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brandmark{width:42px;height:42px;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:Manrope;font-weight:700;letter-spacing:-1px}.brand b{font:700 18px/1 Manrope;letter-spacing:.18em}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:5px;color:#687080}.nav{display:flex;gap:28px;margin:auto}.nav a{font-size:14px;font-weight:500}.nav a:hover{color:var(--orange)}.quoteBtn,.primary{border:0;background:var(--orange);color:#fff;padding:14px 20px;font-weight:600}.quoteBtn span,.primary span{margin-left:18px}.menubtn{display:none}.hero{min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.heroMedia{position:absolute;inset:0;background:url('https://i0.wp.com/steelshotgrit690077ae2d-esalv.wordpress.com/wp-content/uploads/2026/06/qinghang-abrasives-co.-ltd-6a2f5ec39c4f5.png?ssl=1') center/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,32,.91) 0%,rgba(8,18,32,.57) 52%,rgba(8,18,32,.15) 100%)}.heroContent{position:relative;z-index:2;margin-left:8vw;margin-top:-40px}.eyebrow,.sectionNo{font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--orange)}.hero h1,.sectionHead h2,.intro h2,.quality h2{font:500 clamp(44px,6.2vw,86px)/.97 Manrope;margin:25px 0;letter-spacing:-.055em}.hero h1 em,.sectionHead h2 em,.intro h2 em,.quality h2 em{font-weight:400;color:var(--orange);font-style:normal}.heroContent>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#d3d8df}.heroActions{display:flex;align-items:center;gap:28px;margin-top:34px}.textBtn{border:0;background:transparent;color:#fff;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.45)}.textBtn span{margin-left:25px}.heroStats{position:absolute;z-index:3;bottom:0;right:0;display:grid;grid-template-columns:repeat(3,180px);background:#fff;color:var(--ink)}.heroStats div{padding:22px 24px;border-left:1px solid #ddd}.heroStats b{font:600 28px Manrope;display:block}.heroStats span{font-size:11px;color:#737a86}.intro{padding:120px 8vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.intro h2,.quality h2,.sectionHead h2{font-size:clamp(40px,4.5vw,64px)}.introCopy{padding-top:45px;max-width:580px}.introCopy p{font-size:16px;line-height:1.85;color:#626a76}.introCopy a{display:inline-block;margin-top:18px;font-weight:600;border-bottom:1px solid}.introCopy a span{margin-left:25px}.strengths{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8vw 110px}.strengths article{padding:35px;border:1px solid var(--line);margin-left:-1px}.strengths article>span{font-size:12px;color:var(--orange)}.strengths h3{font:600 21px Manrope;margin:45px 0 15px}.strengths p{color:#6e7580;line-height:1.7}.products{background:var(--navy);color:#fff;padding:110px 8vw}.sectionHead{display:flex;align-items:end;justify-content:space-between}.sectionHead>p{max-width:430px;line-height:1.75;color:#aeb6c2;margin-bottom:26px}.sectionNo.light{color:#f58964}.productTabs{display:flex;border-bottom:1px solid #3b4656;margin:35px 0 55px;overflow:auto}.productTabs button{background:none;color:#8792a2;border:0;border-bottom:3px solid transparent;padding:17px 24px;white-space:nowrap}.productTabs button span{display:block;font-size:10px;text-align:left;color:#657083;margin-bottom:5px}.productTabs button.active{color:#fff;border-color:var(--orange)}.productFeature{display:grid;grid-template-columns:1.35fr .65fr;min-height:510px}.productImage{background:center/cover;position:relative}.productImage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%)}.productImage span{position:absolute;z-index:2;left:30px;bottom:25px;font-size:18px}.productInfo{background:#fff;color:var(--ink);padding:55px}.productInfo>p:first-child{font-size:11px;color:var(--orange);letter-spacing:.12em}.productInfo h3{font:600 34px Manrope;margin:40px 0 5px}.productInfo h4{margin:0 0 25px;color:#7b8490}.productInfo>p{line-height:1.7;color:#69717d}.productInfo ul{list-style:none;padding:0;margin:28px 0}.productInfo li{padding:10px 0;border-bottom:1px solid #eee;font-size:14px}.productInfo li:before{content:"✓";color:var(--orange);margin-right:10px}.solutions{padding:115px 8vw;background:var(--paper)}.sectionHead.dark>p{color:#657080}.appGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.appGrid article{min-height:210px;padding:28px;border:1px solid #d5d0c7;margin:-1px 0 0 -1px;position:relative;transition:.3s}.appGrid article:hover{background:var(--orange);color:#fff;transform:translateY(-5px)}.appGrid article>span{font-size:11px}.appGrid h3{margin-top:55px;font:600 19px Manrope}.appGrid p{font-size:13px;color:#777}.appGrid article:hover p{color:#fff}.appGrid i{position:absolute;right:25px;bottom:25px}.quality{display:grid;grid-template-columns:1fr 1fr}.qualityImage{min-height:670px;background:url('https://i0.wp.com/steelshotgrit690077ae2d-esalv.wordpress.com/wp-content/uploads/2026/06/2db4b030-50d0-4c15-a089-5292916e06a0-1.png?ssl=1') center/cover}.qualityCopy{padding:100px 8vw 80px 6vw;background:#fff}.qualityCopy>p:not(.sectionNo){line-height:1.8;color:#68717e}.checks{display:grid;grid-template-columns:1fr 1fr;margin:35px 0}.checks span{padding:15px 0;border-bottom:1px solid #ddd}.checks span:before{content:"●";color:var(--orange);margin-right:10px}.darkText{color:var(--ink);border-color:#999}.cta{background:var(--orange);color:#fff;text-align:center;padding:105px 20px}.cta p{font-size:11px;letter-spacing:.18em}.cta h2{font:500 clamp(36px,4.3vw,62px)/1.12 Manrope;letter-spacing:-.04em}.cta button{border:1px solid #fff;background:#fff;color:var(--orange);padding:16px 22px;font-weight:600}.cta button span{margin-left:30px}footer{background:#0b1422;color:#c1c7d0;padding:70px 7vw 30px;display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:55px;position:relative}footer .brand{color:#fff}footer p,footer a{font-size:13px;line-height:1.9;display:block}footer h4{font-size:11px;letter-spacing:.14em;color:#fff;margin-bottom:20px}.copyright{position:absolute;bottom:25px;left:7vw;color:#6e7887}.modal{position:fixed;inset:0;background:rgba(5,11,20,.75);z-index:50;display:grid;place-items:center;padding:20px}.modalCard{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;padding:50px;position:relative}.close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:32px}.modalCard h3{font:600 34px Manrope;margin:15px 0 30px}.modalCard form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modalCard label{font-size:12px;font-weight:600}.modalCard input,.modalCard select,.modalCard textarea{display:block;width:100%;margin-top:8px;border:1px solid #d7d7d7;padding:13px;background:#fff}.modalCard label:nth-child(4){grid-column:1/-1}.modalCard textarea{height:95px;resize:vertical}.modalCard form button{grid-column:1/-1}.success{text-align:center;padding:20px}.success>span{width:60px;height:60px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;margin:auto;font-size:28px}.success a{display:inline-block;background:var(--orange);color:#fff;padding:13px 20px;margin-top:15px}
@media(max-width:900px){.topbar span{display:none}.topbar{justify-content:center}.topbar div{gap:12px}.header{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 5vw;flex-direction:column;box-shadow:0 10px 20px #0002}.nav.open{display:flex}.menubtn{display:block;margin-left:auto;background:none;border:0;font-size:24px}.quoteBtn{display:none}.hero{min-height:650px}.heroContent{margin:0 6vw}.heroStats{grid-template-columns:repeat(3,1fr);width:100%}.heroStats div{padding:15px}.intro,.quality{grid-template-columns:1fr}.intro{padding:80px 6vw}.introCopy{padding-top:0}.strengths{grid-template-columns:1fr;padding:0 6vw 70px}.products,.solutions{padding:80px 6vw}.sectionHead{display:block}.productFeature{grid-template-columns:1fr}.productImage{min-height:360px}.productInfo{padding:35px}.appGrid{grid-template-columns:1fr 1fr}.qualityImage{min-height:450px}.qualityCopy{padding:70px 7vw}footer{grid-template-columns:1fr 1fr;padding-bottom:80px}.copyright{bottom:25px}}@media(max-width:560px){.topbar{height:auto;padding:8px}.topbar div{flex-direction:column;text-align:center;gap:3px}.brand{min-width:0}.brand b{font-size:15px}.hero h1{font-size:44px}.heroStats span{font-size:9px}.heroStats b{font-size:22px}.appGrid,footer{grid-template-columns:1fr}.productInfo h3{font-size:28px}.modalCard{padding:40px 25px}.modalCard form{grid-template-columns:1fr}.modalCard label:nth-child(4),.modalCard form button{grid-column:auto}}