/* ---. QUALITY INTRODUCTION--------- */
.av-quality-intro__grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:start;}
.av-quality-intro__statcard{ border:1px solid var(--border); padding:36px 30px; position:relative; border-radius: 6px;}
.av-quality-intro__statcard::before{ content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:var(--secondary); border-radius: 6px;}
.av-quality-intro__statlabel{font-family:var(--font-heading);font-weight:700;font-size:28px;letter-spacing:1px; color:var(--primary); margin:0 0 25px;}
.av-quality-intro__statlist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
.av-quality-intro__statlist li{ font-size:16px; letter-spacing:0.5px; color:var(--text-dark); display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--border);}
.av-quality-intro__statlist li:last-child{ border-bottom:none; padding-bottom:0; }
.av-quality-intro__statlist li::before{ content:""; width:8px; height:8px; background:var(--secondary); flex:none;}
.av-quality-intro__text{ font-size:18px; color:var(--text-light); margin:0 0 34px;}
.av-quality-intro__cards{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.av-quality-intro__card{ border:1px solid var(--border); padding:24px 20px; border-radius: 6px;}
.av-quality-intro__num{ font-family:var(--font-heading); font-size:14px; font-weight:700; color:var(--secondary); letter-spacing:1px; margin-bottom:10px;}
.av-quality-intro__cardtitle{ font-size:16px; font-weight:700; color:var(--primary); margin:0;}


/* --QUALITY POLICY-------------- */
.av-quality-policy{ position:relative; background: var(--secondary); }
.av-quality-policy__head{ max-width:640px; margin-bottom:50px; }
.av-quality-policy__head .av-quality-eyebrow{ color:var(--primary); margin-bottom:16px; }
.av-quality-policy__title{ font-weight:800; font-size:clamp(26px,3vw,36px); color:var(--white); margin:0 0 16px;}
.av-quality-policy__text{ font-size:18px; color:rgba(255,255,255,0.68); margin:0; letter-spacing: 0.7px;}
.av-quality-policy__row{ display:grid; grid-template-columns:repeat(4, 1fr); position:relative;}
.av-quality-policy__item{ padding:0 26px 0 0; border-left:1px solid rgba(255, 255, 255, 0.451); padding-left:26px;}
.av-quality-policy__item:first-child{ border-left:none; padding-left:0; }
.av-quality-policy__icon{ margin-bottom:18px; }
.av-quality-policy__icon svg{ width:34px; height:34px; stroke:var(--primary); }
.av-quality-policy__itemtitle{ font-size:16px; font-weight:700; letter-spacing:0.5px; color:var(--primary); margin:0 0 10px;}
.av-quality-policy__itemtext{ font-size:18px; line-height:1.6; letter-spacing: 0.7px; color:rgba(255, 255, 255, 0.81); margin:0;}

/* --  Shared "numbered stage" section header (used by 4,5,6,7) ----- */
.av-quality-stagehead{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:48px;}
.av-quality-stagehead__left{ max-width:600px; }
.av-quality-stagehead .av-quality-eyebrow{ margin-bottom:16px; }
.av-quality-stagehead__title{ font-family:var(--font-heading); font-weight:700; font-size:clamp(24px,2.8vw,34px); color:var(--primary); margin:0 0 14px;}
.bg-dark .av-quality-stagehead__title{ color:var(--white); }
.av-quality-stagehead__text{ font-family:var(--font-body);  font-size:18px; letter-spacing: 0.7px; line-height:1.8; color:var(--text-light); margin:0;}
.bg-dark .av-quality-stagehead__text{  font-size:18px; letter-spacing: 0.7px; color:rgba(255,255,255,0.68); }

/* --- INCOMING INSPECTION ------- */
.av-quality-incoming__grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.av-quality-incoming__visual{ position:relative; }
.av-quality-incoming__visual img{ width:100%; height:380px; object-fit:cover; display:block;}
.av-quality-incoming__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column;}
.av-quality-incoming__list li{ display:flex; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid var(--border); font-family:var(--font-heading); font-size:20px; font-weight:600; color:var(--text-dark);}
.av-quality-incoming__list li:first-child{ padding-top:0; }
.av-quality-incoming__list li:last-child{ border-bottom:none; }
.av-quality-incoming__list li span.av-idx{ font-size:16px; color:var(--secondary); border:1px solid var(--secondary); width:36px; height:36px; display:flex; align-items:center; justify-content:center; flex:none; border-radius: 3px;}

  /* --  IN-PROCESS QUALITY (horizontal timeline) --- */
.av-quality-inprocess{ position:relative; overflow:hidden; }
.av-quality-inprocess__timeline{ display:grid; grid-template-columns:repeat(5, 1fr); gap:0; position:relative; margin-top:10px;}
.av-quality-inprocess__timeline::before{ content:""; position:absolute; top:17px; left:4%; right:4%; height:1px; background:repeating-linear-gradient(90deg, var(--metal) 0 8px, transparent 8px 16px); z-index:0;}
.av-quality-inprocess__stage{ position:relative; z-index:1; text-align:center; padding:0 12px;}
.av-quality-inprocess__dot{ width:46px; height:46px; border:2px solid var(--secondary); background:var(--bg); color:var(--primary); font-family:var(--font-heading); font-weight:700; font-size:18px; display:flex; align-items:center; border-radius: 4px; justify-content:center; margin:0 auto 22px;}
.av-quality-inprocess__stagetitle{ font-family:var(--font-heading); font-size:16px; font-weight:700; letter-spacing:0.5px; color:var(--primary); margin:0 0 10px;}
.av-quality-inprocess__stagetext{ font-family:var(--font-body); font-size:17px; line-height:1.6; color:var(--text-light); margin:0;}

/* ---PRESSURE & PERFORMANCE TESTING ----- */
.av-quality-testing{ background: var(--primary); position:relative; overflow:hidden; }
.av-quality-testing__grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.av-quality-testing__cards{ display:flex; flex-direction:column; gap:0;}
.av-quality-testing__card{ display:flex; gap:22px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,0.12);}
.av-quality-testing__card:first-child{ padding-top:0; }
.av-quality-testing__card:last-child{ border-bottom:none; }
.av-quality-testing__num{ font-family:var(--font-heading); font-weight:700; font-size:26px; color:var(--secondary); flex:none; width:44px;}
.av-quality-testing__cardtitle{ font-size:16px; font-weight:700; letter-spacing:0.5px; color:var(--white); margin:0 0 8px;}
.av-quality-testing__cardtext{  font-size:17px;  line-height:1.7; color:rgba(255,255,255,0.62); margin:0;}
.av-quality-testing__visual{ position:relative; }
.av-quality-testing__visual img{ width:100%; height:420px; object-fit:cover; display:block; filter:saturate(0.9);}

  /* -- QUALITY PROMISE --------- */
.av-quality-promise{ text-align:center; }
.av-quality-promise__statement{ font-family:var(--font-heading); font-weight:700; font-size:clamp(26px, 3.6vw, 44px); line-height:1.25; color:var(--primary); max-width:900px; margin:0 auto 26px;}
.av-quality-promise__statement em{ font-style:normal; color:var(--secondary);}
.av-quality-promise__text{ font-family:var(--font-body); font-size:15.5px; line-height:1.8; color:var(--text-light); max-width:640px; margin:0 auto 56px;}
.av-quality-promise__metrics{ display:grid; grid-template-columns:repeat(3,1fr);  gap:0; max-width:760px; margin:0 auto; border-top:1px solid var(--border);}
.av-quality-promise__metric{ padding:30px 20px 0; border-left:1px solid var(--border);}
.av-quality-promise__metric:first-child{ border-left:none; }
.av-quality-promise__metriclabel{ font-family:var(--font-heading); font-weight:700; font-size:20px; letter-spacing:1px; color:var(--primary); margin:0 0 8px;}
.av-quality-promise__metricsub{ font-family:var(--font-body); font-size:13px; color:var(--text-light); margin:0;}



    /* Reusable blueprint grid backdrop */
  .av-quality-blueprint-bg{
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(rgba(143,169,184,0.10) 1px, transparent 1px),
      linear-gradient(90deg, rgba(143,169,184,0.10) 1px, transparent 1px);
    background-size:38px 38px;
    pointer-events:none;
  }
  .bg-dark .av-quality-blueprint-bg{
    background-image:
      linear-gradient(rgba(0,158,83,0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,158,83,0.08) 1px, transparent 1px);
  }

  
  .av-quality-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:var(--font-heading);
    font-size:15px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--secondary);
  }

  .bg-dark .av-quality-eyebrow,
  .av-quality-hero .av-quality-eyebrow{ color:var(--secondary); }

    /* Signature corner-bracket frame, used around key imagery/graphics */
  .av-quality-frame{ position:relative; }
  .av-quality-frame::before,
  .av-quality-frame::after,
  .av-quality-frame .av-cb-tl,
  .av-quality-frame .av-cb-tr,
  .av-quality-frame .av-cb-bl,
  .av-quality-frame .av-cb-br{ position:absolute; width:22px; height:22px; }
  .av-quality-frame::before{ content:""; top:-10px; left:-10px; border-top:2px solid var(--secondary); border-left:2px solid var(--secondary); }
  .av-quality-frame::after{ content:""; bottom:-10px; right:-10px; border-bottom:2px solid var(--secondary); border-right:2px solid var(--secondary); }
  .av-quality-frame .av-cb-tr{ top:-10px; right:-10px; border-top:2px solid var(--secondary); border-right:2px solid var(--secondary); }
  .av-quality-frame .av-cb-bl{ bottom:-10px; left:-10px; border-bottom:2px solid var(--secondary); border-left:2px solid var(--secondary); }

  
  @media (max-width: 992px){
    .av-quality-topnav__links{
      position:absolute;
      top:100%; left:0; right:0;
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      background:var(--primary);
      border-top:1px solid rgba(255,255,255,0.08);
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
    }
    .av-quality-topnav__links.is-open{ max-height:400px; }
    .av-quality-topnav__links li{ width:100%; }
    .av-quality-topnav__links a{ display:block; padding:14px 24px; width:100%; border-bottom:1px solid rgba(255,255,255,0.06); }
    .av-quality-topnav__toggle{ display:flex; }
    .av-quality-topnav__row{ position:relative; flex-wrap:wrap; }
    .av-quality-topnav__cta{ order:1; }

    .av-quality-footer__grid{ grid-template-columns:1fr 1fr; row-gap:36px; }

    .av-quality-intro__grid{ grid-template-columns:1fr; gap:40px; }
    .av-quality-policy__row{ grid-template-columns:repeat(2,1fr); row-gap:36px; }
    .av-quality-policy__item{ border-left:none; padding-left:0; }
    .av-quality-incoming__grid{ grid-template-columns:1fr; }
    .av-quality-incoming__visual{ order:-1; }
    .av-quality-final__grid{ grid-template-columns:1fr; }
    .av-quality-final__badge{ margin-top:20px; }
    .av-quality-testing__grid{ grid-template-columns:1fr; }
    .av-quality-testing__visual{ order:-1; }
    .av-quality-inprocess__timeline{ grid-template-columns:repeat(5,1fr); }
  }

  @media (max-width: 768px){
    .av-quality-intro__cards{ grid-template-columns:1fr; }
    .av-quality-inprocess__timeline{ grid-template-columns:1fr; gap:34px; }
    .av-quality-inprocess__timeline::before{ display:none; }
    .av-quality-inprocess__stage{ display:flex; align-items:center; gap:18px; text-align:left; padding:0; }
    .av-quality-inprocess__dot{ margin:0; }
    .av-quality-final__checklist{ grid-template-columns:1fr; }
    .av-quality-testing__card{ gap:16px; }
    .av-quality-framework__diagram::before{ left:24px; }
    .av-quality-framework__circle{ width:48px; height:48px; font-size:14px; }
    .av-quality-certifications__grid{ grid-template-columns:1fr; }
    .av-quality-benefits__grid{ grid-template-columns:1fr 1fr; }
    .av-quality-benefit--wide, .av-quality-benefit--narrow{ grid-column:span 1; }
    .av-quality-promise__metrics{ grid-template-columns:1fr; }
    .av-quality-promise__metric{ border-left:none; border-top:1px solid var(--border); padding-top:24px; }
    .av-quality-promise__metric:first-child{ border-top:none; }
  }

  @media (max-width: 576px){
    .av-quality-policy__row{ grid-template-columns:1fr; }
    .av-quality-benefits__grid{ grid-template-columns:1fr; }
    .av-quality-cta__actions{ flex-direction:column; }
    .av-quality-cta__actions .common-btn,
    .av-quality-cta__actions .av-quality-btn-outline{ width:100%; text-align:center; justify-content:center; }
    .av-quality-footer__grid{ grid-template-columns:1fr; }
    .av-quality-footer__social{ justify-content:center; }
  }