/**
 * Module CSS: 02-fab-dock.css
 * Trích nguyên văn dòng 147-224 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── FAB dock ── */
    .fab-dock {
      position: fixed;
      right: 20px;
      bottom: 24px;
      z-index: 10000;
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 12px;
    }
    .fab {
      display: flex;
      align-items: center;
      gap: 10px;
      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    .fab:hover { transform: scale(1.08) translateX(-4px); }
    .fab-icon {
      width: var(--fab-w);
      height: var(--fab-w);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      color: var(--white);
      box-shadow: 0 6px 24px rgba(0,0,0,0.28);
      position: relative;
      flex-shrink: 0;
    }
    .fab-phone .fab-icon {
      background: linear-gradient(135deg, #22c55e, #16a34a);
      animation: fabBounce 2s ease-in-out infinite;
    }
    .fab-phone .fab-icon::before {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 2px solid #22c55e;
      animation: fabRing 2s ease-out infinite;
    }
    .fab-zalo .fab-icon { background: linear-gradient(135deg, #0068ff, #004ecc); }
    .fab-messenger .fab-icon { background: linear-gradient(135deg, #0084ff, #a334fa); }
    .fab-label {
      background: var(--blue-deeper);
      color: var(--white);
      font-size: 0.8rem;
      font-weight: 600;
      padding: 8px 14px;
      border-radius: 50px;
      box-shadow: var(--shadow-lg);
      opacity: 0;
      transform: translateX(10px);
      transition: opacity 0.25s, transform 0.25s;
      white-space: nowrap;
    }
    .fab:hover .fab-label { opacity: 1; transform: translateX(0); }
    @keyframes fabRing {
      0% { transform: scale(1); opacity: 0.6; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    @keyframes fabBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
    }

    .deco-strip {
      position: fixed;
      right: 0; top: 0; bottom: 0;
      width: 40px;
      background: linear-gradient(180deg, var(--blue-deeper), var(--blue-dark), var(--blue-deeper));
      opacity: 0.04;
      pointer-events: none;
      z-index: 2;
    }