/*
Theme Name: Brew Gear Co.
Author: Brew Gear Co.
Description: B2B coffee tools catalog. Requires Brew Gear B2B Core and WooCommerce.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: brewgear
*/
:root{--ink:#253026;--muted:#697266;--paper:#f5f3eb;--accent:#485c40;--line:#d6dccf}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.8vw,82px);line-height:1.04;letter-spacing:-.055em;font-weight:500}h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:500}h3{font-size:21px;line-height:1.3;font-weight:500}.wrap{max-width:1320px;margin:auto;padding-inline:42px}.strip{background:var(--ink);color:#e7ebdf;text-align:center;font-size:10px;padding:9px;letter-spacing:.13em}.header{border-bottom:1px solid var(--line);position:relative;z-index:10}.head{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.wordmark{font-weight:bold;font-size:24px;line-height:1;letter-spacing:-1.2px}.wordmark span{display:block;letter-spacing:.22em;font-size:9px;font-weight:400;margin-top:9px}.nav,.head-actions{display:flex;gap:24px;align-items:center;font-size:13px}.head-actions{gap:10px}.language{font-size:12px;border:0;background:transparent;max-width:100px;padding:7px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:13px 22px;font-size:13px;line-height:1.4;min-height:46px}.btn:hover{background:#30422d;text-decoration:none}.btn.light{color:var(--ink);background:transparent;border-color:#9ba395}.btn.light:hover{background:#e4e8dc}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;padding-block:60px 55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;margin-bottom:24px;color:var(--muted)}.hero p{max-width:430px;color:var(--muted);margin-block:24px 30px}.hero-art{background:#dfe3d5;aspect-ratio:1/1.03;position:relative;overflow:hidden}.hero-art svg{width:100%;height:100%}.art-note{position:absolute;bottom:18px;inset-inline-start:22px;font-size:10px;letter-spacing:.08em;color:#4e5949}.actions{display:flex;flex-wrap:wrap;gap:12px}.proof{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.section{padding-block:68px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-head h2{margin:0}.section-head p{max-width:460px;color:var(--muted);margin:0}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:3px}.categories{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);gap:1px;background:var(--line)}.category{padding:25px 20px;background:var(--paper);min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.category:hover{background:#e8ecdf;text-decoration:none}.category .num{font-size:11px;color:var(--muted)}.category strong{font-size:18px;font-weight:500;line-height:1.25}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{min-width:0}.card-art{display:block;background:#e9ece2;aspect-ratio:1;position:relative;padding:18px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain}.card-art svg{width:100%;height:100%;transition:transform .3s}.card-art:hover svg{transform:translateY(-4px)}.badge{position:absolute;inset-inline-start:12px;top:12px;background:var(--paper);padding:4px 8px;font-size:9px;letter-spacing:.09em}.card-info{padding-block:16px}.card-info h3{font-size:17px;margin-bottom:8px}.card-info p{font-size:12px;color:var(--muted);margin-bottom:10px}.card-info .spec{font-size:11px;min-height:35px;color:#586450}.card-links{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.card-links button{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline}.oem{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:var(--ink);color:#f7f5ed;padding:55px}.oem .eyebrow,.oem p{color:#c2c9bb}.oem-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oem-option{border-top:1px solid #64705e;padding-top:15px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:20px}.step{border-top:1px solid #bbc4b4;padding-top:20px}.step span{font-size:11px;color:var(--muted);display:block;margin-bottom:22px}.step h3{font-size:15px}.cta{display:flex;justify-content:space-between;gap:25px;align-items:center;border-block:1px solid var(--line);padding-block:40px}.cta h2{margin:0}.footer{padding-block:55px 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer p{font-size:13px;color:var(--muted);max-width:340px}.footer nav{display:grid;gap:10px;font-size:13px}.foot-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:45px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.wa-float{position:fixed;inset-inline-end:22px;bottom:22px;border-radius:40px;padding:13px 20px;background:var(--ink);color:white;box-shadow:0 5px 25px #0002;z-index:20;font-size:12px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 12px}.page-title{padding-block:50px 35px}.page-title h1{font-size:clamp(36px,5vw,64px);margin-bottom:20px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.catalog{display:grid;grid-template-columns:220px 1fr;gap:38px;padding-bottom:70px}.filters{border-top:1px solid var(--line);padding-top:20px}.filters label{font-size:12px;display:block;margin-bottom:18px}.filters input,.filters select{display:block;width:100%;border:1px solid #bec7b6;padding:10px;background:transparent;color:var(--ink);margin-top:7px;border-radius:0}.filters .btn{width:100%}.catalog .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-count{font-size:12px;color:var(--muted);margin-bottom:22px}.empty{padding:40px;border:1px solid var(--line);grid-column:1/-1}.product-main{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding-bottom:60px}.product-visual{background:#e4e8dc;padding:35px;aspect-ratio:1}.product-visual img{width:100%;height:100%;object-fit:contain}.product-main h1{font-size:clamp(32px,4vw,52px)}.product-description{color:var(--muted)}.spec-table{border-collapse:collapse;width:100%;font-size:13px;margin:25px 0}.spec-table th,.spec-table td{text-align:start;vertical-align:top;padding:13px 0;border-bottom:1px solid var(--line)}.spec-table th{font-weight:500;width:36%;padding-inline-end:20px}.note{font-size:12px;color:var(--muted);border-inline-start:2px solid #9caa8e;padding-inline-start:14px;margin-block:22px}.quote-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-bottom:70px}.form{background:#fff;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form label{display:block;font-size:12px}.form input:not([type=checkbox]),.form select,.form textarea{width:100%;background:#fafbf8;border:1px solid #cbd2c4;padding:11px;margin-top:7px;border-radius:0}.form .full{grid-column:1/-1}.form textarea{min-height:120px}.form .consent{display:flex;gap:10px;align-items:flex-start}.hp{position:absolute!important;inset-inline-start:-9999px!important;width:1px!important;height:1px!important;overflow:hidden}.message{border:1px solid #a7b49a;background:#edf3e6;padding:22px;margin-bottom:24px}.message.error{border-color:#a96a60;background:#fff0ed}.reading{max-width:800px;margin:auto;padding-block:0 70px}.reading h2{font-size:30px;margin-top:38px}.reading p,.reading li{color:#56614f}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-list article{border-top:1px solid var(--line);padding-top:20px}.feature-list h3{font-size:19px}.feature-list p{font-size:14px;color:var(--muted)}.quote-list{padding:0;list-style:none}.quote-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:12px}.quote-list button{border:0;background:none;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-grid article{border-top:1px solid var(--line);padding-top:25px}.blog-grid p{font-size:14px;color:var(--muted)}.toast{position:fixed;bottom:85px;inset-inline-end:25px;background:#fff;border:1px solid var(--line);padding:16px;font-size:13px;z-index:30}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:10px;top:10px;padding:10px;background:white;z-index:100}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .wordmark{direction:ltr}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #879876;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:1100px){.wrap{padding-inline:28px}.nav{gap:14px}.head{gap:15px}.grid{grid-template-columns:repeat(3,1fr)}.category{padding:18px 14px}.category strong{font-size:15px}.steps{grid-template-columns:repeat(4,1fr)}.hero{gap:28px}.catalog{grid-template-columns:185px 1fr;gap:25px}.catalog .grid{grid-template-columns:repeat(2,1fr)}.product-main{gap:30px}.quote-layout{gap:35px}}
@media(max-width:760px){.wrap{padding-inline:20px}.strip{font-size:9px}.head{min-height:78px;flex-wrap:wrap;gap:10px;padding-block:18px}.wordmark{font-size:21px}.head-actions>.btn{display:none}.menu-toggle{display:block}.nav{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);padding-top:20px;gap:15px}.header.open .nav{display:flex}.hero{grid-template-columns:1fr;padding-block:40px;gap:30px}.hero h1{font-size:52px}.hero p{margin-block:22px}.hero-art{aspect-ratio:1.25}.proof{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:14px}.section{padding-block:45px}.section-head{align-items:start;flex-direction:column;gap:16px}.categories{grid-template-columns:repeat(2,1fr)}.category{min-height:130px;padding:20px}.category strong{font-size:18px}.grid,.catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card-art{padding:7px}.card-info h3{font-size:15px}.card-links{font-size:10px}.badge{font-size:8px;inset-inline-start:7px;top:7px}.oem{grid-template-columns:1fr;padding:28px;gap:25px}.steps{grid-template-columns:repeat(2,1fr)}.cta{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.foot-bottom{flex-direction:column}.catalog{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters label{margin:0}.filters button{align-self:end}.product-main,.quote-layout{grid-template-columns:1fr;gap:30px}.product-main h1{font-size:38px}.form{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1/-1}.feature-list,.blog-grid{grid-template-columns:1fr}.wa-float{bottom:12px;inset-inline-end:12px;padding:11px 16px}.language{max-width:78px}.page-title{padding-block:35px}.product-visual{padding:25px}.hero-art .art-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}