/*
Theme Name: Heavy Trade Hub
Description: Staging catalogue for heavytradehub.com.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: machinery-catalogue
*/
*{box-sizing:border-box}
:root{font-family:Inter,Arial,sans-serif;color:#19282d;background:#f4f5f2;line-height:1.55;--ink:#162e39;--accent:#ef9f29;--frame:1320px}
body{margin:0;color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-underline-offset:.17em}img{display:block;max-width:100%;height:auto}h1,h2,h3{line-height:1.12;margin:0 0 .6em}p{max-width:64ch;margin:0 0 1em}h1{font-size:clamp(2.25rem,5vw,5.15rem);letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(1.45rem,2.5vw,2.65rem);letter-spacing:-.03em}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #325bef;outline-offset:3px}
.frame,.panel,.second-banner,.market-entry{width:min(var(--frame),calc(100% - 48px));margin-inline:auto}.site-header{background:#fff;border-block-end:1px solid #dfe4df}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:79px}.site-logo{width:clamp(145px,20vw,244px);max-height:68px}.navigation{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.92rem;font-weight:650}.navigation a{text-decoration:none;padding-block:10px}.navigation a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px}.language{position:relative;z-index:2}.language summary{cursor:pointer}.language div{position:absolute;inset-inline-end:0;background:#fff;padding:8px 14px;min-width:136px;box-shadow:0 5px 25px #18272b26;display:grid;gap:5px}.site-footer{padding-block:36px;background:var(--ink);color:white}.site-footer a{margin-inline-end:16px}
.banner{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;position:relative;overflow:hidden;min-height:300px}.banner-copy{padding:clamp(25px,6vw,88px);align-self:center}.banner-copy p{max-width:48ch;font-size:1.05rem}.banner>img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}.home-banner{min-height:510px}.button{display:inline-flex;gap:.65em;align-items:center;padding:10px 15px;border:1px solid var(--accent);background:var(--accent);color:#1c211c;text-decoration:none;font-weight:700;margin:3px 9px 3px 0}.button.secondary{background:#fff;color:var(--ink);border-color:#cdd7d2}.button:hover{filter:brightness(.95)}.second-banner{display:grid;grid-template-columns:1fr 1.12fr;margin-block:35px 12px;background:#e8ebe4;min-height:240px}.second-banner>img{width:100%;height:100%;object-fit:cover;max-height:338px}.second-banner>div{padding:clamp(22px,4vw,56px);align-self:center}.panel{padding-block:35px 44px}.market-entry{background:white;border:1px solid #d9dfd8;padding:18px 22px;margin-top:23px}.market-entry h2{font-size:1.34rem}.market-entry .brand-grid{margin-bottom:12px}
.brand-grid{display:flex;gap:8px;flex-wrap:wrap}.brand-grid a{background:white;border:1px solid #d1dad5;padding:9px 13px;text-decoration:none;font-weight:650}.brand-grid a:hover{border-color:var(--ink)}.brand-grid small{display:inline-block;margin-inline-start:10px;font-size:.72em;color:#4d6560}.brands-panel h3{margin-top:24px;font-size:1rem}.quiet a{background:transparent}
.filters{display:grid;grid-template-columns:minmax(160px,1.6fr) 1fr 1fr auto;gap:10px;background:#fff;padding:12px;border:1px solid #d6ded9;margin-bottom:18px}.filters :is(input,select,output){min-width:0;border:1px solid #c6d0cb;background:#fff;color:var(--ink);padding:10px 11px}.filters output{background:var(--ink);color:white;font-weight:700}.listings,.guide-grid,.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:13px}.listing,.guide-grid article,.site-grid a{background:white;border:1px solid #d5dfd8;min-width:0}.listing-image{display:block;background:#e7ece8}.listing-image img{width:100%;height:183px;object-fit:cover}.listing-body,.guide-grid article,.site-grid a{padding:15px}.listing-body h3{font-size:1.15rem;margin:6px 0 8px}.listing-body h3 a{text-decoration:none}.listing-body p{font-size:.88rem;color:#3f5358}.label{font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;font-weight:750;color:#405358}.listing-actions{display:flex;gap:8px 15px;flex-wrap:wrap;font-weight:700;font-size:.84rem}.site-grid a{display:grid;text-decoration:none;gap:4px}.site-grid img{max-height:72px;width:220px}.site-grid small{color:#43544f}
.about-banner{background:#e3e9e4;color:var(--ink);grid-template-columns:.9fr 1.1fr}.about-banner>img{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.catalogue-banner{min-height:230px;grid-template-columns:1.4fr .6fr}.catalogue-banner>img{min-height:230px;max-height:330px}.brand-banner{background:#dde9e8;color:var(--ink);grid-template-columns:1fr 1fr}.brand-banner img{max-height:310px}.news-banner,.article-banner{display:flex;flex-direction:column-reverse;width:min(var(--frame),100%);margin:auto;background:#fff;color:var(--ink)}.news-banner img,.article-banner img{width:100%;min-height:0;max-height:300px;object-fit:cover}.news-banner .banner-copy,.article-banner .banner-copy{align-self:stretch;padding:25px 33px;border-inline-start:7px solid var(--accent)}.contact-banner{grid-template-columns:1.3fr .7fr;background:#f5e9da;color:var(--ink)}.contact-banner>img{max-height:300px}.product-banner{grid-template-columns:1.35fr .65fr;min-height:240px}.product-banner>img{min-height:220px;max-height:320px}.product-banner .banner-copy{padding-block:26px}.product-banner h1{font-size:clamp(2rem,4vw,4.5rem)}
.detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:25px}.gallery>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e6ebe7}.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumbs button{border:2px solid transparent;padding:0;cursor:pointer}.thumbs button[aria-pressed=true]{border-color:var(--ink)}.thumbs img{width:70px;height:56px;object-fit:cover}.facts{padding:20px;background:#fff;border:1px solid #d6ded8;align-self:start}.facts dl{margin-top:0}.facts dt{font-size:.82rem;font-weight:700}.facts dd{margin:0 0 10px}.facts .button{overflow-wrap:anywhere}
.navy .home-banner{grid-template-columns:1.1fr .9fr}.red .home-banner{grid-template-columns:.8fr 1.2fr}.red .home-banner .banner-copy{order:2}.red .home-banner>img{order:1}.original .home-banner{background:#e5e9dd;color:var(--ink)}.original h1,.plum h1{font-family:Georgia,serif;letter-spacing:-.04em}.refurbished .home-banner{background:#dfece6;color:var(--ink);border-block-end:8px solid var(--ink)}.refurbished .home-banner>img{border-inline-start:12px solid var(--accent)}.dealer .home-banner{min-height:560px;isolation:isolate}.dealer .home-banner>img,.gold .home-banner>img,.brown .home-banner>img{position:absolute;inset:0;z-index:-2}.dealer .home-banner:after,.gold .home-banner:after,.brown .home-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151b1af5 3%,#1721229c 51%,#151a180e)}.dealer .home-banner,.gold .home-banner,.brown .home-banner{display:grid;grid-template-columns:minmax(280px,750px);isolation:isolate}.blue .home-banner,.ocean .home-banner{grid-template-columns:.78fr 1.22fr}.copper .home-banner,.rust .home-banner{background:#efe7df;color:var(--ink)}.brick .home-banner{border-block-end:12px solid var(--accent)}.steel .home-banner{background:#dfe8ea;color:var(--ink);min-height:375px}.steel .listing{display:grid;grid-template-columns:115px 1fr}.steel .listing-image img{height:100%;min-height:110px}.slate .home-banner{min-height:425px}.plum .home-banner{grid-template-columns:1.3fr .7fr;background:#ede7ef;color:var(--ink)}.ocean .second-banner{background:#d9e7ec}.gold .market-entry{border-top:5px solid var(--accent)}.brown .market-entry{border-left:8px solid var(--accent)}
[dir=rtl] h1,[dir=rtl] h2{letter-spacing:normal}
@media(max-width:760px){.frame,.panel,.second-banner,.market-entry{width:calc(100% - 28px)}.topbar{flex-wrap:wrap;gap:8px 15px;padding-block:7px}.navigation{order:3;flex-basis:100%;gap:4px 15px}.navigation a{padding-block:5px}.banner,.navy .home-banner,.red .home-banner,.blue .home-banner,.ocean .home-banner,.plum .home-banner{grid-template-columns:1fr;min-height:0}.banner-copy{padding:28px 18px}.banner>img{min-height:0;max-height:250px}.red .home-banner .banner-copy{order:0}.dealer .home-banner,.gold .home-banner,.brown .home-banner{min-height:330px}.dealer .home-banner>img,.gold .home-banner>img,.brown .home-banner>img{max-height:none}.about-banner>img{clip-path:none}.second-banner,.detail{grid-template-columns:1fr}.second-banner>img{height:180px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.panel{padding-block:27px}}

.quick-search{display:flex;gap:8px;margin:12px 0;align-items:stretch;max-width:630px}
.quick-search input{flex:1;min-width:0;padding:.8rem;border:1px solid #879691;border-radius:3px;color:var(--ink);background:#fff}
.quick-search button{font:inherit;font-weight:750;border:0;padding:.65rem 1rem;background:var(--ink);color:white;border-radius:3px;cursor:pointer}
@media(min-width:761px){
  .home-banner{grid-template-rows:minmax(0,1fr)}
  .home-banner>img{min-height:0;height:100%;max-height:640px}
  .home-banner h1{font-size:clamp(2.45rem,4.6vw,5.45rem)}
  .ocean .home-banner{grid-template-columns:1fr 1fr;background:#f2f6f5;color:var(--ink);border-block-end:10px solid var(--ink)}
  .ocean .home-banner>img{order:-1;clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}
  .ocean .market-entry{background:var(--ink);color:white}
  .ocean .quick-search button{background:var(--accent);color:var(--ink)}
  .rust .home-banner{grid-template-columns:1fr 1fr;margin-inline:auto;width:min(var(--frame),calc(100% - 48px));margin-block-start:22px}
  .rust .home-banner>img{border:14px solid #e7d7ca;border-inline-start:0}
  .copper .market-entry{border-block-start:5px solid var(--accent)}
  .slate .home-banner .banner-copy{border-inline-start:10px solid var(--accent)}
  .brick .home-banner{grid-template-columns:1.15fr .85fr}
  .brick .home-banner>img{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
}