/* Gearbanks Contact Page — B2B product support / quotation */
.gb-contact-page{background:#fff;color:#17372c}
.gb-contact-page *{box-sizing:border-box}
.gb-contact-hero{position:relative;overflow:hidden;padding:38px 0 54px;border-bottom:1px solid #e3ebe6;background:linear-gradient(130deg,#eef8f2 0%,#fff 58%,#f4f8f5 100%)}
.gb-contact-hero:after{content:"";position:absolute;right:-120px;top:-190px;width:520px;height:520px;border:1px solid rgba(15,142,71,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(15,142,71,.025),0 0 0 160px rgba(15,142,71,.018);pointer-events:none}
.gb-contact-breadcrumb{position:relative;z-index:1;margin:0 0 28px;padding:0}
.gb-contact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.62fr);gap:64px;align-items:center}
.gb-contact-eyebrow,.gb-contact-card-label{font-size:11px;line-height:1.3;font-weight:900;letter-spacing:.15em;color:var(--green,#0f8e47)}
.gb-contact-hero h1{margin:10px 0 16px;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.05em;color:#12362a}
.gb-contact-lead{max-width:820px;margin:0;color:#5c7167;font-size:17px;line-height:1.78}
.gb-contact-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.gb-contact-topics span{padding:8px 11px;border:1px solid #d9e7df;border-radius:999px;background:rgba(255,255,255,.82);color:#35564a;font-size:11px;font-weight:800}
.gb-contact-fast-card{display:flex;gap:16px;padding:27px;border:1px solid #dce8e1;border-radius:16px;background:#fff;box-shadow:0 16px 42px rgba(18,66,47,.08)}
.gb-contact-fast-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:11px;background:#e9f7ef;color:var(--green,#0f8e47);font-size:25px;font-weight:900}
.gb-contact-fast-card strong{display:block;margin:1px 0 7px;color:#173b2e;font-size:19px;line-height:1.25}
.gb-contact-fast-card p{margin:0;color:#667a70;font-size:13px;line-height:1.65}
.gb-contact-fast-card a{display:inline-flex;gap:7px;margin-top:15px;color:var(--green,#0f8e47);font-size:12px;font-weight:900}

.gb-contact-main-section{padding:58px 0 66px}
.gb-contact-main-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:26px;align-items:start}
.gb-contact-sidebar{display:grid;gap:13px}
.gb-contact-info-card{padding:24px;border:1px solid #dfe8e3;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(23,61,47,.035)}
.gb-contact-info-primary{background:linear-gradient(145deg,#123b2c 0%,#173f31 100%);border-color:#173f31;color:#fff}
.gb-contact-info-primary .gb-contact-card-label{color:#79d5a1}
.gb-contact-info-primary h2{margin:8px 0 8px;color:#fff;font-size:27px;letter-spacing:-.02em}
.gb-contact-info-primary p{margin:0;color:#d6e5dc;font-size:13px;line-height:1.75}
.gb-contact-map-link{display:inline-flex;gap:7px;margin-top:15px;color:#fff!important;font-size:12px;font-weight:850}
.gb-contact-direct-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #e6ece8}
.gb-contact-direct-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff8f3;color:var(--green,#0f8e47);font-size:15px}
.gb-contact-direct-row small{display:block;margin-bottom:2px;color:#7d8d85;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.gb-contact-direct-row a,.gb-contact-direct-row strong{display:block;color:#1b3e32;font-size:13px;font-weight:850}
.gb-contact-whatsapp{width:100%;justify-content:center;margin-top:17px}
.gb-contact-checklist h3{margin:7px 0 12px;color:#1b3e32;font-size:18px}
.gb-contact-checklist ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.gb-contact-checklist li{position:relative;padding-left:22px;color:#62766c;font-size:12px;line-height:1.5}
.gb-contact-checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green,#0f8e47);font-weight:900}

.gb-contact-form-card{padding:31px;border:1px solid #dae6df;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(18,66,47,.065)}
.gb-contact-form-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.gb-contact-form-head h2{margin:7px 0 6px;color:#153a2d;font-size:32px;letter-spacing:-.03em}
.gb-contact-form-head p{max-width:690px;margin:0;color:#687b72;font-size:13px;line-height:1.65}
.gb-contact-response-note{flex:0 0 auto;padding:7px 10px;border:1px solid #dce8e1;border-radius:999px;background:#f7fbf8;color:#60756a;font-size:10px;font-weight:800}
.gb-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gb-contact-field{display:block;color:#405e52;font-size:11px;font-weight:850}
.gb-contact-field.full,.gb-contact-consent.full,.gb-contact-submit-row.full{grid-column:1/-1}
.gb-contact-field>span{display:block;margin-bottom:6px}
.gb-contact-field input,.gb-contact-field select,.gb-contact-field textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid #d9e4de;border-radius:8px;background:#fff;color:#173b2e;font:inherit;font-size:13px;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.gb-contact-field input::placeholder,.gb-contact-field textarea::placeholder{color:#99a69f}
.gb-contact-field input:focus,.gb-contact-field select:focus,.gb-contact-field textarea:focus{border-color:var(--green,#0f8e47);box-shadow:0 0 0 3px rgba(15,142,71,.08);background:#fcfffd}
.gb-contact-field textarea{min-height:145px;resize:vertical;line-height:1.6}
.gb-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.gb-contact-consent{display:flex;gap:10px;align-items:flex-start;color:#63776d;font-size:11px;line-height:1.55;font-weight:600}
.gb-contact-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--green,#0f8e47)}
.gb-contact-consent a{color:var(--green,#0f8e47);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.gb-contact-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:2px}
.gb-contact-submit{min-width:160px;justify-content:center}
.gb-contact-submit-row small{color:#7a8b83;font-size:10px;line-height:1.5}
.gb-contact-feedback{margin:0 0 20px;padding:13px 15px;border-radius:9px;font-size:12px;font-weight:750}
.gb-contact-feedback.success{border:1px solid #cce9d8;background:#ebf8f0;color:#0c713d}
.gb-contact-feedback.error{border:1px solid #efd1d1;background:#fff3f3;color:#993434}

.gb-contact-help-section{padding:68px 0;background:#f5f8f6;border-top:1px solid #e5ece8;border-bottom:1px solid #e5ece8}
.gb-contact-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:50px;align-items:end;margin-bottom:28px}
.gb-contact-section-head h2{max-width:720px;margin:8px 0 0;color:#173b2e;font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.04em}
.gb-contact-section-head>p{margin:0;color:#677a70;font-size:13px;line-height:1.75}
.gb-contact-help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.gb-contact-help-card{display:flex;flex-direction:column;min-height:238px;padding:22px;border:1px solid #dde7e1;border-radius:13px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gb-contact-help-card:hover{transform:translateY(-3px);border-color:#bcd9c8;box-shadow:0 12px 28px rgba(23,61,47,.06)}
.gb-contact-help-card>span{color:var(--green,#0f8e47);font-size:11px;font-weight:900;letter-spacing:.12em}
.gb-contact-help-card h3{margin:24px 0 8px;color:#1c4033;font-size:18px}
.gb-contact-help-card p{margin:0;color:#6b7d74;font-size:12px;line-height:1.7}
.gb-contact-help-card b{margin-top:auto;padding-top:22px;color:#173e31;font-size:11px}

.gb-contact-location-section{padding:70px 0}
.gb-contact-location-grid{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:28px;align-items:stretch}
.gb-contact-location-copy{padding:38px;border-radius:15px;background:#133b2d;color:#fff}
.gb-contact-location-copy .gb-contact-eyebrow{color:#7bd4a0}
.gb-contact-location-copy h2{margin:9px 0 15px;color:#fff;font-size:38px;letter-spacing:-.04em}
.gb-contact-location-copy p{margin:0;color:#d4e4db;font-size:14px;line-height:1.8}
.gb-contact-location-actions{display:grid;gap:8px;margin-top:28px}
.gb-contact-location-actions a{color:#fff;font-size:13px;font-weight:800}
.gb-contact-map-wrap{overflow:hidden;min-height:380px;border:1px solid #dfe8e3;border-radius:15px;background:#f5f8f6}
.gb-contact-map-wrap iframe{display:block;width:100%;height:100%;min-height:380px;border:0}

.gb-contact-faq-section{padding:8px 0 82px}
.gb-contact-faq-grid{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);gap:62px;align-items:start}
.gb-contact-faq-intro{position:sticky;top:150px}
.gb-contact-faq-intro h2{margin:8px 0 12px;color:#173b2e;font-size:34px;line-height:1.08;letter-spacing:-.035em}
.gb-contact-faq-intro p{margin:0;color:#697c72;font-size:13px;line-height:1.72}
.gb-contact-faq-list{border-top:1px solid #dfe7e2}
.gb-contact-faq-list details{border-bottom:1px solid #dfe7e2}
.gb-contact-faq-list summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;color:#26483b;font-size:14px;font-weight:850;cursor:pointer;list-style:none}
.gb-contact-faq-list summary::-webkit-details-marker{display:none}
.gb-contact-faq-list summary span{color:var(--green,#0f8e47);font-size:20px;font-weight:500;transition:transform .2s ease}
.gb-contact-faq-list details[open] summary span{transform:rotate(45deg)}
.gb-contact-faq-list p{max-width:850px;margin:-4px 38px 20px 0;color:#6a7c73;font-size:13px;line-height:1.75}

@media(max-width:1100px){
  .gb-contact-hero-grid{grid-template-columns:1fr;gap:28px}
  .gb-contact-fast-card{max-width:680px}
  .gb-contact-help-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .gb-contact-main-grid,.gb-contact-location-grid,.gb-contact-faq-grid,.gb-contact-section-head{grid-template-columns:1fr}
  .gb-contact-faq-intro{position:static}
  .gb-contact-section-head{gap:15px}
  .gb-contact-map-wrap,.gb-contact-map-wrap iframe{min-height:330px}
}
@media(max-width:640px){
  .gb-contact-hero{padding:28px 0 38px}
  .gb-contact-hero h1{font-size:43px}
  .gb-contact-lead{font-size:15px}
  .gb-contact-main-section{padding:38px 0 48px}
  .gb-contact-form-card{padding:22px 17px}
  .gb-contact-form-head{display:block}
  .gb-contact-response-note{display:inline-flex;margin-top:12px}
  .gb-contact-form{grid-template-columns:1fr}
  .gb-contact-field.full,.gb-contact-consent.full,.gb-contact-submit-row.full{grid-column:auto}
  .gb-contact-help-section,.gb-contact-location-section{padding:48px 0}
  .gb-contact-help-grid{grid-template-columns:1fr}
  .gb-contact-help-card{min-height:200px}
  .gb-contact-location-copy{padding:27px 22px}
  .gb-contact-map-wrap,.gb-contact-map-wrap iframe{min-height:280px}
  .gb-contact-faq-section{padding-bottom:55px}
}