/*
Theme Name: B2B Pro Global
Theme URI: https://example.com/b2b-pro-global
Author: OpenAI
Author URI: https://openai.com/
Description: An Apple-inspired English-language B2B WordPress theme for manufacturers, distributors, wholesalers and OEM/ODM businesses. Includes a ready-to-use site structure, unified editorial layouts, product, solution and resource systems, enquiry forms, responsive layouts and Elementor-friendly page templates.
Version: 1.5.41.3.64.207
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: b2b-pro
Tags: custom-logo, custom-menu, featured-images, full-width-template, one-column, two-columns, translation-ready, e-commerce
*/

:root {
  --b2b-bg: #f5f5f7;
  --b2b-surface: #ffffff;
  --b2b-text: #1d1d1f;
  --b2b-muted: #515154;
  --b2b-meta: #5f5f64;
  --b2b-text-on-dark: #f5f5f7;
  --b2b-muted-on-dark: #d2d2d7;
  --b2b-meta-on-dark: #b8b8bd;
  --b2b-dark: #0b0b0d;
  --b2b-line: rgba(0,0,0,.10);
  --b2b-accent: #DC080B;
  --b2b-accent-hover: #B70609;
  --b2b-accent-soft: #FFF1F1;
  --b2b-accent-soft-strong: #FCE3E4;
  --b2b-accent-border: rgba(220,8,11,.24);
  --b2b-accent-focus: rgba(220,8,11,.18);
  --b2b-accent-on-dark: #FF5A5D;
  --b2b-radius: 28px;
  --b2b-radius-lg: 34px;
  --b2b-radius-sm: 20px;
  --b2b-max: 1200px;
  --b2b-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Arial, sans-serif;
  --b2b-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, sans-serif;
  /* v1.5.41.3.57: homepage typography is the canonical site-wide system */
  --b2b-type-eyebrow: 11px;
  --b2b-type-small: 13px;
  --b2b-type-body: 16px;
  --b2b-type-body-lg: 17px;
  --b2b-type-lead: clamp(17px, 1.35vw, 19px);
  --b2b-type-card-title: clamp(21px, 1.8vw, 27px);
  --b2b-type-section: clamp(34px, 3.3vw, 48px);
  --b2b-type-page: clamp(44px, 4.5vw, 60px);
  --b2b-type-display: clamp(48px, 5.1vw, 68px);
  --b2b-leading-tight: 1.01;
  --b2b-leading-heading: 1.055;
  --b2b-leading-body: 1.60;
  --b2b-track-display: -.047em;
  --b2b-track-heading: -.038em;
  --b2b-weight-display: 650;
  --b2b-weight-heading: 640;
  --b2b-weight-card: 620;
  --b2b-section-space: 80px;
  --b2b-section-space-mobile: 52px;
  --b2b-shadow-soft: 0 1px 0 rgba(0,0,0,.02);
  --b2b-shadow-float: 0 14px 42px rgba(0,0,0,.07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--b2b-text);
  background: var(--b2b-bg);
  font-family: var(--b2b-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: var(--b2b-type-body);
  line-height: 1.5;
  letter-spacing: -.011em;
  font-synthesis: none;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.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; }