/* ============================================================
   tender-guide.css  —  Shared styles for /tender-guide/ pages
   ALTEC | Equipments Exporters
   All selectors namespaced (.eex-* / .xqz-* / scoped under
   .eex-page-root) so they do NOT clash with the global
   header/footer CSS in the site root.
   ============================================================ */


 :root {
 --eex-brand: #15528A;
 --eex-accent: #F59E0B;
 --eex-dark: #0C2E4E;
 --eex-text: #0F172A;
 --eex-text-muted: #475569;
 --eex-text-light: #94A3B8;
 --eex-surface: #FFFFFF;
 --eex-surface-2:  #F8FAFC;
 --eex-surface-3:  #F1F5F9;
 --eex-border: #E2E8F0;
 --eex-border-2: #CBD5E1;
 --eex-radius: 8px;
 --eex-radius-lg:  14px;
 --eex-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
 --eex-shadow-md:  0 4px 16px rgba(0,0,0,.08);
 --eex-shadow-lg:  0 20px 50px rgba(0,0,0,.12);
 --eex-max-w: 1280px;
 --eex-ff-serif: 'Fraunces', Georgia, serif;
 --eex-ff-sans: 'Inter', system-ui, sans-serif;
 --eex-ff-mono: 'JetBrains Mono', monospace;
 }

 .eex-page-root, .eex-page-root *, .eex-page-root *::before, .eex-page-root *::after { box-sizing: border-box; margin: 0; padding: 0; }
 .eex-page-root { scroll-behavior: smooth; font-size: 16px; }
 .eex-page-root { font-family: var(--eex-ff-sans); color: var(--eex-text); background: var(--eex-surface-2);
 -webkit-font-smoothing: antialiased; line-height: 1.6; }
 .eex-page-root img { max-width: 100%; display: block; }
 .eex-page-root a { color: inherit; text-decoration: none; }
 .eex-page-root ul { list-style: none; }

 /* BREADCRUMB */
.eex-page-root { padding-top: 0; margin-top: 0; clear: both; position: relative; z-index: 1; }
.eex-breadcrumb {
 background: var(--eex-surface);
 border-bottom: 1px solid var(--eex-border);
 padding:.5rem 0;
 clear: both;
 position: relative;
 z-index: 1;
 }
.eex-breadcrumb-inner {
 max-width: var(--eex-max-w);
 margin: 0 auto;
 padding: 0 1.5rem;
 font-size: 12px;
 color: var(--eex-text-light);
 font-family: var(--eex-ff-mono);
 display: flex;
 align-items: center;
 gap:.4rem;
 }
.eex-breadcrumb-inner a { color: var(--eex-brand); }
.eex-breadcrumb-inner a:hover { text-decoration: underline; }
.eex-breadcrumb-sep { opacity:.4; }

 /* HERO */
.eex-hero {
 background: var(--eex-dark);
 padding: 4rem 1.5rem 3.5rem;
 position: relative;
 overflow: hidden;
 }
.eex-hero::before {
 content: '';
 position: absolute;
 inset: 0;
 background:
 radial-gradient(ellipse 80% 60% at 20% 40%, rgba(21, 82, 138, .35) 0%, transparent 70%),
 radial-gradient(ellipse 50% 50% at 80% 80%, rgba(245, 158, 11, .15) 0%, transparent 60%);
 pointer-events: none;
 }
.eex-hero-inner {
 max-width: var(--eex-max-w);
 margin: 0 auto;
 display: grid;
 grid-template-columns: 1fr 260px;
 gap: 4rem;
 align-items: start;
 position: relative;
 z-index: 1;
 }
.eex-hero-eyebrow {
 font-family: var(--eex-ff-mono);
 font-size: 11px;
 color: var(--eex-accent);
 letter-spacing:.15em;
 text-transform: uppercase;
 margin-bottom: 1rem;
 display: flex;
 align-items: center;
 gap:.6rem;
 }
.eex-hero-eyebrow::before {
 content: '';
 display: inline-block;
 width: 28px;
 height: 1.5px;
 background: var(--eex-accent);
 }
.eex-hero h1 {
 font-family: var(--eex-ff-serif);
 font-size: clamp(2rem, 3.5vw, 3.2rem);
 font-weight: 600;
 line-height: 1.05;
 color: #fff;
 letter-spacing: -.025em;
 margin-bottom: 1.1rem;
 }
.eex-hero h1 em {
 font-style: italic;
 color: var(--eex-accent);
 font-weight: 300;
 }
.eex-hero-lead {
 font-size: 16px;
 line-height: 1.75;
 color: rgba(255,255,255,.65);
 max-width: 54ch;
 margin-bottom: 1.5rem;
 }
.eex-hero-trust {
 display: flex;
 flex-wrap: wrap;
 gap:.5rem;
 margin-bottom: 1.75rem;
 }
.eex-trust-item {
 font-family: var(--eex-ff-mono);
 font-size: 10.5px;
 color: rgba(255,255,255,.5);
 background: rgba(255,255,255,.06);
 border: 1px solid rgba(255,255,255,.1);
 padding:.3rem.75rem;
 border-radius: 3px;
 letter-spacing:.06em;
 }
.eex-trust-item.eex-highlight {
 color: var(--eex-accent);
 border-color: rgba(245, 158, 11, .3);
 background: rgba(245, 158, 11, .08);
 }
.eex-hero-ctas { display: flex; gap:.75rem; flex-wrap: wrap; align-items: center; }
.eex-btn-accent {
 background: var(--eex-accent);
 color: #fff;
 font-size: 14px;
 font-weight: 700;
 padding:.75rem 1.6rem;
 border-radius: var(--eex-radius);
 transition: all.2s;
 display: inline-flex;
 align-items: center;
 gap:.5rem;
 }
.eex-btn-accent:hover { opacity:.88; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(245, 158, 11, .35); }
.eex-btn-ghost {
 border: 1.5px solid rgba(255,255,255,.25);
 color: #fff;
 font-size: 14px;
 font-weight: 500;
 padding:.7rem 1.4rem;
 border-radius: var(--eex-radius);
 transition: all.2s;
 }
.eex-btn-ghost:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.4); }
.eex-hero-note {
 margin-top: 1.25rem;
 font-family: var(--eex-ff-mono);
 font-size: 10.5px;
 color: rgba(255,255,255,.28);
 letter-spacing:.05em;
 }

 /* STAT PANEL */
.eex-stat-panel {
 border: 1px solid rgba(255,255,255,.1);
 background: rgba(0,0,0,.22);
 backdrop-filter: blur(8px);
 }
.eex-stat-item {
 padding: 1.1rem 1.25rem;
 border-bottom: 1px solid rgba(255,255,255,.07);
 display: flex;
 flex-direction: column;
 }
.eex-stat-item:last-child { border-bottom: none; }
.eex-stat-num {
 font-family: var(--eex-ff-serif);
 font-size: 32px;
 font-weight: 600;
 color: var(--eex-accent);
 line-height: 1;
 letter-spacing: -.02em;
 }
.eex-stat-lbl {
 font-family: var(--eex-ff-mono);
 font-size: 9.5px;
 color: rgba(255,255,255,.38);
 letter-spacing:.14em;
 text-transform: uppercase;
 margin-top: 5px;
 }

 /* TRUST STRIP */
.eex-trust-strip {
 background: var(--eex-brand);
 padding:.65rem 1.5rem;
 text-align: center;
 }
.eex-trust-strip p {
 font-family: var(--eex-ff-mono);
 font-size: 11px;
 color: rgba(255,255,255,.85);
 letter-spacing:.05em;
 max-width: var(--eex-max-w);
 margin: 0 auto;
 }

 /* PAGE BODY */
.eex-page-body {
 max-width: var(--eex-max-w);
 margin: 0 auto;
 padding: 3rem 1.5rem;
 }
.eex-main-content { min-width: 0; }

 /* SECTION */
.eex-section { margin-bottom: 3.5rem; }
.eex-section-label {
 font-family: var(--eex-ff-mono);
 font-size: 10.5px;
 font-weight: 500;
 color: var(--eex-brand);
 letter-spacing:.16em;
 text-transform: uppercase;
 margin-bottom:.6rem;
 display: flex;
 align-items: center;
 gap:.6rem;
 }
.eex-section-label::after {
 content: '';
 flex: 1;
 max-width: 40px;
 height: 1px;
 background: var(--eex-border);
 }
.eex-section h2 {
 font-family: var(--eex-ff-serif);
 font-size: clamp(1.55rem, 2.5vw, 2rem);
 font-weight: 600;
 color: var(--eex-dark);
 letter-spacing: -.02em;
 line-height: 1.2;
 margin-bottom:.75rem;
 }
.eex-section h2 em {
 font-style: italic;
 color: var(--eex-brand);
 font-weight: 300;
 }
.eex-section > p {
 font-size: 15.5px;
 line-height: 1.8;
 color: var(--eex-text-muted);
 margin-bottom:.85rem;
 }
.eex-section > p strong { color: var(--eex-text); font-weight: 600; }

 /* INTRO GRID */
.eex-intro-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.5rem;
 margin-top: 1.25rem;
 }
.eex-intro-block {
 background: var(--eex-surface);
 border: 1px solid var(--eex-border);
 border-radius: var(--eex-radius-lg);
 padding: 1.5rem;
 }
.eex-intro-block-icon {
 width: 36px;
 height: 36px;
 border-radius: 8px;
 background: linear-gradient(135deg, var(--eex-brand), var(--eex-dark));
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom:.75rem;
 color: #fff;
 }
.eex-intro-block h3 {
 font-family: var(--eex-ff-serif);
 font-size: 1.1rem;
 font-weight: 600;
 color: var(--eex-dark);
 margin-bottom:.4rem;
 }
.eex-intro-block p { font-size: 14px; line-height: 1.7; color: var(--eex-text-muted); }

 /* PRODUCT GRID */
.eex-prod-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
 gap: 1px;
 background: var(--eex-border);
 border: 1px solid var(--eex-border);
 border-radius: var(--eex-radius-lg);
 overflow: hidden;
 margin-top: 1.25rem;
 }
.eex-prod-card {
 background: var(--eex-surface);
 padding: 1.1rem 1.2rem;
 transition: background.15s;
 position: relative;
 }
.eex-prod-card::before {
 content: '';
 display: block;
 width: 24px;
 height: 2.5px;
 background: var(--eex-brand);
 margin-bottom:.75rem;
 border-radius: 2px;
 }
.eex-prod-card:hover { background: #EEF4FF; }
.eex-prod-card h3 {
 font-size: 13.5px;
 font-weight: 600;
 color: var(--eex-dark);
 margin-bottom:.35rem;
 line-height: 1.35;
 }
.eex-prod-card p { font-size: 12.5px; color: var(--eex-text-muted); line-height: 1.55; }

 /* APP GRID */
.eex-app-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1rem;
 margin-top: 1.25rem;
 }
.eex-app-card {
 background: var(--eex-surface);
 border: 1px solid var(--eex-border);
 border-radius: var(--eex-radius-lg);
 padding: 1.25rem 1.4rem;
 border-left: 4px solid var(--eex-brand);
 transition: box-shadow.2s;
 }
.eex-app-card:hover { box-shadow: var(--eex-shadow-md); }
.eex-app-label {
 font-family: var(--eex-ff-mono);
 font-size: 10px;
 font-weight: 500;
 color: var(--eex-brand);
 letter-spacing:.12em;
 text-transform: uppercase;
 margin-bottom:.5rem;
 }
.eex-app-card p { font-size: 14px; color: var(--eex-text-muted); line-height: 1.65; }

 /* COUNTRIES */
.eex-countries-section {
 background: var(--eex-dark);
 padding: 4rem 1.5rem;
 margin: 4rem calc(50% - 50vw);
 width: 100vw;
 max-width: 100vw;
 box-sizing: border-box;
 position: relative;
 overflow: hidden;
 }
.eex-countries-section > .eex-section-label,
.eex-countries-section > h2,
.eex-countries-section > p,
.eex-countries-section > .eex-country-grid {
 max-width: var(--eex-max-w);
 margin-left: auto;
 margin-right: auto;
 }
.eex-countries-section > .eex-country-grid { margin-top: 1.5rem; }
.eex-countries-section::before {
 content: '';
 position: absolute;
 top: -60px;
 right: -60px;
 width: 200px;
 height: 200px;
 border-radius: 50%;
 border: 40px solid rgba(255,255,255,.03);
 }
.eex-countries-section h2 { color: #fff; }
.eex-countries-section .eex-section-label { color: var(--eex-accent); }
.eex-countries-section .eex-section-label::after { background: rgba(255,255,255,.1); }
.eex-countries-section > p { color: rgba(255,255,255,.55); margin-bottom: 0; }
.eex-country-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
 grid-auto-rows: 1fr;
 gap: 1px;
 background: rgba(255,255,255,.06);
 border: 1px solid rgba(255,255,255,.06);
 margin-top: 1.5rem;
 border-radius: var(--eex-radius);
 overflow: hidden;
 }
.eex-country-cell {
 background: var(--eex-dark);
 padding: 1rem 1.1rem;
 transition: background.2s;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 height: 100%;
 }
.eex-country-cell:hover { background: rgba(255,255,255,.04); }
.eex-country-cell h4 {
 font-family: var(--eex-ff-serif);
 font-style: italic;
 font-size: 15px;
 color: var(--eex-accent);
 margin-bottom: 4px;
 }
.eex-country-cell p { font-size: 12px; color: rgba(255,255,255,.45); line-height: 1.5; }

 /* FAQ */
.eex-faq-list { margin-top: 1.25rem; }
.eex-faq-item {
 border-bottom: 1px solid var(--eex-border);
 overflow: hidden;
 }
.eex-faq-item summary {
 font-family: var(--eex-ff-serif);
 font-size: 17.5px;
 font-weight: 600;
 color: var(--eex-dark);
 padding: 1.1rem 2.5rem 1.1rem 0;
 cursor: pointer;
 list-style: none;
 position: relative;
 transition: color.2s;
 line-height: 1.35;
 }
.eex-faq-item summary::-webkit-details-marker { display: none; }
.eex-faq-item summary::after {
 content: '+';
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 font-size: 24px;
 font-weight: 300;
 color: var(--eex-accent);
 transition: transform.3s;
 font-family: var(--eex-ff-sans);
 line-height: 1;
 }
.eex-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.eex-faq-item summary:hover { color: var(--eex-brand); }
.eex-faq-body { padding: 0 0 1.25rem; animation: eexFadeIn.25s ease; }
.eex-faq-body p { font-size: 15px; line-height: 1.8; color: var(--eex-text-muted); }
 @keyframes eexFadeIn { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }

 /* HIDDEN KW */
.eex-kw-chips { display: none; }

 /* RESPONSIVE */
 @media (max-width: 900px) {
.eex-hero-inner { grid-template-columns: 1fr; }
.eex-stat-panel { display: grid; grid-template-columns: repeat(4, 1fr); }
.eex-stat-item { border-bottom: none; border-right: 1px solid rgba(255,255,255,.07); }
.eex-intro-grid { grid-template-columns: 1fr; }
 }
 @media (max-width: 640px) {
.eex-app-grid { grid-template-columns: 1fr; }
.eex-prod-grid { grid-template-columns: 1fr; }
 }
 @media (max-width: 600px) {
.eex-hero { padding: 2.5rem 1.25rem 2.25rem; }
.eex-hero-inner { gap: 2rem; }
.eex-stat-panel { grid-template-columns: 1fr 1fr; }
.eex-stat-item { border-right: 1px solid rgba(255,255,255,.07); }
.eex-stat-item:nth-child(2n) { border-right: none; }
.eex-countries-section { padding: 2.75rem 1.25rem; margin-top: 2.5rem; margin-bottom: 2.5rem; }
.eex-section { margin-bottom: 2.5rem; }
.eex-page-body { padding: 2rem 1.25rem; }
.eex-intro-grid { gap: 1rem; }
.eex-country-grid { grid-template-columns: 1fr 1fr; }
.eex-hero-ctas { width: 100%; }
.eex-hero-ctas .eex-btn-accent, .eex-hero-ctas .eex-btn-ghost { flex: 1 1 100%; text-align: center; }
 }
 @media (max-width: 400px) {
.eex-stat-panel { grid-template-columns: 1fr; }
.eex-stat-item { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.07); }
.eex-stat-item:last-child { border-bottom: none; }
.eex-country-grid { grid-template-columns: 1fr; }
.eex-breadcrumb-inner { font-size: 11px; flex-wrap: wrap; }
 }

 /* SEO CTA BLOCK */
  .xqz-seo-block { margin: 3rem 0 !important; padding: 2.5rem 0 !important; background: transparent !important; color: #1F2937 !important; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; }
  .xqz-seo-block * { box-sizing: border-box !important; }
  .xqz-seo-inner { max-width: 1280px !important; margin: 0 auto !important; padding: 0 1.5rem !important; }
  .xqz-seo-heading { font-size: 26px !important; line-height: 1.3 !important; font-weight: 700 !important; color: #0C2E4E !important; margin: 0 0 20px 0 !important; padding: 0 !important; background: transparent !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
  .xqz-seo-para { font-size: 16px !important; line-height: 1.7 !important; font-weight: 400 !important; color: #374151 !important; margin: 0 0 16px 0 !important; padding: 0 !important; background: transparent !important; }
  .xqz-seo-para strong { color: #0C2E4E !important; font-weight: 600 !important; }
  .xqz-cta-box { margin: 32px 0 !important; padding: 2rem 1.5rem !important; background: #15528A !important; border-radius: 8px !important; text-align: center !important; box-sizing: border-box !important; color: #ffffff !important; }
  .xqz-cta-box * { box-sizing: border-box !important; }
  .xqz-cta-label { display: inline-block !important; background: #F59E0B !important; color: #3D2A0E !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; padding: 6px 14px !important; border-radius: 100px !important; margin: 0 0 18px 0 !important; line-height: 1 !important; }
  .xqz-cta-headline { color: #ffffff !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.4 !important; margin: 0 0 24px 0 !important; padding: 0 !important; background: transparent !important; }
  .xqz-cta-email { color: #FDE68A !important; font-weight: 600 !important; text-decoration: underline !important; text-decoration-color: #FDE68A !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; }
  .xqz-cta-email:hover { color: #ffffff !important; text-decoration-color: #ffffff !important; }
  .xqz-cta-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; align-items: center !important; }
  .xqz-cta-btn-primary, .xqz-cta-btn-secondary { display: inline-block !important; padding: 12px 24px !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; border-radius: 6px !important; box-sizing: border-box !important; text-align: center !important; border: 2px solid transparent !important; }
  .xqz-cta-btn-primary { background: #F59E0B !important; color: #3D2A0E !important; border-color: #F59E0B !important; }
  .xqz-cta-btn-primary:hover { background: #D98A09 !important; border-color: #D98A09 !important; }
  .xqz-cta-btn-secondary { background: transparent !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.5) !important; }
  .xqz-cta-btn-secondary:hover { background: rgba(255, 255, 255, 0.12) !important; border-color: #ffffff !important; }
  @media (max-width: 600px) { .xqz-seo-heading { font-size: 22px !important; } .xqz-seo-para { font-size: 15px !important; } .xqz-cta-box { padding: 1.75rem 1rem !important; } .xqz-cta-headline { font-size: 17px !important; } .xqz-cta-btn-primary, .xqz-cta-btn-secondary { width: 100% !important; } }

  /* Full-bleed: page-root escapes the .container width restored after wrapping <main> in .container.
     The gray background and the hero/trust-strip dark backgrounds now span full viewport width;
     inner content stays centered via each section's own max-width inner wrapper. */
  .eex-page-root {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }