/*
Theme Name: TradeMetall
Theme URI: https://trademetall.pro/
Author: TradeMetall
Description: Custom production-focused WordPress theme for TradeMetall.
Version: 1.0.0
Text Domain: trademetall
*/
:root{--ink:#121516;--steel:#202526;--lime:#d7ef42;--paper:#f4f4ef;--line:#cdd0c8;--muted:#6e736f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.topline{background:var(--ink);color:#fff;font-size:13px}.topline .wrap{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline a{opacity:.78}.topline a:hover{opacity:1}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:24px;font-weight:900;text-transform:uppercase;line-height:.8}.brand small{display:block;margin-top:9px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.8px}.menu{display:flex;list-style:none;padding:0;margin:0;gap:28px;font-size:14px;font-weight:700}.menu a:hover{color:#6b7a00}.button{border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e4fa5a}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#303637}.hero{background:var(--ink);color:#fff;overflow:hidden}.hero .wrap{min-height:612px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:70px 0;position:relative;z-index:1}.eyebrow{color:var(--lime);text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:800;margin:0 0 19px}h1{font-size:clamp(42px,5vw,74px);line-height:.97;max-width:700px;margin:0;text-transform:uppercase}.hero-copy>p:not(.eyebrow){color:#d0d5d2;max-width:530px;font-size:18px;margin:27px 0 34px}.hero-photo{position:absolute;top:0;bottom:0;left:47%;right:calc((1240px - 100vw)/2);min-width:55vw;background:linear-gradient(90deg,var(--ink) 0%,transparent 19%),url('assets/images/hero.png') center/cover no-repeat;opacity:.82}.hero-stats{position:absolute;bottom:0;left:0;display:flex;border-left:1px solid #4a4e4f}.stat{width:175px;padding:21px 20px;border-top:1px solid #4a4e4f;border-right:1px solid #4a4e4f}.stat strong{display:block;font-size:27px;line-height:1;color:var(--lime)}.stat span{display:block;margin-top:7px;color:#c6cac8;font-size:12px}.section{padding:104px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px}.section-label{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:800}.section h2{font-size:clamp(32px,4vw,52px);line-height:1;text-transform:uppercase;margin:10px 0 0}.section-head>p{max-width:430px;margin:0;color:#575c58}.products{background:#e7e8e2}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.product{min-height:232px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.product:hover{background:var(--lime)}.product-index{color:var(--muted);font:700 12px/1 monospace}.product h3{font-size:23px;line-height:1.05;text-transform:uppercase;margin:0 0 10px}.product p{color:#4e534f;max-width:300px;font-size:14px;margin:0}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}.lead{font-size:25px;line-height:1.25;margin:0}.about-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:54px}.about-visuals img{display:block;width:100%;height:235px;object-fit:cover;filter:grayscale(100%)}.checks{border-top:1px solid var(--line);list-style:none;padding:0;margin:0}.checks li{padding:19px 0 19px 31px;border-bottom:1px solid var(--line);position:relative;font-weight:600}.checks li:before{content:'+';position:absolute;left:0;color:#788800;font-size:22px;font-weight:400;top:14px}.contact{background:var(--lime);padding:78px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.contact h2{font-size:clamp(36px,5vw,63px);line-height:.96;margin:11px 0 0;text-transform:uppercase}.contact-data{border-top:1px solid #9cae2d}.contact-data a,.contact-data p{display:block;border-bottom:1px solid #9cae2d;margin:0;padding:17px 0;font-weight:700}.contact-data span{display:block;color:#596401;text-transform:uppercase;letter-spacing:1px;font-size:10px;margin-bottom:5px}.site-footer{background:var(--ink);color:#fff;padding:28px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;color:#aeb4b0}.footer-inner strong{color:#fff}@media(max-width:800px){.wrap{width:min(100% - 32px,1240px)}.topline .wrap{justify-content:center}.topline a:first-child{display:none}.nav{height:65px}.menu{display:none}.hero .wrap{min-height:660px;display:block}.hero-copy{padding-top:61px}.hero-photo{top:318px;left:0;right:0;bottom:0;min-width:0;background:linear-gradient(180deg,var(--ink) 0%,transparent 28%),url('assets/images/hero.png') center/cover no-repeat}.hero-stats{left:0;right:0;overflow:auto}.stat{flex:1;min-width:125px;padding:16px 12px}.section{padding:70px 0}.section-head,.about-grid,.contact-grid{display:block}.section-head>p{margin-top:20px}.product-grid{grid-template-columns:1fr}.product{min-height:180px}.lead{font-size:21px}.about-visuals{margin-top:34px}.about-visuals img{height:150px}.checks{margin-top:38px}.contact-grid>.contact-data{margin-top:34px}.footer-inner{display:block}.footer-inner p{margin:0 0 7px}}