/* ============================================================
   2026 Quality Business Award — on-site popup.
   Standalone file: does not touch global.css. Shown automatically
   shortly after each new browser session begins (not on every
   single page navigation), plus available via any element with
   class="award-modal-trigger".
   ============================================================ */
    /* ---- Award Modal (on-site popup, no external redirect needed) ---- */
    .award-modal-overlay {
      position: fixed; inset: 0; z-index: 2100;
      background: rgba(10,15,22,.65);
      display: flex; align-items: center; justify-content: center;
      padding: 1.25rem;
      opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity .25s ease, visibility .25s;
    }
    .award-modal-overlay.award-modal-open { opacity: 1; visibility: visible; pointer-events: all; }
    .award-modal-box {
      background: #fff; border-radius: var(--r-xl); max-width: 460px; width: 100%;
      max-height: 90vh; overflow-y: auto; position: relative;
      box-shadow: 0 32px 80px rgba(0,0,0,.35);
      transform: translateY(14px) scale(.97); transition: transform .25s ease;
    }
    .award-modal-overlay.award-modal-open .award-modal-box { transform: translateY(0) scale(1); }
    .award-modal-close {
      position: absolute; top: .85rem; right: .85rem; width: 32px; height: 32px;
      border-radius: 50%; border: none; background: var(--off); color: var(--muted);
      cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1;
    }
    .award-modal-close:hover { background: var(--border); }
    .award-modal-header {
      background: linear-gradient(160deg, #0f1a2b 0%, #16283f 100%);
      color: #fff; padding: 2.25rem 1.75rem 1.75rem; text-align: center;
      border-radius: var(--r-xl) var(--r-xl) 0 0;
    }
    .award-modal-seal {
      width: 84px; height: 84px; border-radius: 50%; margin: 0 auto .9rem;
      background: radial-gradient(circle, #f5b942 0%, #c8862a 100%);
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 24px rgba(200,134,42,.4);
    }
    .award-modal-badge {
      display: inline-block; background: rgba(245,185,66,.15); color: #f5b942;
      font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
      padding: 4px 12px; border-radius: 999px; margin-bottom: .75rem; border: 1px solid rgba(245,185,66,.3);
    }
    .award-modal-title { font-family: var(--font-head); font-size: 1.15rem; font-weight: 800; line-height: 1.35; margin-bottom: .4rem; }
    .award-modal-sub { font-size: .82rem; color: rgba(255,255,255,.75); }
    .award-modal-body { padding: 1.5rem 1.75rem; }
    .award-modal-meta { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: 1.25rem; }
    .award-modal-meta-item { background: var(--off); border-radius: var(--r-md); padding: .75rem; text-align: center; }
    .award-modal-meta-label { font-size: .68rem; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .25rem; }
    .award-modal-meta-value { font-size: .88rem; font-weight: 700; color: var(--dark); }
    .award-modal-ratings { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-bottom: 1.25rem; }
    .award-modal-rating-row { display: flex; align-items: center; justify-content: space-between; background: var(--off); border-radius: var(--r-md); padding: .6rem .85rem; font-size: .8rem; }
    .award-modal-stars { color: #f5b942; letter-spacing: 1px; font-size: .8rem; }
    .award-modal-footnote { font-size: .76rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .award-modal-verify { display: flex; gap: .6rem; flex-wrap: wrap; }
    .award-modal-verify a { flex: 1; text-align: center; font-size: .82rem; padding: .65rem .8rem; border-radius: var(--r-md); text-decoration: none; font-weight: 600; }
    .award-modal-verify .primary { background: var(--dark); color: #fff; }
    .award-modal-verify .secondary { background: #fff; color: var(--dark); border: 1.5px solid var(--border); }